Skip to content

T
tokcos-socket-web-ts-user
提交 16de3dbb 作者: Hao
操作

add

父级 aa0f611f
正在显示 包含 375 行增加 和 192 行删除
index.html
...@@ -5,7 +5,11 @@ ...@@ -5,7 +5,11 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>用户端</title> <title>userSide</title>
<script >
this.resizeTo(800,600);
this.focus();
</script>
</head> </head>
<body> <body>
......
package.json
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
"type": "module", "type": "module",
"license":"MIT", "license":"MIT",
"scripts": { "scripts": {
"build": "vue-tsc --noEmit && vite build --mode production", "build": "vite build --mode production",
"serve": "vite --mode development", "serve": "vite --mode development",
"preview": "vite preview" "preview": "vite preview"
}, },
......
public/favicon.ico
No preview for this file type
src/assets/css/reset.css
...@@ -102,14 +102,18 @@ section { ...@@ -102,14 +102,18 @@ section {
display: block; display: block;
} }
*{ * {
padding: 0; padding: 0;
margin: 0; margin: 0;
box-sizing: border-box; box-sizing: border-box;
} }
html,
body { body {
font-size: 14px;
line-height: 1; line-height: 1;
font-family: "Helvetica Neue", "Avenir", "Helvetica", "microsoft yahei", "PingHei", "Arial", "Verdana", "sans-serif";
} }
ol, ol,
...@@ -134,6 +138,35 @@ table { ...@@ -134,6 +138,35 @@ table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: none;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: -webkit-box !important;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.pointer{
cursor:pointer;
}
@media screen and (max-width: 600px) {
#app {
width: 600px;
}
}
@media screen and (max-height: 400px) {
#app {
height: 400px;
}
.el-footer{
height: 200px !important;
}
} }
\ No newline at end of file
src/axios/model/user.ts
...@@ -52,7 +52,7 @@ const getUploadConfigInfo = (query: any) => { ...@@ -52,7 +52,7 @@ const getUploadConfigInfo = (query: any) => {
//系统上传 //系统上传
const upload = (query: any) => { const upload = (query: any) => {
return http({ return http({
url: "/sys/common/upload", url: "/upload/uploadFile",
method: "post", method: "post",
data: query, data: query,
}); });
......
src/components/AutomaticPrompt.vue
...@@ -5,20 +5,20 @@ ...@@ -5,20 +5,20 @@
<div> <div>
<img <img
src="../assets/emojiSmiles-v1-light.png" src="../assets/emojiSmiles-v1-light.png"
class="icon emoji" class="icon emoji pointer"
@click.stop="showEmotion = true" @click.stop="showEmotion = true"
/> />
<img <img
src="../assets/icon_image_s1_01.png" src="../assets/icon_image_s1_01.png"
@click="upImgfile" @click="upImgfile"
class="icon emoji" class="icon emoji pointer"
alt="" alt=""
/> />
<img <img
src="../assets/icon_folder_s1_01.png" src="../assets/icon_folder_s1_01.png"
@click="upfile" @click="upfile"
class="icon emoji" class="icon emoji pointer"
alt="" alt=""
/> />
</div> </div>
...@@ -36,7 +36,6 @@ ...@@ -36,7 +36,6 @@
class="el-autocomplete textarea" class="el-autocomplete textarea"
id="el-autocomplete" id="el-autocomplete"
ref="elAutocomplete" ref="elAutocomplete"
placeholder="输入信息"
contenteditable="true" contenteditable="true"
style="outline: none;" style="outline: none;"
@paste.prevent="handlePaste" @paste.prevent="handlePaste"
...@@ -303,4 +302,6 @@ defineExpose({ ...@@ -303,4 +302,6 @@ defineExpose({
margin-right: 8px; margin-right: 8px;
} }
} }
</style> </style>
src/minxins/UploadMixin.ts
...@@ -152,7 +152,7 @@ export const upLoadHander = async (obj: any) => { ...@@ -152,7 +152,7 @@ export const upLoadHander = async (obj: any) => {
); );
} else { } else {
//走系统上传 //走系统上传
let VUE_APP_API_URL = import.meta.env.VITE_USER_APP_API_URL; let VITE_USER_APP_API_URL = import.meta.env.VITE_USER_APP_API_URL;
let newFile = fileInfo.file; let newFile = fileInfo.file;
if (/[\u4e00-\u9fa5]/.test(newFile.name)) { if (/[\u4e00-\u9fa5]/.test(newFile.name)) {
const folder = newFile.name.replace(/[\u4e00-\u9fa5]{1,}/g, "_"); const folder = newFile.name.replace(/[\u4e00-\u9fa5]{1,}/g, "_");
...@@ -162,7 +162,7 @@ export const upLoadHander = async (obj: any) => { ...@@ -162,7 +162,7 @@ export const upLoadHander = async (obj: any) => {
formData.append("biz", fileInfo.biz); formData.append("biz", fileInfo.biz);
formData.append("file", newFile); formData.append("file", newFile);
const uploadRes = await axios.post( const uploadRes = await axios.post(
`${VUE_APP_API_URL}/sys/common/upload`, `${VITE_USER_APP_API_URL}/upload/uploadFile`,
formData, formData,
{ {
headers: { ...obj.headers }, headers: { ...obj.headers },
...@@ -172,10 +172,10 @@ export const upLoadHander = async (obj: any) => { ...@@ -172,10 +172,10 @@ export const upLoadHander = async (obj: any) => {
} }
); );
let data = uploadRes.data; let data = uploadRes.data;
console.log(data,'uploadRes') console.log(data, "uploadRes");
if (data.success && data.message) { if (data.success && data.result) {
//保存绝对路径，不然小程序会有问题 //保存绝对路径，不然小程序会有问题
let url = data.message; let url = data.result;
// console.log(url,'url') // console.log(url,'url')
// url = data.message.replaceAll("//", "/"); // url = data.message.replaceAll("//", "/");
// const pre = url.startsWith("/") ? "" : "/"; // const pre = url.startsWith("/") ? "" : "/";
...@@ -185,7 +185,7 @@ export const upLoadHander = async (obj: any) => { ...@@ -185,7 +185,7 @@ export const upLoadHander = async (obj: any) => {
} else { } else {
obj.onError({ obj.onError({
success: false, success: false,
message: data.message || "图片上传失败", message: data.result || "图片上传失败",
}); });
} }
} }
...@@ -196,5 +196,5 @@ export const upLoadHander = async (obj: any) => { ...@@ -196,5 +196,5 @@ export const upLoadHander = async (obj: any) => {
}); });
} }
}; };
none(true); none(false);
}; };
src/router/index.ts
...@@ -5,12 +5,6 @@ const routes: Array<RouteRecordRaw> = [ ...@@ -5,12 +5,6 @@ const routes: Array<RouteRecordRaw> = [
name: "home", name: "home",
component: () => import(/* @vite-ignore */ `@/views/homeView.vue`), component: () => import(/* @vite-ignore */ `@/views/homeView.vue`),
}, },
{
path: "/loging",
name: "loging",
component: () =>
import(/* webpackChunkName: "about" */ `@/views/logingView.vue`),
},
]; ];
const router = createRouter({ const router = createRouter({
......
src/store/modules/user.ts
...@@ -6,13 +6,14 @@ export const useUserStore = defineStore("user", { ...@@ -6,13 +6,14 @@ export const useUserStore = defineStore("user", {
isConnected: false, //连接状态 isConnected: false, //连接状态
messages: [], messages: [],
customerInfo: { customerInfo: {
username: "10086", username: "1489785944",
messages: [], messages: [],
}, },
count: 0, count: 0,
userInfo: { userInfo: {
password: "", password: "",
token: "", token: "",
username:""
}, },
}; };
}, },
...@@ -24,7 +25,6 @@ export const useUserStore = defineStore("user", { ...@@ -24,7 +25,6 @@ export const useUserStore = defineStore("user", {
this.customerInfo = res; this.customerInfo = res;
}, },
setUserInfo(res: any) { setUserInfo(res: any) {
console.log(res,'res')
this.userInfo = res; this.userInfo = res;
}, },
setUserListMessages(res: any) { setUserListMessages(res: any) {
......
src/type/Login.ts
...@@ -3,6 +3,6 @@ export interface LoginFace { ...@@ -3,6 +3,6 @@ export interface LoginFace {
password: string; password: string;
} }
export class LoginData<LoginFace> { export class LoginData<LoginFace> {
username = "10086"; username = "1489785944";
password = "123456"; password = "123456";
} }
src/utils/index.ts
...@@ -27,3 +27,43 @@ export const require = (imgPath: any) => { ...@@ -27,3 +27,43 @@ export const require = (imgPath: any) => {
console.warn(error); console.warn(error);
} }
}; };
export const unitList = [
{ label: "包", value: "Bags" },
{ label: "桶", value: "Barrels" },
{ label: "盒", value: "Boxes" },
{ label: "纸箱", value: "Cartons" },
{ label: "厘米", value: "Centimeters" },
{ label: "容器", value: "Containers" },
{ label: "立方米", value: "Cubic Meters" },
{ label: "打", value: "Dozens" },
{ label: "英尺", value: "Feet" },
{ label: "加仑（英）", value: "Gallons (UK)" },
{ label: "加仑（美）", value: "Gallons (US)" },
{ label: "克", value: "Grams" },
{ label: "英寸", value: "Inches" },
{ label: "公斤", value: "Kilograms" },
{ label: "千米", value: "Kilometers" },
{ label: "升", value: "Liters" },
{ label: "米", value: "Meters" },
{ label: "公吨", value: "Metric Tonnes" },
{ label: "毫升", value: "Milliliters" },
{ label: "毫米", value: "Millimeters" },
{ label: "盎司", value: "Ounces" },
{ label: "双", value: "Pairs" },
{ label: "件", value: "Pieces" },
{ label: "品脱（英）", value: "Pints (UK)" },
{ label: "品脱（美）", value: "Pints (US)" },
{ label: "磅", value: "Pounds" },
{ label: "夸脱", value: "Quarts" },
{ label: "套", value: "Sets" },
{ label: "张", value: "Sheets" },
{ label: "平方英尺", value: "Square Feet" },
{ label: "平方英寸", value: "Square Inches" },
{ label: "平方米", value: "Square Meters" },
{ label: "平方码", value: "Square Yards" },
{ label: "吨（英）", value: "Tons (UK)" },
{ label: "吨（美）", value: "Tons (US)" },
{ label: "单位", value: "Units" },
{ label: "码", value: "Yards" },
];
src/utils/websocket.ts
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
import { useUserStore } from "../store/modules/user"; import { useUserStore } from "../store/modules/user";
let HeartbeatTime:any = null;
let websocket: WebSocket | null = null; // 用于存储实例化后websocket let websocket: WebSocket | null = null; // 用于存储实例化后websocket
let rec: any; // 断线重连后，延迟5秒重新创建WebSocket连接 rec用来存储延迟请求的代码 let rec: any; // 断线重连后，延迟5秒重新创建WebSocket连接 rec用来存储延迟请求的代码
// 创建websocket // 创建websocket
...@@ -14,7 +14,6 @@ function creatWebSocket(wsUrl: string) { ...@@ -14,7 +14,6 @@ function creatWebSocket(wsUrl: string) {
} else { } else {
console.log("当前浏览器不支持 WebSocket"); console.log("当前浏览器不支持 WebSocket");
} }
try { try {
initWebSocket(wsUrl); // 初始化websocket连接 initWebSocket(wsUrl); // 初始化websocket连接
} catch (e) { } catch (e) {
...@@ -26,26 +25,32 @@ function creatWebSocket(wsUrl: string) { ...@@ -26,26 +25,32 @@ function creatWebSocket(wsUrl: string) {
// 初始化websocket // 初始化websocket
function initWebSocket(wsUrl: string) { function initWebSocket(wsUrl: string) {
if (!websocket) websocket = new WebSocket(wsUrl); if (!websocket) websocket = new WebSocket(wsUrl);
websocket.onopen = function () { websocket.onopen = function (eee) {
websocketOpen(); websocketOpen();
}; };
// // 接收 // // 接收
websocket.onmessage = function (e: MessageEvent<any>) { websocket.onmessage = function (e: MessageEvent<any>) {
websocketonmessage(e); websocketonmessage(e);
}; };
// 连接发生错误 // 连接发生错误
websocket.onerror = function () { websocket.onerror = function () {
console.log("WebSocket连接发生错误");
// isConnect = false; // 连接断开修改标识 // isConnect = false; // 连接断开修改标识
reConnect(wsUrl); // 连接错误 需要重连 reConnect(wsUrl); // 连接错误 需要重连
}; };
websocket.onclose = function (e) { websocket.onclose = function (e) {
websocketclose(e); websocketclose(e);
}; };
} }
//调取心跳
function websocketHeartbeat(){
clearInterval(HeartbeatTime)
HeartbeatTime = setInterval(()=>{
console.log('调取心跳')
websocketsend({
cmd:13
});
},10000)
}
// 定义重连函数 // 定义重连函数
const reConnect = (wsUrl: string) => { const reConnect = (wsUrl: string) => {
if (useUserStore().isConnected) return; // 如果已经连上就不在重连了 if (useUserStore().isConnected) return; // 如果已经连上就不在重连了
...@@ -59,28 +64,29 @@ const reConnect = (wsUrl: string) => { ...@@ -59,28 +64,29 @@ const reConnect = (wsUrl: string) => {
// 创建连接 // 创建连接
function websocketOpen() { function websocketOpen() {
useUserStore().connect(); useUserStore().connect();
websocketHeartbeat()
} }
// 数据接收 // 数据接收
function websocketonmessage(e: MessageEvent<any>) { function websocketonmessage(e: MessageEvent<any>) {
const res = JSON.parse(e.data); // 解析JSON格式的数据 const res = JSON.parse(e.data); // 解析JSON格式的数据
console.log(res, "接受到的数据");
// 下面的判断则是后台返回的接收到的数据 如何处理自己决定
if (res.command == 11) { if (res.command == 11) {
//将数据放在store中 //将数据放在store中
useUserStore().setUserListMessages(res.data); // 下面的判断则是后台返回的接收到的数据 如何处理自己决定
} else if (res.command == 20) { setTimeout(() => {
useUserStore().setusernameMessage(res.data); useUserStore().setUserListMessages(res.data).then();
}, 10);
} }
} }
// 关闭 // 关闭
function websocketclose(e: any) { function websocketclose(e: any) {
console.log('关闭')
clearInterval(HeartbeatTime)
useUserStore().disconnect(); // 修改连接状态 useUserStore().disconnect(); // 修改连接状态
} }
// 数据发送 // 数据发送
function websocketsend(res: any) { function websocketsend(res: any) {
console.log(websocket, "websocket");
if (websocket && useUserStore().isConnected) { if (websocket && useUserStore().isConnected) {
// 检查连接状态 // 检查连接状态
console.log("发送的数据", JSON.stringify(res)); console.log("发送的数据", JSON.stringify(res));
...@@ -105,6 +111,7 @@ function sendWebSocket(data: any) { ...@@ -105,6 +111,7 @@ function sendWebSocket(data: any) {
message: "请选择设备连接", message: "请选择设备连接",
type: "error", type: "error",
}); });
// websocketsend(data);
} else { } else {
websocketsend(data); websocketsend(data);
console.log("------------------"); console.log("------------------");
......
src/views/HomeView.vue
...@@ -55,19 +55,18 @@ ...@@ -55,19 +55,18 @@
<!-- --> <!-- -->
<div class="message-container message-container-left"> <div class="message-container message-container-left">
<div class="avatar"> <div class="avatar">
<img <img src="../assets/bot.png" class="avatar-image" />
:src="require('../assets/camera.png')"
class="avatar-image"
/>
</div> </div>
<div class="bubble official-box"> <div class="bubble official-box">
<div class="bubble-title">You may want to know</div> <div class="bubble-title">You may want to know:</div>
<a class="bubble-h1"> <ul>
How to open the product multi-picture function ? <li class="bubble-h1">
</a> How to quickly inquire about products?
<a class="bubble-h1"> </li>
How to release more products and get traffic ? <li class="bubble-h1">
</a> How to quickly contact sellers?
</li>
</ul>
</div> </div>
</div> </div>
<div v-for="(message, index) in messages" :key="index"> <div v-for="(message, index) in messages" :key="index">
...@@ -172,7 +171,7 @@ ...@@ -172,7 +171,7 @@
<div class="product-count"> <div class="product-count">
{{ message.content.price }} {{ message.content.price }}
</div> </div>
<div class="from-china"> <div class="from-unit">
{{ message.content.EmailAddress }} {{ message.content.EmailAddress }}
</div> </div>
</div> </div>
...@@ -199,18 +198,7 @@ ...@@ -199,18 +198,7 @@
<div class="btn-send"> <div class="btn-send">
<div>[ Send shortcut key: Enter ]</div> <div>[ Send shortcut key: Enter ]</div>
<div> <div>
<el-button <el-button class="send" plain @click.stop="handleButtonClick">
style="
width: 80px;
height: 32px;
color: #fff;
font-family: 'PingFang SC';
font-size: 16px;
background: #000;
"
plain
@click.stop="handleButtonClick"
>
Send Send
</el-button> </el-button>
</div> </div>
...@@ -218,26 +206,26 @@ ...@@ -218,26 +206,26 @@
</el-footer> </el-footer>
</el-container> </el-container>
<el-aside <el-aside
width="292px" width="300px"
class="shirnk-aside" class="shirnk-aside"
v-shrink="{ isShrink, width: '0px' }" v-shrink="{ isShrink, width: '0px' }"
:style="{ :style="{
height: 'calc( 100vh - 50px )', height: 'calc( 100vh - 50px )',
}" }"
> >
<div class="shrink-text" @click="changeiShrink"> <div class="shrink-text pointer" @click="changeiShrink">
<el-icon size="15"> <el-icon size="15">
<DArrowLeft v-if="isShrink" /> <DArrowLeft v-if="isShrink" />
<DArrowRight v-if="!isShrink" /> <DArrowRight v-if="!isShrink" />
</el-icon> </el-icon>
</div> </div>
<div class="shrink-box"> <div class="shrink-box">
<div v-if="pageType == 1" style="width: 292px;"> <div v-if="pageType == 1" style="width: 300px;">
<div class="recentlyViewd" v-if="pageType == 2"> <div class="recentlyViewd" v-if="pageType == 2">
Browsing history Browsing History
</div> </div>
<div class="recentlyViewd" v-if="pageType == 1"> <div class="recentlyViewd" v-if="pageType == 1">
Recommended products Recommended Products
</div> </div>
<div <div
v-for="(item, index) in productList" v-for="(item, index) in productList"
...@@ -246,18 +234,19 @@ ...@@ -246,18 +234,19 @@
> >
<img :src="item.productImg" class="browse-img" /> <img :src="item.productImg" class="browse-img" />
<div class="browse-glowup"> <div class="browse-glowup">
<div class="title">{{ item.productName }}</div> <div class="title ellipsis">{{ item.productName }}</div>
<div class="units"> <div class="units">
<div class="price">{{ item.price }}</div> <div class="price ellipsis">{{ item.price }}</div>
<div class="send" @click="toSendLink(item)"> <div class="send" @click="toSendLink(item)">
{{ item.link }} Send
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div v-else style="width: 292px;"> <div v-else style="width: 300px;">
<div class="recentlyViewd">Request for Quotations</div> <div class="recentlyViewd">Request for Quotation</div>
<div class="recently-input-box"> <div class="recently-input-box">
<el-form <el-form
label-position="top" label-position="top"
...@@ -272,13 +261,13 @@ ...@@ -272,13 +261,13 @@
<el-input <el-input
v-model="ruleForm.ProductName" v-model="ruleForm.ProductName"
style="height: 36px;" style="height: 36px;"
placeholder="Enter a specific product name" placeholder="Please enter"
prop="Email" prop="Email"
/> />
</el-form-item> </el-form-item>
<el-form-item prop="Email" label="Product Category"> <el-form-item prop="Email" label="Product Category">
<el-select <el-select
placeholder="Select" placeholder="Please select"
prop="Email" prop="Email"
style="height: 36px;" style="height: 36px;"
v-model="ruleForm.Email" v-model="ruleForm.Email"
...@@ -288,12 +277,9 @@ ...@@ -288,12 +277,9 @@
<el-option label="Tel" value="3" /> <el-option label="Tel" value="3" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item <el-form-item prop="unit" label="Purchase Quantity">
prop="purchaseQuantity"
label="Purchase Quantity"
>
<el-input <el-input
style="max-width: 600px; height: 36px;" style="max-width: 300px; height: 36px;"
placeholder="Please enter" placeholder="Please enter"
v-model="ruleForm.purchaseQuantity" v-model="ruleForm.purchaseQuantity"
class="input-with-select" class="input-with-select"
...@@ -301,14 +287,16 @@ ...@@ -301,14 +287,16 @@
> >
<template #append> <template #append>
<el-select <el-select
placeholder="China" :clearable="false"
style="width: 96px;" placeholder="Select"
prop="China" style="width: 136px;"
v-model="ruleForm.China" v-model="ruleForm.unit"
> >
<el-option label="Restaurant" value="1" /> <el-option
<el-option label="Order No." value="2" /> v-for="item in unitList"
<el-option label="Tel" value="3" /> :label="item.value"
:value="item.value"
/>
</el-select> </el-select>
</template> </template>
</el-input> </el-input>
...@@ -339,7 +327,7 @@ ...@@ -339,7 +327,7 @@
@change="fileImgChange" @change="fileImgChange"
/> />
<div <div
class="requirements-box" class="requirements-box pointer"
v-if="!ruleForm.flieUrl" v-if="!ruleForm.flieUrl"
@click="requireFileOk" @click="requireFileOk"
> >
...@@ -371,7 +359,7 @@ ...@@ -371,7 +359,7 @@
v-model="ruleForm.EmailAddress" v-model="ruleForm.EmailAddress"
/> />
</el-form-item> </el-form-item>
<div class="footerSubmit" @click="submitForm(ruleForm)"> <div class="footerSubmit pointer" @click="submitForm(ruleForm)">
Submit Submit
</div> </div>
</el-form> </el-form>
...@@ -392,42 +380,67 @@ import { ref, onMounted, watch, nextTick, reactive } from 'vue' ...@@ -392,42 +380,67 @@ import { ref, onMounted, watch, nextTick, reactive } from 'vue'
import { useUserStore } from '../store/modules/user' import { useUserStore } from '../store/modules/user'
import AutomaticPrompt from '../components/AutomaticPrompt.vue' import AutomaticPrompt from '../components/AutomaticPrompt.vue'
import ImageViewer from '@luohc92/vue3-image-viewer' import ImageViewer from '@luohc92/vue3-image-viewer'
import { sendWebSocket } from '../utils/websocket' import { sendWebSocket, initWebSocket } from '../utils/websocket'
import { initWebSocket } from '../utils/websocket'
import '@luohc92/vue3-image-viewer/dist/style.css' import '@luohc92/vue3-image-viewer/dist/style.css'
import { checkMesssages } from '../axios/model/user' import { checkMesssages } from '../axios/model/user'
import { require } from '@/utils/index' import { require, unitList } from '@/utils/index'
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
import { upLoadFilesHander } from '../minxins/UploadMixin' import { upLoadFilesHander } from '../minxins/UploadMixin'
const route = useRoute() const route = useRoute()
const routeParams = route.query const routeParams = route.query
const img =
'https://us-east-pat.s3.amazonaws.com/test/b2b/cos/images/19d114ec-d244-4e12-a409-6a39c8c1c44c.webp'
const pageType = routeParams.type || 1 const pageType = routeParams.type || 1
const requireFile = ref<any>(null) const requireFile = ref<any>(null)
const ruleForm = ref({ const ruleForm = ref({
ProductName: 'Product Name', ProductName: '',
Email: '1143572217@qq.com', Email: '',
purchaseQuantity: 'Product Category', purchaseQuantity: '',
China: '', unit: 'Bags',
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', EmailAddress: '',
EmailAddress: 'from china',
}) })
//进入页面直接发送请求从后端获取热点数据
onMounted(async () => {
connectMsg().then((res: any) => {
getHistoryMessage()
setMessage()
})
})
const connectMsg = () => {
return new Promise((resolve: any) => {
const useUser = useUserStore()
useUser.setUserInfo({
username: routeParams.loginId || Date.now(),
})
const toIp = `${import.meta.env.VITE_USER_APP_WS_API_URL}?type=yk&code=${
useUser.userInfo.username
}&kf=${store.customerInfo.username}`
console.log(toIp, 'toIp')
useUser.connect()
initWebSocket(toIp)
setTimeout(() => {
resolve()
}, 800)
})
}
let isShrink = ref('') let isShrink = ref('')
const changeiShrink = () => { const changeiShrink = () => {
isShrink.value = !isShrink.value isShrink.value = !isShrink.value
} }
//收缩 //收缩
const vShrink: Directive<HTMLElement, boolean | Props> = { const vShrink: Directive<HTMLElement, boolean | Props> = {
mounted(el, binding) { mounted(el: any, binding: { value: any }) {
let { option } = formatCOlorOption(binding.value) let { option } = formatCOlorOption(binding.value)
option.isUpdate && renderStyle(el, option) option.isUpdate && renderStyle(el, option)
}, },
updated(el: HTMLElement, binding, vnode) { updated(el: HTMLElement, binding: { value: any }, vnode: any) {
//修改之后 //修改之后
let { option } = formatCOlorOption(binding.value) let { option } = formatCOlorOption(binding.value)
if (option.isShrink) { if (option.isShrink) {
...@@ -435,14 +448,14 @@ const vShrink: Directive<HTMLElement, boolean | Props> = { ...@@ -435,14 +448,14 @@ const vShrink: Directive<HTMLElement, boolean | Props> = {
} else { } else {
let obj = { let obj = {
...option, ...option,
width: '292px', width: '300px',
} }
renderStyle(el, obj) renderStyle(el, obj)
} }
}, },
} }
//设置style的属性值 //设置style的属性值
function renderStyle(el, option) { function renderStyle(el: HTMLElement, option: { [x: string]: any }) {
for (let key in option) el.style[key] = option[key] for (let key in option) el.style[key] = option[key]
} }
...@@ -503,19 +516,19 @@ const rules = reactive({ ...@@ -503,19 +516,19 @@ const rules = reactive({
], ],
Email: [ Email: [
{ {
required: true, required: false,
message: 'Selct', message: 'Selct',
trigger: 'blur', trigger: 'blur',
}, },
], ],
explanation: [ explanation: [
{ {
required: true, required: false,
message: 'Please enter', message: 'Please enter',
trigger: 'blur', trigger: 'blur',
}, },
], ],
China: [ unit: [
{ {
required: true, required: true,
message: 'Please enter', message: 'Please enter',
...@@ -535,60 +548,45 @@ const customerInfo = ref({}) ...@@ -535,60 +548,45 @@ const customerInfo = ref({})
const messages = ref([]) const messages = ref([])
const isUpload = ref<Boolean>(true) const isUpload = ref<Boolean>(true)
const productInfo = ref({ const productInfo = ref({
productImg: require('../assets/shop.jpg'), productImg: img,
productName: 'The secret to looking glowup nowadays', productName: 'The secret to looking glowup nowadays',
price: '$1.40 - 2.50', price: '$1.40 - 2.50',
link: 'send', link: 'send',
isShow: true, isShow: false,
}) })
const productList = ref([ const productList = ref([
{ {
productImg: require('../assets/camera.png'), productImg:
productName: 'The secret to looking glowup nowadays', 'https://us-east-pat.s3.amazonaws.com/test/b2b/cos/images/6829c33f-8227-4b87-8df6-f41aa7e7e50e.jpg',
price: '$1.35 - 2.39', productName:
link: 'send', 'D07 Lady Ladies Wrist Smart Watch Blood Oxygen NFC IP68 Waterproof',
price: 'US$ 28 - 32',
link: 'Send',
}, },
{ {
productImg: require('../assets/camera.png'), productImg:
productName: 'The secret to looking glowup nowadays', 'https://us-east-pat.s3.amazonaws.com/test/b2b/cos/images/c033aab2-4283-4f6f-baad-31087d21db91.jpg',
price: '$1.30 - 2.00', productName:
link: 'send', 'Js8 PRO Max Ladies Smart Watch Heart Rate Blood Sports Wholease Wrist Amoled 2.1inch Big Screen',
price: ' US$ 19.6 - 23',
link: 'Send',
}, },
{ {
productImg: require('../assets/camera.png'), productImg:
productName: 'The secret to looking glowup nowadays', 'https://us-east-pat.s3.amazonaws.com/test/b2b/cos/images/af6ce6c1-dcb2-4a8e-a8f1-ed1d747480a6.webp',
price: '$1.00 - 2.20', productName:
link: 'send', 'HK85 Fashion Mens Smart Watch Ladies Women Wrist Sports Watch Play Music Bluetooth Call',
price: 'US$ 19.6 - 23',
link: 'Send',
}, },
]) ])
const store = useUserStore() const store: any = useUserStore()
const automaticPromptRef = ref('') const automaticPromptRef = ref('')
let msg = '' let msg = ''
//进入页面直接发送请求从后端获取热点数据
onMounted(async () => {
connectMsg().then((res) => {
getHistoryMessage()
setMessage()
})
})
const connectMsg = () => {
return new Promise((resolve: any, reject: any) => {
const useUser = useUserStore()
useUser.setUserInfo({
username: Date.now(),
})
let VUE_APP_API_URL = import.meta.env.VITE_USER_APP_API_URL
const toIp = `${VUE_APP_API_URL}?type=yk&code=${useUser.userInfo.username}&kf=${store.customerInfo.username}`
useUser.connect()
initWebSocket(toIp)
setTimeout(() => {
resolve()
}, 800)
})
}
//获取历史记录 //获取历史记录
const getHistoryMessage = () => { const getHistoryMessage: any = () => {
const data = { const data = {
cmd: '19', cmd: '19',
type: '1', type: '1',
...@@ -600,7 +598,7 @@ const getHistoryMessage = () => { ...@@ -600,7 +598,7 @@ const getHistoryMessage = () => {
} }
//设置message //设置message
const setMessage = () => { const setMessage: any = () => {
customerInfo.value = store.customerInfo customerInfo.value = store.customerInfo
messages.value = customerInfo.value.messages || [] messages.value = customerInfo.value.messages || []
} }
...@@ -628,7 +626,7 @@ const setSrollHeight = () => { ...@@ -628,7 +626,7 @@ const setSrollHeight = () => {
const handleButtonClick = () => { const handleButtonClick = () => {
if (!msg.trim()) { if (!msg.trim()) {
return ElMessage({ return ElMessage({
message: '请输入内容', message: 'Please enter content',
type: 'error', type: 'error',
}) })
} }
...@@ -645,6 +643,8 @@ const handleButtonClick = () => { ...@@ -645,6 +643,8 @@ const handleButtonClick = () => {
to: customerInfo.value.username, to: customerInfo.value.username,
form: store.userInfo.username, form: store.userInfo.username,
} }
console.log(customerInfo.value.username, 'value')
console.log(data, 'data')
messages.value?.push(data) messages.value?.push(data)
sendWebSocket(data) sendWebSocket(data)
automaticPromptRef.value.setState('') automaticPromptRef.value.setState('')
...@@ -654,7 +654,7 @@ const toCloseLink = () => { ...@@ -654,7 +654,7 @@ const toCloseLink = () => {
productInfo.value.isShow = false productInfo.value.isShow = false
} }
//发布询价单 //发布询价单
const submitForm = (e) => { const submitForm = (e: any) => {
const data = { const data = {
content: e, content: e,
isSent: true, isSent: true,
...@@ -698,7 +698,7 @@ const downLoad = (message: any) => { ...@@ -698,7 +698,7 @@ const downLoad = (message: any) => {
urlDownload(message.content.flieUrl) urlDownload(message.content.flieUrl)
} }
const urlDownload = (url, fileName = '下载文件') => { const urlDownload = (url: string, fileName = '下载文件') => {
// 创建隐藏的可下载链接 // 创建隐藏的可下载链接
let eleLink = document.createElement('a') let eleLink = document.createElement('a')
eleLink.download = fileName eleLink.download = fileName
...@@ -739,6 +739,7 @@ const toSendLink = (e: any) => { ...@@ -739,6 +739,7 @@ const toSendLink = (e: any) => {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
$primary-color: #e0493f;
.shirnk-aside { .shirnk-aside {
position: relative; position: relative;
overflow: initial; overflow: initial;
...@@ -841,8 +842,8 @@ const toSendLink = (e: any) => { ...@@ -841,8 +842,8 @@ const toSendLink = (e: any) => {
border-radius: 4px; border-radius: 4px;
width: max-content; width: max-content;
background: #f8f8fa; background: #f8f8fa;
margin: 0px auto; margin: 16px auto;
margin-bottom: 16px; margin-top: 0px;
color: #798494; color: #798494;
} }
.title-message { .title-message {
...@@ -937,14 +938,18 @@ const toSendLink = (e: any) => { ...@@ -937,14 +938,18 @@ const toSendLink = (e: any) => {
height: 44px; height: 44px;
width: 100%; width: 100%;
font-size: 14px; font-size: 14px;
padding: 8px; padding:12px 8px;
font-weight: 400;
align-items: center; align-items: center;
background: #f8f8faff; background: #f8f8faff;
color: #010914;
font-feature-settings: 'clig' off, 'liga' off;
} }
.onlineCustomer { .onlineCustomer {
color: #010914; color: #010914;
font-family: 'PingFang SC'; font-family: 'PingFang SC';
font-size: 14px; font-size: 14px;
margin-left:8px;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
} }
...@@ -982,7 +987,6 @@ const toSendLink = (e: any) => { ...@@ -982,7 +987,6 @@ const toSendLink = (e: any) => {
height: 44px; height: 44px;
line-height: 44px; line-height: 44px;
background: rgba(248, 248, 250, 1); background: rgba(248, 248, 250, 1);
padding-left: 8px;
justify-content: space-between; justify-content: space-between;
flex-direction: column; flex-direction: column;
.name { .name {
...@@ -1031,6 +1035,18 @@ const toSendLink = (e: any) => { ...@@ -1031,6 +1035,18 @@ const toSendLink = (e: any) => {
width: 100%; width: 100%;
padding: 18px 21px; padding: 18px 21px;
padding-bottom: 0px; padding-bottom: 0px;
.send {
width: 80px;
height: 32px;
color: #fff;
border: 1px solid #c7cdd4;
font-family: 'PingFang SC';
font-size: 15px;
display: flex;
color: #0c203d;
justify-content: center;
align-items: center;
}
div { div {
&:nth-of-type(1) { &:nth-of-type(1) {
font-family: 'PingFang SC'; font-family: 'PingFang SC';
...@@ -1291,7 +1307,7 @@ const toSendLink = (e: any) => { ...@@ -1291,7 +1307,7 @@ const toSendLink = (e: any) => {
.message-container { .message-container {
display: flex; display: flex;
align-items: center; align-items: start;
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
} }
...@@ -1302,18 +1318,23 @@ const toSendLink = (e: any) => { ...@@ -1302,18 +1318,23 @@ const toSendLink = (e: any) => {
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
.avatar {
margin-left: 10px; /* 修改这里将头像放在消息框的右边 */
}
.avatar-image {
.avatar {
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius: 50%; border-radius: 50%;
object-fit: cover; object-fit: cover;
margin-right: 12px; margin-right: 12px;
padding: 7px;
background: #F6F9FC;
.avatar-image {
border-radius: 50%;
object-fit: cover;
width: 100%;
height: 100%;
}
} }
.bubble { .bubble {
background-color: #e8e8e8; background-color: #e8e8e8;
color: #000; color: #000;
...@@ -1350,12 +1371,30 @@ const toSendLink = (e: any) => { ...@@ -1350,12 +1371,30 @@ const toSendLink = (e: any) => {
line-height: 20px; line-height: 20px;
letter-spacing: 0.56px; letter-spacing: 0.56px;
margin-bottom: 4px; margin-bottom: 4px;
&:nth-of-type(2){
margin-bottom: 0px;
}
} }
} }
.official-box { .official-box {
width: 464px; width: 464px;
} }
.official-box ul li{
position: relative;
padding-left: 15px;
}
.official-box ul li::before{
content:" ";
left: 2px;
position: absolute;
background:#1a65d6;
width: 5px;
height: 5px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%
}
.message-container-right { .message-container-right {
justify-content: flex-end; justify-content: flex-end;
...@@ -1455,40 +1494,42 @@ const toSendLink = (e: any) => { ...@@ -1455,40 +1494,42 @@ const toSendLink = (e: any) => {
font-weight: 400; font-weight: 400;
line-height: 16px; line-height: 16px;
display: flex; display: flex;
justify-content: space-between;
.price { .price {
flex: 1;
color: #0c203d; color: #0c203d;
font-feature-settings: 'clig' off, 'liga' off; font-feature-settings: 'clig' off, 'liga' off;
font-family: 'Helvetica Neue'; font-family: 'Helvetica Neue';
font-size: 16px; font-size: 14px;
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
line-height: 24px; line-height: 24px;
letter-spacing: 0.72px; letter-spacing: 0.72px;
-webkit-line-clamp: 1;
} }
.send { }
display: flex; .send {
width: 56px; margin-left: 5px;
margin-left: 30px; display: flex;
height: var(--Layout-md, 24px); width: 56px;
justify-content: center; font-size: 12px;
align-items: center; height: var(--Layout-md, 24px);
border-radius: 4px; justify-content: center;
border: 1px solid #c7cdd4; align-items: center;
} border-radius: 4px;
border: 1px solid #c7cdd4;
} }
.title { .title {
display: flex; display: flex;
// padding: 8px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 4px; border-radius: 4px;
line-height: 20px; 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;
margin: 0px auto; margin: 0px auto;
color: #798494;
} }
} }
.classSendLink { .classSendLink {
...@@ -1572,8 +1613,8 @@ const toSendLink = (e: any) => { ...@@ -1572,8 +1613,8 @@ const toSendLink = (e: any) => {
font-family: 'Inter'; font-family: 'Inter';
font-size: 14px; font-size: 14px;
font-style: normal; font-style: normal;
font-weight: 600;
margin-bottom: 4px; margin-bottom: 4px;
line-height: 20px;
} }
.or-drag-and-drap { .or-drag-and-drap {
color: #475467; color: #475467;
...@@ -1644,9 +1685,7 @@ input { ...@@ -1644,9 +1685,7 @@ input {
border: 1px solid #eaecf0; border: 1px solid #eaecf0;
padding: 12px 58px 12px 14px; padding: 12px 58px 12px 14px;
} }
.click-to-upload {
line-height: 20px;
}
.or-drag-and-drap { .or-drag-and-drap {
line-height: 20px; line-height: 20px;
} }
...@@ -1657,19 +1696,7 @@ input { ...@@ -1657,19 +1696,7 @@ input {
width: 40px; width: 40px;
height: 40px; height: 40px;
} }
.footerSubmit {
width: 120px;
height: 36px;
line-height: 36px;
justify-content: center;
text-align: center;
margin-top: 81px;
color: #fff;
border-radius: var(--Radius-sm, 6px);
border: var(--Edges-zero, 1px) solid var(--Primary, #006970);
background: var(--Primary, #006970);
box-shadow: 0 1px 2px 0 #1018280d;
}
:deep(.el-select) { :deep(.el-select) {
height: 36px; height: 36px;
background: #ffffffff; background: #ffffffff;
...@@ -1677,6 +1704,9 @@ input { ...@@ -1677,6 +1704,9 @@ input {
:deep(.el-select__wrapper) { :deep(.el-select__wrapper) {
height: 36px !important; height: 36px !important;
} }
:deep(.el-input__validateIcon) {
display: none;
}
.product-count { .product-count {
color: #0c203dff; color: #0c203dff;
font-feature-settings: 'clig' off, 'liga' off; font-feature-settings: 'clig' off, 'liga' off;
...@@ -1687,7 +1717,7 @@ input { ...@@ -1687,7 +1717,7 @@ input {
line-height: 24px; line-height: 24px;
letter-spacing: 0.72px; letter-spacing: 0.72px;
} }
.from-china { .from-unit {
color: #475263ff; color: #475263ff;
font-family: 'Inter'; font-family: 'Inter';
font-size: 10px; font-size: 10px;
...@@ -1708,8 +1738,24 @@ input { ...@@ -1708,8 +1738,24 @@ input {
} }
.footerSubmit { .footerSubmit {
font-size: 16px !important; width: 80px;
height: 32px;
font-size: 14px;
background: $primary-color;
display: flex;
align-items: center;
font-family: 'PingFang SC';
justify-content: center;
text-align: center;
color: #fff; color: #fff;
background: #000; border-radius: 4px;
}
:deep(.el-form-item__label):before {
display: none;
}
.is-required :deep(.el-form-item__label)::after {
content: '*';
color: var(--el-color-danger);
margin-left: 4px;
} }
</style> </style>
vite.config.ts
import { defineConfig } from "vite"; import { defineConfig } from "vite";
import Components from "unplugin-vue-components/vite"; import Components from "unplugin-vue-components/vite";
import vuePluginsAutoI18n from "vite-plugin-auto-i18n"; import vuePluginsAutoI18n from "vite-plugin-auto-i18n";
import createVuePlugin from '@vitejs/plugin-vue'; import createVuePlugin from "@vitejs/plugin-vue";
import AutoImport from "unplugin-auto-import/vite"; import AutoImport from "unplugin-auto-import/vite";
import { VantResolver } from "unplugin-vue-components/resolvers"; import { VantResolver } from "unplugin-vue-components/resolvers";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers"; import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
...@@ -44,10 +44,21 @@ export default defineConfig({ ...@@ -44,10 +44,21 @@ export default defineConfig({
// }, // },
// }), // }),
], ],
build: {
outDir: "yonghu",
rollupOptions: {
output: {
// 手动配置 chunks
manualChunks: {
vendor: ["lodash"],
},
},
},
},
server: { server: {
host: "0.0.0.0", host: "0.0.0.0",
port: 8082, port: 8082,
open: false, open: false,
overlay:true, overlay: true,
}, },
}); });
yonghu.zip 0 → 100644
File added
yonghu/assets/homeView.0a17771e.css 0 → 100644
@charset "UTF-8";:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5fae\8f6f\96c5\9ed1",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, .04),0px 8px 20px rgba(0, 0, 0, .08);--el-box-shadow-light:0px 0px 12px rgba(0, 0, 0, .12);--el-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, .12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, .08),0px 12px 32px rgba(0, 0, 0, .12),0px 8px 16px -8px rgba(0, 0, 0, .16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0, 0, 0, .8);--el-overlay-color-light:rgba(0, 0, 0, .7);--el-overlay-color-lighter:rgba(0, 0, 0, .5);--el-mask-color:rgba(255, 255, 255, .9);--el-mask-color-extra-light:rgba(255, 255, 255, .3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-aside{overflow:auto;box-sizing:border-box;flex-shrink:0;width:var(--el-aside-width,300px)}.el-form{--el-form-label-font-size:var(--el-font-size-base);--el-form-inline-content-width:220px}.el-form--label-left .el-form-item__label{justify-content:flex-start}.el-form--label-top .el-form-item{display:block}.el-form--label-top .el-form-item .el-form-item__label{display:block;height:auto;text-align:left;margin-bottom:8px;line-height:22px}.el-form--inline .el-form-item{display:inline-flex;vertical-align:middle;margin-right:32px}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-form--large.el-form--label-top .el-form-item .el-form-item__label{margin-bottom:12px;line-height:22px}.el-form--default.el-form--label-top .el-form-item .el-form-item__label{margin-bottom:8px;line-height:22px}.el-form--small.el-form--label-top .el-form-item .el-form-item__label{margin-bottom:4px;line-height:20px}.el-form-item{display:flex;--font-size:14px;margin-bottom:18px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--large{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:22px}.el-form-item--large .el-form-item__label{height:40px;line-height:40px}.el-form-item--large .el-form-item__content{line-height:40px}.el-form-item--large .el-form-item__error{padding-top:4px}.el-form-item--default{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--default .el-form-item__label{height:32px;line-height:32px}.el-form-item--default .el-form-item__content{line-height:32px}.el-form-item--default .el-form-item__error{padding-top:2px}.el-form-item--small{--font-size:12px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--small .el-form-item__label{height:24px;line-height:24px}.el-form-item--small .el-form-item__content{line-height:24px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item__label-wrap{display:flex}.el-form-item__label{display:inline-flex;justify-content:flex-end;align-items:flex-start;flex:0 0 auto;font-size:var(--el-form-label-font-size);color:var(--el-text-color-regular);height:32px;line-height:32px;padding:0 12px 0 0;box-sizing:border-box}.el-form-item__content{display:flex;flex-wrap:wrap;align-items:center;flex:1;line-height:32px;position:relative;font-size:var(--font-size);min-width:0}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);font-size:12px;line-height:1;padding-top:2px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before{content:"*";color:var(--el-color-danger);margin-right:4px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after{content:"*";color:var(--el-color-danger);margin-left:4px}.el-form-item.is-error .el-input__wrapper,.el-form-item.is-error .el-input__wrapper.is-focus,.el-form-item.is-error .el-input__wrapper:focus,.el-form-item.is-error .el-input__wrapper:hover,.el-form-item.is-error .el-select__wrapper,.el-form-item.is-error .el-select__wrapper.is-focus,.el-form-item.is-error .el-select__wrapper:focus,.el-form-item.is-error .el-select__wrapper:hover,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner.is-focus,.el-form-item.is-error .el-textarea__inner:focus,.el-form-item.is-error .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-input-group__append .el-input__wrapper,.el-form-item.is-error .el-input-group__prepend .el-input__wrapper{box-shadow:0 0 0 1px transparent inset}.el-form-item.is-error .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-flex}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--el-font-size-base)}.el-textarea__inner{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--el-input-text-color,var(--el-text-color-regular));background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;-webkit-appearance:none;box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));transition:var(--el-transition-box-shadow);border:none}.el-textarea__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:-ms-input-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{outline:0;box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-textarea .el-input__count{color:var(--el-color-info);background:var(--el-fill-color-blank);position:absolute;font-size:12px;line-height:14px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%}.el-input{--el-input-height:var(--el-component-size);position:relative;font-size:var(--el-font-size-base);display:inline-flex;width:var(--el-input-width);line-height:var(--el-input-height);box-sizing:border-box;vertical-align:middle}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:var(--el-text-color-disabled)}.el-input::-webkit-scrollbar-corner{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);font-size:14px;cursor:pointer}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{height:100%;display:inline-flex;align-items:center;color:var(--el-color-info);font-size:12px}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);line-height:initial;display:inline-block;padding-left:8px}.el-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));cursor:text;transition:var(--el-transition-box-shadow);transform:translateZ(0);box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 32px) - 2px);width:100%;flex-grow:1;-webkit-appearance:none;color:var(--el-input-text-color,var(--el-text-color-regular));font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);padding:0;outline:0;border:none;background:0 0;box-sizing:border-box}.el-input__inner:focus{outline:0}.el-input__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner:-ms-input-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__inner[type=number]{line-height:1}.el-input__prefix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none}.el-input__prefix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none}.el-input__suffix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;transition:all var(--el-transition-duration);margin-left:8px}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color,) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 24px) - 2px)}.el-input-group{display:inline-flex;width:100%;align-items:stretch}.el-input-group__append,.el-input-group__prepend{background-color:var(--el-fill-color-light);color:var(--el-color-info);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--el-input-border-radius);padding:0 20px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:0 -20px}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper{border-color:transparent;background-color:transparent;color:inherit}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--prepend>.el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group--append>.el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-select__wrapper{border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-hidden{display:none!important}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px}.el-tag{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary);background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);color:var(--el-tag-text-color);display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;height:24px;padding:0 9px;font-size:var(--el-tag-font-size);line-height:1;border-width:1px;border-style:solid;border-radius:var(--el-tag-border-radius);box-sizing:border-box;white-space:nowrap;--el-icon-size:14px}.el-tag.el-tag--primary{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-bg-color:var(--el-color-success-light-9);--el-tag-border-color:var(--el-color-success-light-8);--el-tag-hover-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-bg-color:var(--el-color-warning-light-9);--el-tag-border-color:var(--el-color-warning-light-8);--el-tag-hover-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color:var(--el-color-danger-light-9);--el-tag-border-color:var(--el-color-danger-light-8);--el-tag-hover-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-bg-color:var(--el-color-error-light-9);--el-tag-border-color:var(--el-color-error-light-8);--el-tag-hover-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-bg-color:var(--el-color-info-light-9);--el-tag-border-color:var(--el-color-info-light-8);--el-tag-hover-color:var(--el-color-info)}.el-tag.el-tag--primary{--el-tag-text-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-text-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-text-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-text-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-text-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-text-color:var(--el-color-info)}.el-tag.is-hit{border-color:var(--el-color-primary)}.el-tag.is-round{border-radius:var(--el-tag-border-radius-rounded)}.el-tag .el-tag__close{flex-shrink:0;color:var(--el-tag-text-color)}.el-tag .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag .el-icon{border-radius:50%;cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size)}.el-tag .el-tag__close{margin-left:6px}.el-tag--dark{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3);--el-tag-text-color:var(--el-color-white)}.el-tag--dark.el-tag--primary{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--success{--el-tag-bg-color:var(--el-color-success);--el-tag-border-color:var(--el-color-success);--el-tag-hover-color:var(--el-color-success-light-3)}.el-tag--dark.el-tag--warning{--el-tag-bg-color:var(--el-color-warning);--el-tag-border-color:var(--el-color-warning);--el-tag-hover-color:var(--el-color-warning-light-3)}.el-tag--dark.el-tag--danger{--el-tag-bg-color:var(--el-color-danger);--el-tag-border-color:var(--el-color-danger);--el-tag-hover-color:var(--el-color-danger-light-3)}.el-tag--dark.el-tag--error{--el-tag-bg-color:var(--el-color-error);--el-tag-border-color:var(--el-color-error);--el-tag-hover-color:var(--el-color-error-light-3)}.el-tag--dark.el-tag--info{--el-tag-bg-color:var(--el-color-info);--el-tag-border-color:var(--el-color-info);--el-tag-hover-color:var(--el-color-info-light-3)}.el-tag--dark.el-tag--primary,.el-tag--dark.el-tag--success,.el-tag--dark.el-tag--warning,.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info{--el-tag-text-color:var(--el-color-white)}.el-tag--plain{--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary);--el-tag-bg-color:var(--el-fill-color-blank)}.el-tag--plain.el-tag--primary{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary)}.el-tag--plain.el-tag--success{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-success-light-5);--el-tag-hover-color:var(--el-color-success)}.el-tag--plain.el-tag--warning{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-warning-light-5);--el-tag-hover-color:var(--el-color-warning)}.el-tag--plain.el-tag--danger{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-danger-light-5);--el-tag-hover-color:var(--el-color-danger)}.el-tag--plain.el-tag--error{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-error-light-5);--el-tag-hover-color:var(--el-color-error)}.el-tag--plain.el-tag--info{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-info-light-5);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-closable{padding-right:5px}.el-tag--large{padding:0 11px;height:32px;--el-icon-size:16px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{padding:0 7px;height:20px;--el-icon-size:12px}.el-tag--small .el-tag__close{margin-left:4px}.el-tag--small.is-closable{padding-right:3px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag.el-tag--primary.is-hit{border-color:var(--el-color-primary)}.el-tag.el-tag--success.is-hit{border-color:var(--el-color-success)}.el-tag.el-tag--warning.is-hit{border-color:var(--el-color-warning)}.el-tag.el-tag--danger.is-hit{border-color:var(--el-color-danger)}.el-tag.el-tag--error.is-hit{border-color:var(--el-color-error)}.el-tag.el-tag--info.is-hit{border-color:var(--el-color-info)}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after{content:"";position:absolute;top:50%;right:20px;border-top:none;border-right:none;background-repeat:no-repeat;background-position:center;background-color:var(--el-color-primary);-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%;transform:translateY(-50%);width:12px;height:12px}.el-scrollbar{--el-scrollbar-opacity:.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary)}.el-scrollbar{overflow:hidden;position:relative;height:100%}.el-scrollbar__wrap{overflow:auto;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));transition:var(--el-transition-duration) background-color;opacity:var(--el-scrollbar-opacity,.3)}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius, 4px)}.el-popper{position:absolute;border-radius:var(--el-popper-border-radius);padding:5px 11px;z-index:2000;font-size:12px;line-height:20px;min-width:10px;overflow-wrap:break-word;visibility:visible}.el-popper.is-dark{color:var(--el-bg-color);background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark .el-popper__arrow:before{border:1px solid var(--el-text-color-primary);background:var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light .el-popper__arrow:before{border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.el-popper__arrow:before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--el-text-color-primary);box-sizing:border-box}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent!important;border-bottom-color:transparent!important}.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-select-dropdown{z-index:calc(var(--el-index-top) + 1);border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__loading,.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--el-text-color-secondary);font-size:var(--el-select-font-size)}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-select-dropdown__list.el-vl__window{margin:6px 0;padding:0}.el-select-dropdown__header{padding:10px;border-bottom:1px solid var(--el-border-color-light)}.el-select-dropdown__footer{padding:10px;border-top:1px solid var(--el-border-color-light)}.el-select-dropdown__item{font-size:var(--el-font-size-base);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--el-text-color-regular);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-hovering{background-color:var(--el-fill-color-light)}.el-select-dropdown__item.is-selected{color:var(--el-color-primary);font-weight:700}.el-select-dropdown__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed;background-color:unset}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after{content:"";position:absolute;top:50%;right:20px;border-top:none;border-right:none;background-repeat:no-repeat;background-position:center;background-color:var(--el-color-primary);-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%;transform:translateY(-50%);width:12px;height:12px}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after{background-color:var(--el-text-color-placeholder)}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type):after{content:"";position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:var(--el-border-color-light)}.el-select-group__split-dash{position:absolute;left:20px;right:20px;height:1px;background:var(--el-border-color-light)}.el-select-group__title{padding-left:20px;font-size:12px;color:var(--el-color-info);line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-color:var(--el-disabled-text-color);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px;--el-select-width:100%}.el-select{display:inline-block;position:relative;vertical-align:middle;width:var(--el-select-width)}.el-select__wrapper{display:flex;align-items:center;position:relative;box-sizing:border-box;cursor:pointer;text-align:left;font-size:14px;padding:4px 12px;gap:6px;min-height:32px;line-height:24px;border-radius:var(--el-border-radius-base);background-color:var(--el-fill-color-blank);transition:var(--el-transition-duration);box-shadow:0 0 0 1px var(--el-border-color) inset}.el-select__wrapper:hover{box-shadow:0 0 0 1px var(--el-text-color) inset}.el-select__wrapper.is-filterable{cursor:text}.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-select__wrapper.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.el-select__wrapper.is-disabled{cursor:not-allowed;background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);box-shadow:0 0 0 1px var(--el-select-disabled-border) inset}.el-select__wrapper.is-disabled:hover{box-shadow:0 0 0 1px var(--el-select-disabled-border) inset}.el-select__wrapper.is-disabled.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-select__wrapper.is-disabled .el-select__selected-item{color:var(--el-select-disabled-color)}.el-select__wrapper.is-disabled .el-select__caret,.el-select__wrapper.is-disabled .el-tag{cursor:not-allowed}.el-select__prefix,.el-select__suffix{display:flex;align-items:center;flex-shrink:0;gap:6px;color:var(--el-input-icon-color,var(--el-text-color-placeholder))}.el-select__caret{color:var(--el-select-input-color);font-size:var(--el-select-input-font-size);transition:var(--el-transition-duration);transform:rotate(0);cursor:pointer}.el-select__caret.is-reverse{transform:rotate(180deg)}.el-select__selection{position:relative;display:flex;flex-wrap:wrap;align-items:center;flex:1;min-width:0;gap:6px}.el-select__selection.is-near{margin-left:-8px}.el-select__selection .el-tag{cursor:pointer;border-color:transparent}.el-select__selection .el-tag .el-tag__content{min-width:0}.el-select__selected-item{display:flex;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-select__tags-text{display:block;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__placeholder{position:absolute;display:block;top:50%;transform:translateY(-50%);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--el-input-text-color,var(--el-text-color-regular))}.el-select__placeholder.is-transparent{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--el-text-color-placeholder)}.el-select__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-select__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent;border-left-color:transparent}.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent;border-bottom-color:transparent}.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-select__input-wrapper{max-width:100%}.el-select__input-wrapper.is-hidden{position:absolute;opacity:0}.el-select__input{border:none;outline:0;padding:0;color:var(--el-select-multiple-input-color);font-size:inherit;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:24px;max-width:100%;background-color:transparent}.el-select__input.is-disabled{cursor:not-allowed}.el-select__input-calculator{position:absolute;left:0;top:0;max-width:100%;visibility:hidden;white-space:pre;overflow:hidden}.el-select--large .el-select__wrapper{gap:6px;padding:8px 16px;min-height:40px;line-height:24px;font-size:14px}.el-select--large .el-select__selection{gap:6px}.el-select--large .el-select__selection.is-near{margin-left:-8px}.el-select--large .el-select__prefix,.el-select--large .el-select__suffix{gap:6px}.el-select--large .el-select__input{height:24px}.el-select--small .el-select__wrapper{gap:4px;padding:2px 8px;min-height:24px;line-height:20px;font-size:12px}.el-select--small .el-select__selection{gap:4px}.el-select--small .el-select__selection.is-near{margin-left:-6px}.el-select--small .el-select__prefix,.el-select--small .el-select__suffix{gap:4px}.el-select--small .el-select__input{height:20px}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-container{display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}.el-container.is-vertical{flex-direction:column}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;padding:var(--el-footer-padding);box-sizing:border-box;flex-shrink:0;height:var(--el-footer-height)}.el-header{--el-header-padding:0 20px;--el-header-height:60px;padding:var(--el-header-padding);box-sizing:border-box;flex-shrink:0;height:var(--el-header-height)}.el-main{--el-main-padding:20px;display:block;flex:1;flex-basis:auto;overflow:auto;box-sizing:border-box;padding:var(--el-main-padding)}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255, 255, 255, .5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-color-info);--el-button-active-color:var(--el-text-color-primary)}.el-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--el-button-text-color);text-align:center;box-sizing:border-box;outline:0;transition:.1s;font-weight:var(--el-button-font-weight);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);padding:8px 15px;font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base)}.el-button:hover{color:var(--el-button-hover-text-color);border-color:var(--el-button-hover-border-color);background-color:var(--el-button-hover-bg-color);outline:0}.el-button:active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:0}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{display:inline-flex;align-items:center}.el-button+.el-button{margin-left:12px}.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:0}.el-button.is-disabled,.el-button.is-disabled:hover{color:var(--el-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color);border-color:var(--el-button-disabled-border-color)}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{z-index:1;pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:var(--el-mask-color-extra-light)}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{width:32px;border-radius:50%;padding:8px}.el-button.is-text{color:var(--el-button-text-color);border:0 solid transparent;background-color:transparent}.el-button.is-text.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{border-color:transparent;color:var(--el-button-text-color);background:0 0;padding:2px;height:auto}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.el-button.is-link:not(.is-disabled):hover{border-color:transparent;background-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color);border-color:transparent;background-color:transparent}.el-button--text{border-color:transparent;background:0 0;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.el-button--text:not(.is-disabled):hover{color:var(--el-color-primary-light-3);border-color:transparent;background-color:transparent}.el-button--text:not(.is-disabled):active{color:var(--el-color-primary-dark-2);border-color:transparent;background-color:transparent}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{color:var(--el-color-success-light-5);background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{color:var(--el-color-warning-light-5);background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{color:var(--el-color-danger-light-5);background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{color:var(--el-color-info-light-5);background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8)}.el-button--large{--el-button-size:40px;height:var(--el-button-size);padding:12px 19px;font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{width:var(--el-button-size);padding:12px}.el-button--small{--el-button-size:24px;height:var(--el-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{width:var(--el-button-size);padding:5px}.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top;opacity:1}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{position:absolute;top:0;left:0}.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{display:flex;justify-content:center;align-items:center;font-size:14px;background:var(--el-fill-color-light);color:var(--el-text-color-placeholder);vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__btn .el-icon{font-size:inherit;cursor:pointer}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:40px}.el-image-viewer__canvas{position:static;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__actions{left:50%;bottom:30px;transform:translate(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.el-image-viewer__prev{top:50%;transform:translateY(-50%);left:40px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__next{top:50%;transform:translateY(-50%);right:40px;text-indent:2px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__close{width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in var(--el-transition-duration);animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out var(--el-transition-duration);animation:viewer-fade-out var(--el-transition-duration)}@-webkit-keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}.iconfonts{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-jieshu:before{content:"\e637"}.icon-diannao:before{content:"\e6ac"}.icon-xiaolian:before{content:"\e631"}.icon-zan1:before{content:"\e600"}.emotion-box[data-v-26435850]{margin:0 auto;width:250px;box-sizing:border-box;padding:5px;border:1px solid #b4b4b4;overflow:hidden;overflow-y:auto;display:flex;flex-wrap:wrap}.emotion-box-line[data-v-26435850]{display:flex;font-size:21px}.emotion-item[data-v-26435850]{flex:1;text-align:center;cursor:pointer}.auto-prompt[data-v-1eec62df]{padding:12px 28px}.textarea[data-v-1eec62df]:after{content:attr(placeholder);display:inline-block;color:#999;font-size:13px;vertical-align:middle;line-height:16px}.icon[data-v-1eec62df]{width:20px;height:20px;margin-right:32px}.chat-bar[data-v-1eec62df]{display:flex;align-items:center;margin-bottom:20px;justify-content:space-between}.el-autocomplete[data-v-1eec62df]{width:100%;max-width:100%;height:calc(40vh - 130px);overflow:auto;font-size:14px}.el-autocomplete img[data-v-1eec62df]{max-width:100%;max-height:100%}.chat-bar-right[data-v-1eec62df]{font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;color:#384860;display:flex;align-items:center}.chat-bar-right .icon[data-v-1eec62df]{margin-right:8px}@font-face{font-family:iconfont;src:url(data:font/woff2;base64,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) format("woff2"),url(data:font/woff;base64,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) format("woff"),url(data:font/ttf;base64,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) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-mirror:before{content:"\e6c3"}.icon-arrow-left:before{content:"\e635"}.icon-arrow-right:before{content:"\e636"}.icon-c-scale-to-original:before{content:"\e638"}.icon-close:before{content:"\e643"}.icon-download:before{content:"\e651"}.icon-full-screen:before{content:"\e656"}.icon-refresh-left:before{content:"\e668"}.icon-refresh-right:before{content:"\e669"}.icon-zoom-in:before{content:"\e671"}.icon-zoom-out:before{content:"\e672"}.tmd-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.tmd-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5)}.tmd-image-viewer__image{width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:grab}.tmd-image-viewer__image:active{cursor:move}.viewer-fade-enter-active{animation:viewer-fade-in .3s}.viewer-fade-leave-active{animation:viewer-fade-out .3s}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes viewer-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}.thumbnail-fade-enter-active{animation:thumbnail-fade-in .5s}.thumbnail-fade-leave-active{animation:thumbnail-fade-out .5s}@keyframes thumbnail-fade-in{0%{transform:translate(-50%) translateY(80px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes thumbnail-fade-out{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(80px);opacity:0}}.tmd-image-viewer__sequence{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;user-select:none;color:#fff;left:50%;top:20px;transform:translate(-50%)}.tmd-image-viewer__actions{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;user-select:none;left:50%;top:30px;transform:translate(-50%);height:44px;padding:0 23px;background-color:#222;opacity:.8;border-color:#fff;border-radius:8px}.tmd-image-viewer_actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.tmd-image-viewer_actions__inner span{margin-left:6px;margin-right:6px;cursor:pointer}.tmd-image-viewer__wrapper .iconfont{font-size:23px}.tmd-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;user-select:none}.tmd-image-viewer__close{top:20px;right:20px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.tmd-image-viewer__next,.tmd-image-viewer__pre{top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff}.tmd-image-viewer__pre{left:40px}.tmd-image-viewer__next{right:40px;text-indent:2px}.tmd-image-viewer__thumbnail{position:absolute;z-index:1;bottom:10px;display:flex;flex-wrap:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;left:50%;transform:translate(-50%);overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:6px;box-sizing:border-box;background-color:#222;max-width:80%;border-radius:8px}.tmd-image-viewer__thumbnail__inner{display:flex;align-items:center;justify-content:center;height:60px;min-width:60px;max-width:100px;margin:0 2px;background-color:#313131;border:2px solid transparent;border-radius:5px;overflow:hidden;transition:all .2s;cursor:pointer}.tmd-image-viewer__thumbnail__inner.current{border:2px solid #ffffff}.tmd-image-viewer__thumbnail img{max-height:100%;max-width:100%}.tmd-image-viewer__thumbnail::-webkit-scrollbar{width:8px;height:5px;background-color:transparent}.tmd-image-viewer__thumbnail::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.tmd-image-viewer__thumbnail::-webkit-scrollbar-thumb{border-radius:5px;border:3px solid rgba(2,2,2,.8);border-top-width:1px;background-color:#fff6}.tmd-image-viewer__thumbnail::-webkit-scrollbar-thumb:hover{border:1px solid rgba(2,2,2,.8)}.tmd-image-viewer__thumbnail::-webkit-scrollbar-button{background-color:transparent;width:2px}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:var(--el-mask-color);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity var(--el-transition-duration)}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/ 2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{top:50%;margin-top:calc((0px - var(--el-loading-spinner-size))/ 2);width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);margin:3px 0;font-size:14px}.el-loading-spinner .circular{display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size);-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@-webkit-keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-rotate{to{transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.shirnk-aside[data-v-ec99afb2]{position:relative;overflow:initial}.shirnk-aside .shrink-text[data-v-ec99afb2]{position:absolute;top:50%;transform:translate(-50%);line-height:15px;height:15px;text-align:center;display:flex;justify-content:center;align-items:center;width:15px;left:-12px;font-size:10px}.shirnk-aside .shrink-box[data-v-ec99afb2]{overflow-y:scroll;height:100%}.inquiry-list[data-v-ec99afb2]{display:flex;width:360px;padding:12px 12px 8px;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:8px 0 8px 8px;border:1px solid #e9ecf1}.inquiry-list .inquiry-top[data-v-ec99afb2]{margin-bottom:8px;width:100%;display:flex;justify-content:space-between}.inquiry-list .inquiry-top .product-left[data-v-ec99afb2]{display:flex;flex-direction:column;justify-content:space-between}.inquiry-list .inquiry-top .product-left .product-category[data-v-ec99afb2]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#0c203d;text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;margin-bottom:6px}.inquiry-list .inquiry-top .product-left .product-name[data-v-ec99afb2]{font-family:Inter;font-size:14px;font-style:normal;font-weight:500}.inquiry-list .design-requirements[data-v-ec99afb2]{width:336px;height:36px;justify-content:space-between;line-height:36px;margin-top:8px;padding:0 8px;display:flex;align-items:center;background:#f6f9fc;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;border-radius:4px;color:#475263;text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400}.inquiry-list .design-requirements .img[data-v-ec99afb2]{width:20px;height:20px;line-height:20px}.inquiry-list .design-requirements .img img[data-v-ec99afb2]{width:100%;height:100%}.we-connecting[data-v-ec99afb2]{display:flex;padding:8px;font-size:12px;justify-content:center;align-items:center;border-radius:4px;width:max-content;background:#f8f8fa;margin:0 auto 16px;color:#798494}.title-message[data-v-ec99afb2]{color:#798494;height:56px;line-height:56px;text-align:center;font-feature-settings:"clig" off,"liga" off;font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:400}.message-time[data-v-ec99afb2]{color:#798494;text-align:center;font-feature-settings:"clig" off,"liga" off;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;display:flex;align-items:center;justify-content:center;position:relative}.message-time[data-v-ec99afb2]:after,.message-time[data-v-ec99afb2]:before{display:flex;content:" ";height:.5px;background:#e6e8ed;flex:1;justify-content:space-between;align-items:center}.message-time[data-v-ec99afb2]:after{margin-left:8px}.message-time[data-v-ec99afb2]:before{margin-right:8px}.class-send-box[data-v-ec99afb2]{display:flex;justify-content:space-between}.class-send-box .send[data-v-ec99afb2]{justify-content:center;align-items:center;border-radius:4px;border:1px solid #c7cdd4;color:#031327;font-family:PingFang SC;font-size:12px;width:56px;font-weight:400;line-height:20px;text-align:center}.class-send-title[data-v-ec99afb2]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;color:#0c203d;text-overflow:ellipsis;font-family:Helvetica Neue;font-size:13px;font-style:normal;font-weight:400;line-height:20px}.classSend-price[data-v-ec99afb2]{display:flex;flex-direction:column;justify-content:space-between}.class-send-price[data-v-ec99afb2]{color:#0c203d;font-feature-settings:"clig" off,"liga" off;font-family:Helvetica Neue;font-size:18px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.72px}.recentlyViewd[data-v-ec99afb2]{display:flex;height:44px;width:100%;font-size:14px;padding:8px;align-items:center;background:#f8f8fa}.onlineCustomer[data-v-ec99afb2]{color:#010914;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400}.el-header-left[data-v-ec99afb2]{height:76px;width:100%;border:1px solid #e6e8ed;text-align:center;padding:16px}.el-header-left .el-input[data-v-ec99afb2]{height:44px;font-family:PingFang SC;font-style:normal;font-weight:400;width:100%}.el-header-left .el-input[data-v-ec99afb2] .el-input__wrapper{background:var(--Fill-Grey-Fill-1, #f8f8fa)}.el-header-left .el-input .el-input__inner[data-v-ec99afb2]{font-size:14px}.el-container-center[data-v-ec99afb2]{background:#fff}.el-header[data-v-ec99afb2]{padding:0}.el-header-center[data-v-ec99afb2]{border-top:1px solid #e6e8ed;border-bottom:1px solid #e6e8ed;border-right:1px solid #e6e8ed;display:flex;height:44px;line-height:44px;background:rgb(248,248,250);padding-left:8px;justify-content:space-between;flex-direction:column}.el-header-center .name[data-v-ec99afb2]{color:#010914;font-family:Inter;font-size:18px;font-style:normal;font-weight:600}.el-header-center .url[data-v-ec99afb2]{color:#798494}.el-header-right[data-v-ec99afb2]{height:76px;width:100%;border:1px solid #e6e8ed;display:flex;align-items:center}.el-header-right img[data-v-ec99afb2]{width:15.42px;height:17.92px;margin-right:14px}.el-header-right .name[data-v-ec99afb2]{color:#010914;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;line-height:20px}.el-footer[data-v-ec99afb2]{width:100%;border-top:0px;padding:0;height:calc(40vh - 44px);position:relative}.el-footer .btn-send[data-v-ec99afb2]{display:flex;justify-content:space-between;align-items:center;bottom:10px;position:absolute;width:100%;padding:18px 21px 0}.el-footer .btn-send div[data-v-ec99afb2]:nth-of-type(1){font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400}.el-footer .static-box[data-v-ec99afb2]{display:flex;background:#f8f8fa;padding:8px 16px;height:52px}.el-footer .staticList[data-v-ec99afb2]{height:36px;border:1px solid #e6e8ed;border-radius:36px;background:#fff;width:max-content;color:#000;padding:0 16px;font-family:Inter;font-size:14px;font-weight:500;line-height:36px;text-align:center;margin-right:8px}.el-menu-item[data-v-ec99afb2]{line-height:initial;padding:0!important;height:86px;border-left:3px solid transparent}.el-menu-item.is-active[data-v-ec99afb2]{background:#eff0f1;border-left:3px solid #1890ff}.user-info-box[data-v-ec99afb2]{display:flex;width:100%;height:100%;padding:0 10px;box-sizing:border-box;justify-content:space-between}.user-info-box .user-img-box[data-v-ec99afb2]{margin-right:10px;display:flex;align-items:center}.user-info-box .user-img-box img[data-v-ec99afb2]{width:40px;height:40px}.user-info-box .user-info-right[data-v-ec99afb2]{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%}.user-info-box .user-info-right .user-box-right-nbs[data-v-ec99afb2]{width:100%}.user-info-box .user-info-right .user-reply-box[data-v-ec99afb2]{position:relative;display:flex}.user-info-box .user-info-right .count[data-v-ec99afb2]{right:16px;top:4px;position:absolute;display:flex;width:var(--Edges-xl, 16px);height:var(--Edges-xl, 16px);min-width:var(--Edges-xl, 16px);padding:var(--Spacing-none, 0);flex-direction:column;justify-content:center;color:#fff;align-items:center;border-radius:var(--Radius-full, 1000px);background:red}.user-info-box .user-info-right .label[data-v-ec99afb2]{margin-left:5px;color:#3875ea;font-size:12px;background:#d8e5ff;border-radius:2px;padding:1px 5px}.user-info-box .user-info-right .label.pc[data-v-ec99afb2]{background:rgba(100,64,194,.16);color:#6440c2}.user-info-box .user-name-box[data-v-ec99afb2]{display:flex;align-items:center;justify-content:space-between}.user-info-box .user-name-box .user-name[data-v-ec99afb2]{word-break:break-all;text-overflow:ellipsis;overflow:hidden;max-width:80px;font-size:16px;color:#000000a6;margin-right:10px;font-family:Inter;font-style:normal;font-weight:600}.user-info-box .user-reply[data-v-ec99afb2]{word-break:break-all;max-width:80px;overflow:hidden;color:#798494;font-feature-settings:"clig" off,"liga" off;text-overflow:ellipsis;font-family:Inter;margin-top:3px;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.user-info-box .user-time[data-v-ec99afb2]{color:#999;font-size:12px;font-style:normal;font-family:Inter;font-weight:400}.customer-info-right .customer-info-box[data-v-ec99afb2]{display:flex}.customer-info-right .customer-info-box .avatar-box[data-v-ec99afb2]{width:88px;height:88px;border-radius:8px;margin-right:12px;overflow:hidden}.customer-info-right .customer-info-box .avatar-box img[data-v-ec99afb2]{width:100%;height:100%}.customer-info-right .customer-info-box .avatar-input-box[data-v-ec99afb2]{display:flex;align-items:center;margin-top:8px;justify-content:space-between}.customer-info-right .customer-info-box .avatar-input-box .change[data-v-ec99afb2]{margin-right:27px;color:#010914;text-align:right;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400}.customer-info-right .customer-info-box .avatar-input-box .delete[data-v-ec99afb2]{color:#f60;text-align:right;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400}.customer-info-right .customer-info-box .avatar-input-right[data-v-ec99afb2]{display:flex}.customer-info-right .customer-info-box .avatar-right[data-v-ec99afb2]{flex:1}.customer-info-right .customer-info-box .avatar-right .avatar-right-name[data-v-ec99afb2]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;overflow:hidden;color:#010914;font-feature-settings:"clig" off,"liga" off;text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.customer-info-right .customer-info-box .avatar-right .avatar-right-price[data-v-ec99afb2]{display:flex;color:#010914;font-feature-settings:"clig" off,"liga" off;font-family:Inter;font-size:16px;font-style:normal;line-height:24px}.customer-info-right .customer-info-box .avatar-right .avatar-right-price div[data-v-ec99afb2]:nth-of-type(1){margin-right:4px;font-weight:600}.customer-info-right .customer-info-box .avatar-right .avatar-right-price div[data-v-ec99afb2]:nth-of-type(2){font-weight:400}.el-input__wrapper[data-v-ec99afb2]{width:48px}.user-wrapper[data-v-ec99afb2]{padding:16px}.user-info[data-v-ec99afb2]{padding-top:15px;padding-bottom:10px}.chat-bar[data-v-ec99afb2]{height:50px;width:100%;line-height:50px;text-align:left}.send-btn[data-v-ec99afb2]{position:absolute;right:0;bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:10px;margin-right:10px}.underline-link[data-v-ec99afb2]{text-decoration:underline}.message-container[data-v-ec99afb2]{display:flex;align-items:center;margin-bottom:10px;position:relative}.message-container .time[data-v-ec99afb2]{text-align:center;color:#999;font-size:14px;position:absolute;width:100%}.avatar[data-v-ec99afb2]{margin-left:10px}.avatar-image[data-v-ec99afb2]{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:12px}.bubble[data-v-ec99afb2]{background-color:#e8e8e8;padding:10px 14px;background:#f5f5f5;border-radius:10px;color:#000;font-size:14px;overflow:hidden;word-break:break-all;text-overflow:ellipsis}.bubble .img-wraper img[data-v-ec99afb2]{max-width:100%;height:auto;display:block}.bubble .bubble-title[data-v-ec99afb2]{font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:4px}.bubble .bubble-h1[data-v-ec99afb2]{color:#1a65d6;cursor:pointer;font-family:Helvetica Neue;font-size:14px;font-style:normal;display:block;font-weight:500;line-height:20px;letter-spacing:.56px;margin-bottom:4px}.official-box[data-v-ec99afb2]{width:464px}.message-container-right[data-v-ec99afb2]{justify-content:flex-end}.message-container-left[data-v-ec99afb2]{justify-content:flex-start}.avatar-number-input[data-v-ec99afb2] .el-input,.avatar-number-input[data-v-ec99afb2]{width:102px!important}.add[data-v-ec99afb2]{display:flex;height:var(--Layout-lg, 32px);padding:0 var(--Spacing-lg, 12px) 0 var(--Spacing-md, 8px);justify-content:center;align-items:center;gap:4px;border-radius:var(--Radius-xs, 4px);border:var(--Edges-zero, 1px) solid var(--color-Stroke-Weak, #e6e8ed);background:var(--color-bg-Program-White, #fff);width:72px;height:32px;margin-top:16px}.add img[data-v-ec99afb2]{width:20px;height:20px}.form[data-v-ec99afb2]{margin-top:32px}.form[data-v-ec99afb2] .el-form-item__label{color:#010914;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:bolder;line-height:20px}.form[data-v-ec99afb2] .el-input__wrapper{padding:0}.form[data-v-ec99afb2] .el-input__inner{padding:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;overflow:hidden;color:#798494;font-feature-settings:"clig" off,"liga" off;text-overflow:ellipsis;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:20px;background:#f2f3f5}.form[data-v-ec99afb2] .el-textarea__inner{background:#f2f3f5}#srollId[data-v-ec99afb2]{border-right:1px solid #e6e8ed}.browse-glance[data-v-ec99afb2]{display:flex;position:relative;padding:16px 12px}.browse-glance .browse-img[data-v-ec99afb2]{width:64px;height:64px;margin-right:12px}.browse-glance[data-v-ec99afb2]:before{position:absolute;content:" ";height:.5px;background:#e6e8ed;width:91%;bottom:0px}.browse-glance .units[data-v-ec99afb2]{margin-top:8px;color:#0c203d;font-feature-settings:"clig" off,"liga" off;font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:400;line-height:16px;display:flex}.browse-glance .units .price[data-v-ec99afb2]{color:#0c203d;font-feature-settings:"clig" off,"liga" off;font-family:Helvetica Neue;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.72px}.browse-glance .units .send[data-v-ec99afb2]{display:flex;width:56px;margin-left:30px;height:var(--Layout-md, 24px);justify-content:center;align-items:center;border-radius:4px;border:1px solid #c7cdd4}.browse-glance .title[data-v-ec99afb2]{display:flex;justify-content:center;align-items:center;border-radius:4px;line-height:20px;font-size:12px;font-family:PingFang SC;font-weight:400;margin:0 auto;color:#798494}.classSendLink[data-v-ec99afb2]{width:360px;padding:12px 12px 0;border-radius:8px 0 8px 8px;border:1px solid #e9ecf1}.classSendLink .classSend-img[data-v-ec99afb2]{width:72px;height:72px;margin-right:12px}.classSendLink .classSend-img img[data-v-ec99afb2]{width:100%;height:100%}.classSendLink .classSendDiv[data-v-ec99afb2]{display:flex;padding-bottom:8px}.sendlinkbox[data-v-ec99afb2]{height:40px;line-height:40px;justify-content:center;border-top:1px solid #e9ecf1;display:flex;align-items:center;color:#626d7a;font-feature-settings:"clig" off,"liga" off;font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.sendlinkbox .box-send[data-v-ec99afb2],.sendlinkbox .box-close[data-v-ec99afb2]{color:#626d7a;font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.sendlinkbox img[data-v-ec99afb2]{width:16px;height:16px;margin-left:8px}.sendlinkbox div[data-v-ec99afb2]{display:flex;align-items:center;justify-content:center}.sendlinkbox .box-send[data-v-ec99afb2]{width:100%;line-height:40px}.sendlinkbox .box-close[data-v-ec99afb2]{width:100%;line-height:40px;position:relative}.sendlinkbox .box-close[data-v-ec99afb2]:before{content:" ";width:1px;background:#e9ecf1;height:24px;position:absolute;left:0px}.click-to-upload[data-v-ec99afb2]{color:#073a3d;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;margin-bottom:4px}.or-drag-and-drap[data-v-ec99afb2]{color:#475467;font-family:Inter;font-size:14px;font-style:normal;font-weight:400}.recently-input-box[data-v-ec99afb2]{padding:12px}.requirements-box[data-v-ec99afb2]{position:relative;z-index:0}input[data-v-ec99afb2]{position:absolute;top:0px;left:0px;height:100%;width:100%;background:transparent}.requirements-box[data-v-ec99afb2],.requirements-box1[data-v-ec99afb2]{display:flex;width:100%;padding:14px 12px;height:68px;box-sizing:border-box;align-items:center;justify-content:space-between}.requirements-box .box[data-v-ec99afb2],.requirements-box1 .box[data-v-ec99afb2]{display:flex;justify-content:space-between;flex-direction:column}.requirements-box .box .upload-info[data-v-ec99afb2],.requirements-box1 .box .upload-info[data-v-ec99afb2]{align-items:center;display:flex}.requirements-box .upload-name[data-v-ec99afb2],.requirements-box1 .upload-name[data-v-ec99afb2]{color:#073a3d;font-family:Inter;font-size:14px;margin-bottom:4px;font-style:normal;font-weight:500;line-height:20px}.requirements-box .upload-info[data-v-ec99afb2],.requirements-box1 .upload-info[data-v-ec99afb2]{display:inline-block;color:#798494;text-overflow:ellipsis;font-family:Inter;font-size:14px;display:flex;align-items:center;font-style:normal;font-weight:400;line-height:20px}.requirements-box .upload-info span[data-v-ec99afb2],.requirements-box1 .upload-info span[data-v-ec99afb2]{margin-left:6px}.requirements-box[data-v-ec99afb2]{border:1px solid #eaecf0;padding:12px 58px 12px 14px}.click-to-upload[data-v-ec99afb2],.or-drag-and-drap[data-v-ec99afb2]{line-height:20px}.requirements-box1[data-v-ec99afb2]{background:#f6f9fc}.uploadInfo[data-v-ec99afb2]{width:40px;height:40px}.footerSubmit[data-v-ec99afb2]{width:120px;height:36px;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:81px;color:#fff;border-radius:var(--Radius-sm, 6px);border:var(--Edges-zero, 1px) solid var(--Primary, #006970);background:var(--Primary, #006970);box-shadow:0 1px 2px #1018280d}[data-v-ec99afb2] .el-select{height:36px;background:white}[data-v-ec99afb2] .el-select__wrapper{height:36px!important}.product-count[data-v-ec99afb2]{color:#0c203d;font-feature-settings:"clig" off,"liga" off;font-family:Helvetica Neue;font-size:18px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.72px}.from-china[data-v-ec99afb2]{color:#475263;font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:16px}.product-info[data-v-ec99afb2]{align-self:stretch;color:#475263;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;padding-bottom:8px;border-bottom:1px solid #e6e8ed}.footerSubmit[data-v-ec99afb2]{font-size:16px!important;color:#fff;background:#000}
yonghu/assets/homeView.e2f33bfb.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
yonghu/assets/index.4140441c.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
yonghu/assets/index.ef2e387f.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
yonghu/assets/vendor.d471d1e7.js 0 → 100644
var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{o as c,l as g};
yonghu/index.html 0 → 100644
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>userSide</title>
<script type="module" crossorigin src="/assets/index.ef2e387f.js"></script>
<link rel="modulepreload" crossorigin href="/assets/vendor.d471d1e7.js">
<link rel="stylesheet" href="/assets/index.4140441c.css">
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<script>
window.onresize = () => {
let targetWidth = 1600;
// 2.拿到当前设备（浏览器）的宽度
// document.documentElement 获取html的宽度
let currentWidth =
document.documentElement.clientWidth || document.body.clientWidth;
console.log(currentWidth)
// 3.计算缩放比率(屏幕过宽，根据高度计算缩放比例)
let scaleRatio = currentWidth / targetWidth;
let fontSize = (currentWidth / targetWidth) * 100;
// 4.开始缩放网页
console.log(scaleRatio,fontSize, 'scaleRatio')
// 4.开始缩放网页
console.log(scaleRatio,'scaleRatio')
// document.body.style = `zoom:${scaleRatio}`;
console.log(document.body, ' document.body')
}
</script>
</body>
</html>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论