fix:玻纤日志添加提示
This commit is contained in:
parent
f88de3c2ee
commit
1f5d248e95
|
|
@ -1,21 +1,17 @@
|
||||||
<template>
|
<template>
|
||||||
<div style="padding:0;width: 99%;height: 99%;border-radius: 0.375rem;margin: 0.5vh auto 0;box-shadow: 0 4px 6px -1px rgba(0, 0, 0 ,.1), 0 2px 4px -2px rgba(0, 0, 0 ,.1);">
|
<div class="pageCantainer">
|
||||||
<div style="width: 100%;height: 100%;position: relative; background: #fff;border-radius: 6px;">
|
<div class="pageContent">
|
||||||
<div style=" max-width: 260px;width: 260px;border-right: 1px solid rgb(229, 231, 235);box-sizing: border-box;height: 100%;position: absolute;left: 0;top: 0;">
|
<div class="chatSide">
|
||||||
<main style="display: flex;flex-direction: column;min-height: 0;flex:1 1 0%">
|
<div class="sideContent">
|
||||||
<el-button type="line" style="margin: 1rem;">新建聊天</el-button>
|
<div plain="true" class="addBtn">新建聊天</div>
|
||||||
<div style="padding-bottom: 1rem;overflow: hidden;flex: 1 1 0%;min-height: 0px;">
|
<div class="chatList">
|
||||||
<div style="overflow: hidden; position: relative;z-index: auto;height: 100%;width: 100%;padding: 0 1rem;"></div>
|
<div class="listItem" v-for="item in listData" :key="item.id">
|
||||||
|
<div>{{ item.title }}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</div>
|
||||||
<footer style="padding: 1rem;border-top: 1px solid rgb(229, 231, 235);">
|
|
||||||
<div style="align-items: center;display: flex;">
|
|
||||||
<img style="width: 2.5rem;height: 2.5rem;border-radius: 50%;flex-shrink: 0;" src="img/icon_nbyg.png" alt="">
|
|
||||||
<div style="font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;flex: 1 1 0%;min-width: 0px;margin-left: 0.5rem;"> {{ userName }}</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</div>
|
</div>
|
||||||
<div style="padding-left: 260px;height: 100%;box-sizing: border-box;position: relative;z-index: auto;">
|
<div class="mainChat" style="">
|
||||||
<el-container>
|
<el-container>
|
||||||
<el-main>
|
<el-main>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -42,67 +38,17 @@
|
||||||
</el-container>
|
</el-container>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <el-container>
|
|
||||||
<el-side style=" max-width: 260px;width: 260px;border-right: 1px solid #ddd;box-sizing: border-box;">
|
|
||||||
<div class="common-layout">
|
|
||||||
<el-container>
|
|
||||||
<el-header style="padding:0 6px 0 0;"></el-header>
|
|
||||||
<el-main style="padding:0 6px 0 0;">
|
|
||||||
<div style="display: flex;flex-direction: column;height: 100%;">
|
|
||||||
<el-button type="line" style="margin: 1rem;">新建聊天</el-button>
|
|
||||||
<div class="chat_list">
|
|
||||||
<div class="chat_list_item" v-for="(item,index) in 10" :key="index">
|
|
||||||
<div class="chat_list_item_icon" style="border:1px solid rgb(75, 158, 95);border-radius:20% 20% 0 20%;color:rgb(75,158,95);">...</div>
|
|
||||||
<div class="chat_list_item_text" style="flex:8;color:rgb(75,158,95);">前端有哪些性能优化？</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
<el-footer>
|
|
||||||
<div style="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 style="font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"> {{ userName }}</div>
|
|
||||||
</div>
|
|
||||||
</el-footer>
|
|
||||||
</el-container>
|
|
||||||
</div>
|
|
||||||
</el-side>
|
|
||||||
<el-main>
|
|
||||||
<el-container>
|
|
||||||
<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="user_icons" style="width:40px;height:40px;"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="myself_chat">
|
|
||||||
前端有哪些性能优化？
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
<el-footer>
|
|
||||||
<div class="right_layout_son_ipt">
|
|
||||||
<input class="ipt" type="text" placeholder="来说点什么吧...">
|
|
||||||
<button class="btn">发送</button>
|
|
||||||
</div>
|
|
||||||
</el-footer>
|
|
||||||
</el-container>
|
|
||||||
</el-main>
|
|
||||||
</el-container> -->
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
// import xSelects from "@/components/xtSelect/index2.vue";
|
|
||||||
export default {
|
export default {
|
||||||
name: "testx",
|
name: "testx",
|
||||||
components: {},
|
components: {},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
userName: "",
|
userName: "",
|
||||||
|
listData:[{id:1,title:'第一次聊天'}],
|
||||||
|
chatData: [{chat_text:'前端有哪些性能优化？',chat_time:'2022-08-18 10:00:00',chat_type:'myself'}],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
|
@ -115,88 +61,160 @@ export default {
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.pageCantainer{
|
||||||
|
padding:0;
|
||||||
|
width: 99%;
|
||||||
|
height: 99%;
|
||||||
|
border-radius: 0.375rem;
|
||||||
|
margin: 0.5vh auto 0;
|
||||||
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0 ,.1), 0 2px 4px -2px rgba(0, 0, 0 ,.1);
|
||||||
|
}
|
||||||
|
.pageContent{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
.chatSide{
|
||||||
|
max-width: 260px;
|
||||||
|
width: 260px;
|
||||||
|
border-right: 1px solid rgb(229, 231, 235);
|
||||||
|
box-sizing: border-box;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.sideContent{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
min-height: 0;
|
||||||
|
flex:1 1 0%;
|
||||||
|
}
|
||||||
|
.addBtn{
|
||||||
|
margin: 1rem;
|
||||||
|
border: 1px dotted #dddddd;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.addBtn:hover{
|
||||||
|
color: #18a058;
|
||||||
|
border: 1px dotted #18a058;
|
||||||
|
}
|
||||||
|
.chatList{
|
||||||
|
padding: 1rem;
|
||||||
|
overflow: hidden;
|
||||||
|
flex: 1 1 0%;
|
||||||
|
min-height: 0px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.listItem{
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
z-index: auto;
|
||||||
|
height: 45px;
|
||||||
|
line-height: 45px;
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
display :flex;
|
||||||
|
padding: 0 1rem;
|
||||||
|
border-radius: 6px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color :rgb(51, 54, 57);
|
||||||
|
border :1px solid rgb(229, 231, 235);
|
||||||
|
}
|
||||||
|
.listItem.active{
|
||||||
|
background-color :rgb(245, 245, 245)
|
||||||
|
}
|
||||||
|
.mainChat{
|
||||||
|
padding-left: 260px;height: 100%;box-sizing: border-box;position: relative;z-index: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.right_layout {
|
.right_layout {
|
||||||
flex: 6;
|
flex: 6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icons {
|
.icons {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: 1px solid lightgray;
|
border: 1px solid lightgray;
|
||||||
padding: 0px 5px;
|
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;
|
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
|
||||||
color: gray;
|
color: gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icons_display {
|
.icons_display {
|
||||||
top: 48vh;
|
top: 48vh;
|
||||||
right: -15px;
|
right: -15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icons_hideen {
|
.icons_hideen {
|
||||||
top: 48vh;
|
top: 48vh;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.new_chat_text {
|
.new_chat_text {
|
||||||
border: 1px solid #4b9e5f;
|
border: 1px solid #4b9e5f;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user_icons {
|
.user_icons {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: linear-gradient(-135deg, #0000cc, #009dff);
|
background: linear-gradient(-135deg, #0000cc, #009dff);
|
||||||
border: 1px solid lightblue;
|
border: 1px solid lightblue;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right_layout_flex{
|
.right_layout_flex{
|
||||||
display:flex;
|
display:flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.right_layout_son{
|
.right_layout_son{
|
||||||
margin:0 auto 0 auto;
|
margin:0 auto 0 auto;
|
||||||
width:100vh;
|
width:100vh;
|
||||||
height:98vh;
|
height:98vh;
|
||||||
/* border:1px solid gray; */
|
/* border:1px solid gray; */
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.right_layout_son_ipt{
|
.right_layout_son_ipt{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom:0;
|
bottom:0;
|
||||||
}
|
}
|
||||||
.btn{
|
.btn{
|
||||||
border:none;
|
border:none;
|
||||||
padding:10px 15px;
|
padding:10px 15px;
|
||||||
background-color: #18a058;
|
background-color: #18a058;
|
||||||
border-radius: 1px;
|
border-radius: 1px;
|
||||||
color:white;
|
color:white;
|
||||||
}
|
}
|
||||||
.search_input{
|
.search_input{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding:0.5rem 1rem;
|
padding:0.5rem 1rem;
|
||||||
/* border:1px solid lightgray; */
|
/* border:1px solid lightgray; */
|
||||||
}
|
}
|
||||||
.right_layout_myselfChat{
|
.right_layout_myselfChat{
|
||||||
width:200px;
|
width:200px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top:5px;
|
top:5px;
|
||||||
right:0;
|
right:0;
|
||||||
display:flex;
|
display:flex;
|
||||||
}
|
}
|
||||||
.myself_chat{
|
.myself_chat{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top:30px;
|
top:30px;
|
||||||
right:80px;
|
right:80px;
|
||||||
padding:10px 20px;
|
padding:10px 20px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: #7ae1b6;
|
background-color: #7ae1b6;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -211,6 +211,7 @@
|
||||||
@click="table_add"
|
@click="table_add"
|
||||||
style="position: absolute; left: 100px; top: 5px"
|
style="position: absolute; left: 100px; top: 5px"
|
||||||
>新增</el-button>
|
>新增</el-button>
|
||||||
|
<span class="warningText" v-if="route_code=='ladansi'||route_code=='yicifusi'||route_code=='ercifusi'||route_code=='zlybcl'">注：请扫码录入单个棒！一个棒对应一个日志，方便于采集数据对应</span>
|
||||||
<scTable
|
<scTable
|
||||||
ref="tableIn"
|
ref="tableIn"
|
||||||
:apiObj="apiObj"
|
:apiObj="apiObj"
|
||||||
|
|
@ -556,6 +557,7 @@ export default {
|
||||||
handle_date:'',
|
handle_date:'',
|
||||||
handle_user:'',
|
handle_user:'',
|
||||||
wm:'',
|
wm:'',
|
||||||
|
route_code:'',
|
||||||
materialOut:'',
|
materialOut:'',
|
||||||
batchContains:'',
|
batchContains:'',
|
||||||
apiObjPrint:this.$API.cm.labelmat.fromWm,
|
apiObjPrint:this.$API.cm.labelmat.fromWm,
|
||||||
|
|
@ -575,6 +577,7 @@ export default {
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
let that = this;
|
let that = this;
|
||||||
|
this.route_code = this.$route.path.split("/")[2];
|
||||||
this.paramsIn.mlog = this.mlogId;
|
this.paramsIn.mlog = this.mlogId;
|
||||||
this.paramsOut.mlog = this.mlogId;
|
this.paramsOut.mlog = this.mlogId;
|
||||||
this.apiObj = this.$API.wpm.mlogb.list;
|
this.apiObj = this.$API.wpm.mlogb.list;
|
||||||
|
|
@ -850,4 +853,13 @@ export default {
|
||||||
background: rgb(255,255,255);
|
background: rgb(255,255,255);
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
.warningText{
|
||||||
|
position: absolute;
|
||||||
|
left: 200px;
|
||||||
|
top: 5px;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height:35px;
|
||||||
|
color: red;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
row-key="id"
|
row-key="id"
|
||||||
stripe
|
stripe
|
||||||
:height="tableHeight"
|
:height="tableHeight"
|
||||||
:params="{'mpoint':item.id, 'timex_gte':startTime, 'timex_lte':endTime}"
|
:params="{'mpoint':item.id, 'timex__gte':startTime, 'timex__lte':endTime}"
|
||||||
hideDo
|
hideDo
|
||||||
>
|
>
|
||||||
<el-table-column label="时间" prop="timex">
|
<el-table-column label="时间" prop="timex">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue