fix:chatTest
This commit is contained in:
parent
a6184fbdb4
commit
71af6a5fe0
11
changelog.md
11
changelog.md
|
|
@ -1,3 +1,14 @@
|
||||||
|
## 2.6.2025040316
|
||||||
|
|
||||||
|
- fix: 问题修复
|
||||||
|
- 出入库时物料选择更换组件xselect [shijing]
|
||||||
|
- 批次统计完善 [shijing]
|
||||||
|
- fix：性能检验析晶选型纠正 [shijing]
|
||||||
|
- dag优化 [shijing]
|
||||||
|
- 成品检验时批次选择实用xselect组件 [shijing]
|
||||||
|
- 登录页展示前后端版本号 [shijing]
|
||||||
|
- 扭转工段mlog中不填设备和人员；mlogb中选择设备、操作人、开始时间和结束时间 [shijing]
|
||||||
|
- 检验表中添加检验物料搜索时，展示full_name [shijing]
|
||||||
## 2.6.2025040209
|
## 2.6.2025040209
|
||||||
|
|
||||||
- feat: 新增功能
|
- feat: 新增功能
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,185 @@
|
||||||
|
<template>
|
||||||
|
<el-card style="width: 99%;height: 99%;border-radius: 0.375rem;margin: 0.5vh auto 0;box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);">
|
||||||
|
<el-container>
|
||||||
|
<el-side style=" max-width: 260px;width: 260px;border-right: 1px solid #ddd;box-sizing: border-box;">
|
||||||
|
<div style="min-width: 260px;overflow: auto;flex-grow: 1;flex-shrink: 0;box-sizing: border-box;height: 100%;transition: opacity .3s var(--n-bezier);max-width: 100%;">
|
||||||
|
<div style="display: flex;flex-direction: column;height: 100%;">
|
||||||
|
<main>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer style="border-top-width: 1px;padding: 1rem;overflow: hidden;justify-content: space-between;align-items: center;min-width: 0px;display: flex;">
|
||||||
|
<div style="overflow: hidden;flex-shrink: 0;flex: 1 1 0%;">
|
||||||
|
<div style="overflow: hidden;align-items: center;display: flex;">
|
||||||
|
<img style="width: 2.5rem;height: 2.5rem;border-radius: 50%;margin-right: 1rem;" src="img/icon_nbyg.png" alt="">
|
||||||
|
<div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div></div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="new_chat" style="padding: 1rem;">新建聊天</div>
|
||||||
|
<div class="new_chat new_chat_text">
|
||||||
|
<div class="false_img" style="border:1px solid lightgray;border-radius:20%;color:green;">...</div>
|
||||||
|
<div style="flex:8;color:green;">前端有哪些性能优化？</div>
|
||||||
|
</div>
|
||||||
|
</el-side>
|
||||||
|
<el-main>
|
||||||
|
<div class="right_layout_son">
|
||||||
|
<div class="right_layout_myselfChat">
|
||||||
|
<div id="datatime" style="flex:2;font-size:13px;color:lightgray"></div>
|
||||||
|
<div style="flex:1">
|
||||||
|
<div class="flase_img_son" style="width:40px;height:40px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="myself_chat">
|
||||||
|
前端有哪些性能优化？
|
||||||
|
</div>
|
||||||
|
<div class="right_layout_son_ipt">
|
||||||
|
<input class="ipt" type="text" placeholder="来说点什么吧...">
|
||||||
|
<button class="btn">发送</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
// import xSelects from "@/components/xtSelect/index2.vue";
|
||||||
|
export default {
|
||||||
|
name: "testx",
|
||||||
|
components: {},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
window.onScanResult = this.onScanResult;
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.left_layout {
|
||||||
|
flex: 1;
|
||||||
|
border-right: 1px solid lightgray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right_layout {
|
||||||
|
flex: 6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.father_icon {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.son_icon {
|
||||||
|
background-color: white;
|
||||||
|
z-index: 99;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 1px solid lightgray;
|
||||||
|
padding: 0px 5px;
|
||||||
|
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.son_icon_display {
|
||||||
|
top: 48vh;
|
||||||
|
right: -15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.son_icon_hideen {
|
||||||
|
top: 48vh;
|
||||||
|
left: 10px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.new_chat {
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid lightgray;
|
||||||
|
padding: 10px 20px;
|
||||||
|
margin: 20px 10px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.new_chat_text {
|
||||||
|
border: 1px solid green;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left_person {
|
||||||
|
width: 100%;
|
||||||
|
padding: 1vh 20px;
|
||||||
|
/* margin:20px 10px; */
|
||||||
|
position: absolute;
|
||||||
|
top: 90vh;
|
||||||
|
border-top: 1px solid lightgray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.false_img {
|
||||||
|
/* background:linear-gradient(-135deg,#0c80cc,#009dff); */
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.false_img_right {
|
||||||
|
flex: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flase_img_son {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background: linear-gradient(-135deg, #0000cc, #009dff);
|
||||||
|
border: 1px solid lightblue;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right_layout_flex{
|
||||||
|
display:flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.right_layout_son{
|
||||||
|
margin:0 auto 0 auto;
|
||||||
|
width:100vh;
|
||||||
|
height:98vh;
|
||||||
|
/* border:1px solid gray; */
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.right_layout_son_ipt{
|
||||||
|
position: absolute;
|
||||||
|
bottom:0;
|
||||||
|
}
|
||||||
|
.btn{
|
||||||
|
border:none;
|
||||||
|
padding:10px 15px;
|
||||||
|
background-color: #18a058;
|
||||||
|
border-radius: 1px;
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
.ipt{
|
||||||
|
width:85vh;
|
||||||
|
margin:10px 20px;
|
||||||
|
padding:10px 20px;
|
||||||
|
border:1px solid lightgray;
|
||||||
|
}
|
||||||
|
.right_layout_myselfChat{
|
||||||
|
width:200px;
|
||||||
|
position: absolute;
|
||||||
|
top:5px;
|
||||||
|
right:0;
|
||||||
|
display:flex;
|
||||||
|
}
|
||||||
|
.myself_chat{
|
||||||
|
position: absolute;
|
||||||
|
top:30px;
|
||||||
|
right:80px;
|
||||||
|
padding:10px 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: #7ae1b6;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue