Skip to content

W
web-purchase
Commit 3bb56ece authored by 张冬's avatar 张冬
Browse files
Options

聊天问题

parent 4aad38f2
Show whitespace changes
Inline Side-by-side
Showing with 222 additions and 234 deletions
src/pages/purchaser/bid/bidOpen/bidOpenhal.vue
View file @ 3bb56ece
......@@ -49,6 +49,7 @@
<!-- 在线对话 -->
<div class="dialogue" style="margin-top: 30px;" v-show="dialogue">
<JwChat :taleList="dialogueList" scrollType="scroll" @enter="bindEnter" v-model="content" :toolConfig="tool" >
<el-button slot="tools" style="float:right" class="abs" @click="dialogue=false">关闭聊天框</el-button>
</JwChat>
</div>
<!--
......@@ -222,9 +223,9 @@
data() {
return {
tool: {
show: [''],
show: ['11'],
callback: this.toolEvent,
showEmoji: true,
showEmoji: false,
},
issueTable: false,
openStatus: '',
......@@ -681,6 +682,11 @@
</script>
<style scoped>
.abs{
position: absolute;
right:100px;
bottom:-91px
}
.flex-left {
display: flex;
justify-content: flex-start;
......
src/pages/supply/bid/joinProject/bidOpen/bidOpenhal.vue
View file @ 3bb56ece
......@@ -4,17 +4,17 @@
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<div>中国标准时间：{{ currentTime }}</div>
<div class="hal">
<h2 style="text-align: center;">{{projectName}}项目开标大厅</h2>
<h2 style="text-align: center">{{ projectName }}项目开标大厅</h2>
<div class="time-message flex-between">
<div class="flex">
<p>截标倒计时：</p>
<timeDown :remain-time="remaintime" @countDowmEnd="remaintimeEnd"></timeDown>
</div>
<div class="flex" v-show="openStatus==2">
<div class="flex" v-show="openStatus == 2">
<p>解密倒计时：</p>
<timeDown :remain-time="decodeTime" @countDowmEnd="decodeTimeEnd"></timeDown>
</div>
<div class="flex" v-show="openStatus==2">
<div class="flex" v-show="openStatus == 2">
<p>签名倒计时：</p>
<timeDown :remain-time="signatureTime" @countDowmEnd="signatureTimeEnd"></timeDown>
</div>
......@@ -22,14 +22,14 @@
<div class="flex">
<div class="hal-left">
<div>
<h1>签到 {{!leftmessage.signIn?"否":"是"}}</h1>
<h1>解密 {{!leftmessage.decode?"否":"是"}}</h1>
<h1>签名 {{!leftmessage.signature?"否":"是"}}</h1>
<h1>签到 {{ !leftmessage.signIn ? '否' : '是' }}</h1>
<h1>解密 {{ !leftmessage.decode ? '否' : '是' }}</h1>
<h1>签名 {{ !leftmessage.signature ? '否' : '是' }}</h1>
</div>
</div>
<div class="hal-center" v-chat-scroll>
<ul >
<li v-for="(item,index) in halList" :key="index" class="flex-item">
<ul>
<li v-for="(item, index) in halList" :key="index" class="flex-item">
<div>{{ item.time }}</div>
<div>{{ item.role }}</div>
<div>{{ item.name }}</div>
......@@ -38,13 +38,20 @@
</ul>
</div>
<div class="hal-right">
<el-button @click="dialogFormVisible=true" style="margin-left:10px">开标规则说明</el-button>
<el-button @click="dialogFormVisible = true" style="margin-left: 10px">开标规则说明</el-button>
<el-button @click="isdialogue">在线对话<i class="el-icon-chat-dot-round"></i></el-button>
<el-button :disabled="!isDecode" v-show="openStatus==2&&!leftmessage.decode" @click="changeDecode" type="primary">解密投标文件</el-button>
<el-button
:disabled="!isDecode"
v-show="openStatus == 2 && !leftmessage.decode"
@click="changeDecode"
type="primary"
>解密投标文件</el-button
>
</div>
<!-- 在线对话 -->
<div class="dialogue" style="margin-top: 30px;" v-show="dialogue">
<JwChat :taleList="dialogueList" scrollType="scroll" @enter="bindEnter" v-model="content" :toolConfig="tool" >
<div class="dialogue" style="margin-top: 30px" v-show="dialogue">
<JwChat :taleList="dialogueList" scrollType="scroll" @enter="bindEnter" v-model="content" :toolConfig="tool">
<el-button slot="tools" style="float: right" class="abs" @click="dialogue = false">关闭聊天框</el-button>
</JwChat>
</div>
<!-- <div class="dialogue" style="margin-top: 30px;" v-show="dialogue">
......@@ -85,38 +92,31 @@
</el-dialog>
<!-- 开标一览表 -->
<el-dialog :visible.sync="isopenInfo" title="开标一览表">
<nopageTable :tableData="tableData" :columns="nopagecolumns" :margin-top="0" :margin-bottom="0">
</nopageTable>
<nopageTable :tableData="tableData" :columns="nopagecolumns" :margin-top="0" :margin-bottom="0"> </nopageTable>
<div slot="footer" class="dialog-footer">
<el-button @click="isopenInfo=false">关闭 </el-button>
<el-button :disabled="!isSignature" v-show="openStatus==2&&!leftmessage.signature" @click="changeSignature" type="primary">签名</el-button>
<el-button @click="isopenInfo = false">关闭 </el-button>
<el-button
:disabled="!isSignature"
v-show="openStatus == 2 && !leftmessage.signature"
@click="changeSignature"
type="primary"
>签名</el-button
>
</div>
</el-dialog>
</div>
</template>
<script>
import {
signdetail
} from '@api/purchaser/bid'
import {
openUrl
} from '@utils/common'
import {
openBidsign,
opentimeInfo,
openInfolist,
decode,
signature
} from '@api/supply/bid'
import {
getTime
} from '@utils/time'
import nopageTable from '@components/nopageTable.vue'
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
import timeDown from '@components/timeDown.vue'
import dataTable from '@components/dataTable.vue'
export default {
import { signdetail } from '@api/purchaser/bid';
import { openUrl } from '@utils/common';
import { openBidsign, opentimeInfo, openInfolist, decode, signature } from '@api/supply/bid';
import { getTime } from '@utils/time';
import nopageTable from '@components/nopageTable.vue';
import dataBreadcrumb from '@components/dataBreadcrumb.vue';
import timeDown from '@components/timeDown.vue';
import dataTable from '@components/dataTable.vue';
export default {
components: {
dataBreadcrumb,
timeDown,
......@@ -128,29 +128,30 @@
tool: {
show: [''],
callback: this.toolEvent,
showEmoji: true,
showEmoji: true
},
issueTable:"",
openStatus: "",
issueTable: '',
openStatus: '',
isSignature: false,
isDecode: false,
dialogue: false,
isopenInfo: false,
remaintime: "",
decodeTime: "",
signatureTime: "",
projectName: "",
remaintime: '',
decodeTime: '',
signatureTime: '',
projectName: '',
pageObj: {
size: 10,
total: 1000,
currentPage: 1,
func: (currentPage) => {
this.pageTurning(currentPage)
this.pageTurning(currentPage);
}
},
dialogFormVisible: false,
tableData: [],
columns: [{
columns: [
{
label: '中标供应商',
prop: 'name'
},
......@@ -171,7 +172,8 @@
slot: 'operate'
}
], //
nopagecolumns: [{
nopagecolumns: [
{
label: '投标公司',
prop: 'companyName'
},
......@@ -181,13 +183,14 @@
},
{
label: '是否签名',
prop: 'isSign',
},
prop: 'isSign'
}
], //
isOpenbid: false,
buttonWords: '立即开标',
openbidButton: false,
halList: [{
halList: [
{
time: '17:56:56',
role: '招标人',
person: '谢天',
......@@ -204,245 +207,224 @@
seconds: '60',
currentTime: '',
breads: ['招标管理', '招标项目管理', '工作台'],
leftmessage: "",
websocket: "",
leftmessage: '',
websocket: '',
dialogueList: [],
halList: [],
content: "",
myId: ""
}
content: '',
myId: ''
};
},
mounted() {
this.add();
},
created() {
// 中国标准时间
let currentTime = getTime()
this.currentTime = currentTime
let currentTime = getTime();
this.currentTime = currentTime;
this.timer1 = setInterval(() => {
let currentTime = getTime()
this.currentTime = currentTime
}, 1000)
this.projectName = localStorage.getItem("projectName")
let currentTime = getTime();
this.currentTime = currentTime;
}, 1000);
this.projectName = localStorage.getItem('projectName');
this.getsigndetail();
this.openBidsign();
this.createWebSocket()
this.myId = JSON.parse(localStorage.getItem("userInfo")).userId
this.createWebSocket();
this.myId = JSON.parse(localStorage.getItem('userInfo')).userId;
// 长轮训获取
this.timer = setInterval(() => {
this.getsigndetail();
}, 5000);
},
methods: {
openInfo(){
this.isopenInfo=true
openInfo() {
this.isopenInfo = true;
this.getopenInfo();
},
refrsh(){
history.go(0)
refrsh() {
history.go(0);
},
// 解密
async changeDecode() {
let projectId = localStorage.getItem("projectId")
let projectId = localStorage.getItem('projectId');
try {
const {
msg,
code
} = await decode(projectId)
if(code==200){
this.$message.success(msg)
const { msg, code } = await decode(projectId);
if (code == 200) {
this.$message.success(msg);
this.openBidsign();
}else{
this.$message.error(msg)
} else {
this.$message.error(msg);
}
} catch (e) {
console.log(e)
console.log(e);
}
},
// 签名
async changeSignature() {
let projectId = localStorage.getItem("projectId")
let projectId = localStorage.getItem('projectId');
try {
const {
msg,
code,
} = await signature(projectId)
if(code==200){
this.$message.success(msg)
const { msg, code } = await signature(projectId);
if (code == 200) {
this.$message.success(msg);
this.openBidsign();
}else{
this.$message.error(msg)
} else {
this.$message.error(msg);
}
} catch (e) {
console.log(e)
console.log(e);
}
},
isdialogue() {
this.dialogue = !this.dialogue
this.dialogue = !this.dialogue;
},
// websocket
createWebSocket() {
let token = localStorage.getItem("token")
let projectId = localStorage.getItem("projectId")
this.websocket = new WebSocket(`ws:${openUrl}/webSocket/${projectId}/${token}`)
let token = localStorage.getItem('token');
let projectId = localStorage.getItem('projectId');
this.websocket = new WebSocket(`ws:${openUrl}/webSocket/${projectId}/${token}`);
// 连接成功时
this.websocket.onopen = () => {}
this.websocket.onmessage = event => {
this.websocket.onopen = () => {};
this.websocket.onmessage = (event) => {
// 后端发送的消息在event.data中
let data = JSON.parse(event.data);
console.log(data)
console.log(data);
if (data.type == 1) {
if(data.userId==this.myId){
data.mine=true
}else{
data.mine=false
if (data.userId == this.myId) {
data.mine = true;
} else {
data.mine = false;
}
const msgObj = {
"date":data.time ,
"text": {
"text": data.chatContent
},
"mine": data.mine,
"name": data.name,
"img": "@static/images/tou.jpg"
}
this.dialogueList.push(msgObj)
date: data.time,
text: {
text: data.chatContent
},
mine: data.mine,
name: data.name,
img: '@static/images/tou.jpg'
};
this.dialogueList.push(msgObj);
} else {
this.halList.push(data)
}
}
this.websocket.onclose = function() {
console.log('关闭了')
this.halList.push(data);
}
};
this.websocket.onclose = function () {
console.log('关闭了');
};
// 监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常
window.onbeforeunload = function() {
this.websocket.close()
},
(window.onbeforeunload = function () {
this.websocket.close();
}),
// 路由跳转时结束websocket链接
this.$router.afterEach(function() {
this.websocket.close()
})
this.$router.afterEach(function () {
this.websocket.close();
});
},
bindEnter() {
const content = this.content
const content = this.content;
if (!content) return;
this.websocket.send(content)
this.websocket.send(content);
},
back() {
this.$router.go(-1)
this.$router.go(-1);
},
// 截标时间到了
remaintimeEnd(val) {
},
remaintimeEnd(val) {},
// 解密时间到了
decodeTimeEnd(val) {
this.isDecode = val
this.isDecode = val;
},
// 签名时间到了
signatureTimeEnd(val) {
this.isSignature = val
this.isSignature = val;
},
// 计算分秒倒计时
add: function() {
var _this = this
var time = window.setInterval(function() {
add: function () {
var _this = this;
var time = window.setInterval(function () {
if (_this.seconds === 0 && _this.minutes !== 0) {
_this.seconds = 59
_this.minutes -= 1
_this.seconds = 59;
_this.minutes -= 1;
} else if (_this.minutes === 0 && _this.seconds === 0) {
_this.seconds = 0
window.clearInterval(time)
_this.seconds = 0;
window.clearInterval(time);
} else {
_this.seconds -= 1
_this.seconds -= 1;
}
}, 1000)
}, 1000);
},
// 截标时间到了
countDowmEnd(val) {
this.openbidButton = val
this.openbidButton = val;
},
// 左边信息栏
async openBidsign() {
let projectId = localStorage.getItem("projectId")
let projectId = localStorage.getItem('projectId');
try {
const {
data,
code
} = await openBidsign(projectId)
this.leftmessage = data
const { data, code } = await openBidsign(projectId);
this.leftmessage = data;
} catch (e) {
console.log(e)
console.log(e);
}
},
// 获取时间比较
async getsigndetail() {
try {
let projectId = localStorage.getItem("projectId")
var {
data,
code,
msg
} = await opentimeInfo(projectId)
let projectId = localStorage.getItem('projectId');
var { data, code, msg } = await opentimeInfo(projectId);
if (code == 200) {
this.remaintime = Number(data.remainTime);
this.storagedecodeTime = Number(data.decodeTime)
this.storagesignatureTime = Number(data.signatureTime)
this.storagedecodeTime = Number(data.decodeTime);
this.storagesignatureTime = Number(data.signatureTime);
} else {
this.$message.error(msg)
this.$message.error(msg);
}
var {
data,
code
} = await signdetail(projectId)
var { data, code } = await signdetail(projectId);
if (code == 200) {
this.openStatus = data.openStatus
this.issueTable=data.issueTable
this.openStatus = data.openStatus;
this.issueTable = data.issueTable;
let localTime = new Date().getTime();
console.log(this.storagedecodeTime, "..............")
let comparyTime = this.storagedecodeTime - (localTime - data.openBidTime) / 1000
console.log(this.storagedecodeTime, '..............');
let comparyTime = this.storagedecodeTime - (localTime - data.openBidTime) / 1000;
if (comparyTime > 0) {
this.decodeTime = comparyTime
console.log("大于")
this.decodeTime = comparyTime;
console.log('大于');
} else {
console.log("小于")
this.isDecode = true
console.log('小于');
this.isDecode = true;
}
let comparyTime1 = this.storagesignatureTime - (localTime - data.openBidTime) / 1000
let comparyTime1 = this.storagesignatureTime - (localTime - data.openBidTime) / 1000;
if (comparyTime > 0) {
this.signatureTime = comparyTime1
console.log("大于")
this.signatureTime = comparyTime1;
console.log('大于');
} else {
console.log("小于")
this.isSignature = true
console.log('小于');
this.isSignature = true;
}
}
} catch (e) {
console.log(e)
console.log(e);
}
},
// 开标一栏表
async getopenInfo() {
try {
let projectId = localStorage.getItem("projectId")
const {
data,
code
} = await openInfolist(projectId)
let projectId = localStorage.getItem('projectId');
const { data, code } = await openInfolist(projectId);
if (code == 200) {
for (let item of data) {
if (item.isSign) {
item.isSign = "是"
item.isSign = '是';
} else {
item.isSign = "否"
item.isSign = '否';
}
}
this.tableData = data
this.tableData = data;
}
} catch (e) {
console.log(e)
console.log(e);
}
}
},
},
// updated() {
// // 聊天定位到底部
......@@ -454,81 +436,83 @@
destroyed() {
//清除定时器
clearInterval(this.timer1);
this.websocket.close()
}
this.websocket.close();
}
};
</script>
<style scoped>
.flex-left {
.abs {
position: absolute;
right: 100px;
bottom: -91px;
}
.flex-left {
display: flex;
justify-content: flex-start;
}
}
.flex-right {
.flex-right {
display: flex;
justify-content: flex-end;
}
}
.hal {
.hal {
position: relative;
}
}
.dialogue {
.dialogue {
position: absolute;
top: 10%;
right: 10%;
border:1px solid #CCCCCC;
padding:10px
}
border: 1px solid #cccccc;
padding: 10px;
}
.dialogue>.dialogueList {
.dialogue > .dialogueList {
box-sizing: border-box;
padding: 20px;
overflow: auto;
border: 1px solid #DCDFE6;
border: 1px solid #dcdfe6;
width: 400px;
height: 300px;
}
}
.dialogueList>li {
.dialogueList > li {
margin-bottom: 20px;
}
}
.explain>h1 {
.explain > h1 {
text-align: center;
margin: 30px 0
}
margin: 30px 0;
}
.buttons {
.buttons {
margin: 100px 0;
}
}
.hal-left {
.hal-left {
width: 200px;
}
}
.hal-left>div {
.hal-left > div {
width: 100%;
height: 300px;
border: 1px solid #000;
box-sizing: border-box;
padding: 40px 20px
}
padding: 40px 20px;
}
.hal-right {
.hal-right {
width: 200px;
height: 500px;
}
}
.hal-right>button {
.hal-right > button {
margin-bottom: 20px;
}
}
.hal-center {
.hal-center {
flex: 1;
height: 500px;
border: 1px solid #000;
......@@ -536,41 +520,39 @@
box-sizing: border-box;
padding: 30px;
overflow: auto;
}
}
.hal-center>ul>li {
.hal-center > ul > li {
margin-bottom: 30px;
}
}
.hal-center>ul>li>div {
.hal-center > ul > li > div {
margin-right: 10px;
font-size: 16px;
}
}
.button-pos {
.button-pos {
margin-top: 50px;
}
}
.time-message {
.time-message {
width: 60%;
margin: 10px auto;
font-size: 16px;
}
}
.hal-left h1 {
.hal-left h1 {
margin-bottom: 50px;
/* letter-spacing:5px */
}
}
.bid-message {
.bid-message {
flex-wrap: wrap;
font-size: 16px;
}
}
.bid-message>div {
.bid-message > div {
margin-right: 50px;
margin-bottom: 30px;
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment