服装智能制造软件平台V3.0
http://182.92.169.222/hhxy/#/user/login
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
272 lines
9.3 KiB
272 lines
9.3 KiB
2 years ago
|
<template>
|
||
|
|
<a-card :bordered="false">
|
||
|
|
<!-- 查询区域 -->
|
||
|
|
<div class="table-page-search-wrapper">
|
||
|
|
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
||
|
|
<a-row :gutter="24">
|
||
|
|
<a-col :xl="6" :lg="7" :md="8" :sm="24">
|
||
|
|
<a-form-item label="消息">
|
||
|
|
<a-input placeholder="请输入消息" v-model="queryParam.message"></a-input>
|
||
|
|
</a-form-item>
|
||
|
|
</a-col>
|
||
|
|
<a-col :xl="6" :lg="7" :md="8" :sm="24">
|
||
|
|
<a-form-item label="是否已播报">
|
||
|
|
<j-dict-select-tag type="list" v-model="queryParam.status" dictCode="sfjj"
|
||
|
|
placeholder="请选择状态"/>
|
||
|
|
</a-form-item>
|
||
|
|
</a-col>
|
||
|
|
<a-col :xl="6" :lg="7" :md="8" :sm="24">
|
||
|
|
<a-form-item label="工单ID">
|
||
|
|
<a-input placeholder="请输入工单ID" v-model="queryParam.workorderId"></a-input>
|
||
|
|
</a-form-item>
|
||
|
|
</a-col>
|
||
|
|
<a-col :xl="6" :lg="7" :md="8" :sm="24">
|
||
|
|
<a-form-item label="订单商品ID">
|
||
|
|
<a-input placeholder="请输入订单商品ID" v-model="queryParam.ordergoodsId"></a-input>
|
||
|
|
</a-form-item>
|
||
|
|
</a-col>
|
||
|
|
<a-col :xl="6" :lg="7" :md="8" :sm="24">
|
||
|
|
<a-form-item label="生产计划工序ID">
|
||
|
|
<a-input placeholder="请输入生产计划工序ID" v-model="queryParam.zyplanprocessId"></a-input>
|
||
|
|
</a-form-item>
|
||
|
|
</a-col>
|
||
|
|
<a-col :xl="6" :lg="7" :md="8" :sm="24">
|
||
|
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
||
|
|
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
|
||
|
|
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
|
||
|
|
<!-- <a @click="handleToggleSearch" style="margin-left: 8px">-->
|
||
|
|
<!-- {{ toggleSearchStatus ? '收起' : '展开' }}-->
|
||
|
|
<!-- <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>-->
|
||
|
|
<!-- </a>-->
|
||
|
|
</span>
|
||
|
|
</a-col>
|
||
|
|
</a-row>
|
||
|
|
</a-form>
|
||
|
|
</div>
|
||
|
|
<!-- 查询区域-END -->
|
||
|
|
|
||
|
|
<!-- 操作按钮区域 -->
|
||
|
|
<div class="table-operator">
|
||
|
|
<!-- <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>-->
|
||
|
|
<a-button type="primary" icon="download" @click="handleExportXls('生产消息播报')">导出</a-button>
|
||
|
|
<!-- <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">-->
|
||
|
|
<!-- <a-button type="primary" icon="import">导入</a-button>-->
|
||
|
|
<!-- </a-upload>-->
|
||
|
|
<!-- 高级查询区域 -->
|
||
|
|
<!-- <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>-->
|
||
|
|
<!-- <a-dropdown v-if="selectedRowKeys.length > 0">-->
|
||
|
|
<!-- <a-menu slot="overlay">-->
|
||
|
|
<!-- <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>-->
|
||
|
|
<!-- </a-menu>-->
|
||
|
|
<!-- <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>-->
|
||
|
|
<!-- </a-dropdown>-->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- table区域-begin -->
|
||
|
|
<div>
|
||
|
|
<div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
|
||
|
|
<i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a
|
||
|
|
style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
|
||
|
|
<a style="margin-left: 24px" @click="onClearSelected">清空</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a-table
|
||
|
|
ref="table"
|
||
|
|
size="middle"
|
||
|
|
:scroll="{x:true}"
|
||
|
|
bordered
|
||
|
|
rowKey="id"
|
||
|
|
:columns="columns"
|
||
|
|
:dataSource="dataSource"
|
||
|
|
:pagination="ipagination"
|
||
|
|
:loading="loading"
|
||
|
|
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
|
||
|
|
class="j-table-force-nowrap"
|
||
|
|
@change="handleTableChange">
|
||
|
|
<span slot="action" slot-scope="text, record">
|
||
|
|
<!-- <a @click="handleEdit(record)">编辑</a>-->
|
||
|
|
|
||
|
|
<!-- <a-divider type="vertical" />-->
|
||
|
|
<!-- <a-dropdown>-->
|
||
|
|
<!-- <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>-->
|
||
|
|
<!-- <a-menu slot="overlay">-->
|
||
|
|
<!-- <a-menu-item>-->
|
||
|
|
<!-- <a @click="handleDetail(record)">详情</a>-->
|
||
|
|
<!-- </a-menu-item>-->
|
||
|
|
<!-- <a-menu-item>-->
|
||
|
|
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
|
||
|
|
<a>删除</a>
|
||
|
|
</a-popconfirm>
|
||
|
|
<!-- </a-menu-item>-->
|
||
|
|
<!-- </a-menu>-->
|
||
|
|
<!-- </a-dropdown>-->
|
||
|
|
</span>
|
||
|
|
|
||
|
|
</a-table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<zy-speech-message-modal ref="modalForm" @ok="modalFormOk"></zy-speech-message-modal>
|
||
|
|
</a-card>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
import '@/assets/less/TableExpand.less'
|
||
|
|
import {mixinDevice} from '@/utils/mixin'
|
||
|
|
import {JeecgListMixin} from '@/mixins/JeecgListMixin'
|
||
|
|
import ZySpeechMessageModal from './modules/ZySpeechMessageModal'
|
||
|
|
import Speech from 'speak-tts'
|
||
|
|
import {getAction} from "@api/manage";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'ZySpeechMessageList',
|
||
|
|
mixins: [JeecgListMixin, mixinDevice],
|
||
|
|
components: {
|
||
|
|
ZySpeechMessageModal
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
description: '消息播报管理页面',
|
||
|
|
// 表头
|
||
|
|
columns: [
|
||
|
|
{
|
||
|
|
title: '#',
|
||
|
|
dataIndex: '',
|
||
|
|
key: 'rowIndex',
|
||
|
|
width: 60,
|
||
|
|
align: "center",
|
||
|
|
customRender: function (t, r, index) {
|
||
|
|
return parseInt(index) + 1;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '消息',
|
||
|
|
align: "center",
|
||
|
|
dataIndex: 'message'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '播报状态',
|
||
|
|
align: "center",
|
||
|
|
dataIndex: 'status_dictText'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '工单ID',
|
||
|
|
align: "center",
|
||
|
|
dataIndex: 'workorderId'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '订单商品ID',
|
||
|
|
align: "center",
|
||
|
|
dataIndex: 'ordergoodsId'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '生产计划工序ID',
|
||
|
|
align: "center",
|
||
|
|
dataIndex: 'zyplanprocessId'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '操作',
|
||
|
|
dataIndex: 'action',
|
||
|
|
align: "center",
|
||
|
|
fixed: "right",
|
||
|
|
width: 147,
|
||
|
|
scopedSlots: {customRender: 'action'}
|
||
|
|
}
|
||
|
|
],
|
||
|
|
url: {
|
||
|
|
list: "/org.jeecg.modules.message/zySpeechMessage/list",
|
||
|
|
getMessageList: "/org.jeecg.modules.message/zySpeechMessage/getMessageList",
|
||
|
|
delete: "/org.jeecg.modules.message/zySpeechMessage/delete",
|
||
|
|
deleteBatch: "/org.jeecg.modules.message/zySpeechMessage/deleteBatch",
|
||
|
|
exportXlsUrl: "/org.jeecg.modules.message/zySpeechMessage/exportXls",
|
||
|
|
importExcelUrl: "org.jeecg.modules.message/zySpeechMessage/importExcel",
|
||
|
|
|
||
|
|
},
|
||
|
|
dictOptions: {},
|
||
|
|
superFieldList: [],
|
||
|
|
// 本次定时获取到到语言播报消息列表
|
||
|
|
messageList: [],
|
||
|
|
// 定时器ID
|
||
|
|
timer: null,
|
||
|
|
// 定时器周期
|
||
|
|
millisec: 30000,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
// this.getMessageList();
|
||
|
|
// this.getSuperFieldList();
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
importExcelUrl: function () {
|
||
|
|
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
|
||
|
|
},
|
||
|
|
},
|
||
|
|
// mounted() {
|
||
|
|
// this.speechInit();
|
||
|
|
// this.openTimer()
|
||
|
|
// },
|
||
|
|
methods: {
|
||
|
|
speechInit() {
|
||
|
|
this.speech = new Speech();
|
||
|
|
this.speech.setLanguage('zh-CN');
|
||
|
|
this.speech.init().then(() => {
|
||
|
|
console.log('语音播报初始化完成...')
|
||
|
|
// this.MySpeak();
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
//语音播报
|
||
|
|
MySpeak(message) {
|
||
|
|
console.log("MySpeak()接受到的消息:" + message)
|
||
|
|
this.speech.speak({text: message}).then(() => {
|
||
|
|
// alert("MySpeak()播报完成...");
|
||
|
|
console.log("MySpeak()播报完成...")
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
async getMessageList() {
|
||
|
|
let parma = {
|
||
|
|
"status": '0',
|
||
|
|
}
|
||
|
|
let messageIds = [];
|
||
|
|
getAction(this.url.list, parma).then((res) => {
|
||
|
|
if (res.success) {
|
||
|
|
console.log("文字转语音消息列表>:" + JSON.stringify(res.result));
|
||
|
|
res.result.records.forEach(obj => {
|
||
|
|
// this.MySpeak(obj['message']);
|
||
|
|
// messageIds.push(obj['id']);
|
||
|
|
this.speech.speak({text: obj['message']}).then(() => {
|
||
|
|
// alert("MySpeak()播报完成...");
|
||
|
|
console.log("MySpeak()播报完成...")
|
||
|
|
})
|
||
|
|
})
|
||
|
|
} else {
|
||
|
|
this.$message.warning(res.message)
|
||
|
|
}
|
||
|
|
}).finally(() => {
|
||
|
|
// this.loading = false
|
||
|
|
// this.loadData();
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
openTimer() {
|
||
|
|
this.closeTimer()
|
||
|
|
this.timer = setInterval(() => {
|
||
|
|
// if (this.$route.path === this.path) {
|
||
|
|
// this.loadData()
|
||
|
|
// }
|
||
|
|
this.getMessageList();
|
||
|
|
console.log("the time is running,the current time:" + new Date().toLocaleString())
|
||
|
|
}, this.millisec)
|
||
|
|
},
|
||
|
|
|
||
|
|
/** 关闭定时器 */
|
||
|
|
closeTimer() {
|
||
|
|
if (this.timer) clearInterval(this.timer)
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style scoped>
|
||
|
|
@import '~@assets/less/common.less';
|
||
|
|
</style>
|