912 带附件上传 会卡顿 造成连点

911 带附件上传 会卡顿 造成连点
910 带附件上传 会卡顿 造成连点
908 带附件上传 会卡顿 造成连点
909 带附件上传 会卡顿 造成连点
liujun0703-新项目开发
liujun 2024-09-07 15:51:02 +08:00
parent 5830b13453
commit 1b46f3b192
6 changed files with 101 additions and 25 deletions

View File

@ -1,10 +1,16 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="filter-container"> <div class="filter-container">
<el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" /> <el-form inline>
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery"> <el-form-item label="标题:">
搜索 <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
</el-button> </el-form-item>
<el-form-item>
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery"></el-button>
<el-button class="filter-item" type="info" icon="el-icon-search" @click="resetting"></el-button>
</el-form-item>
</el-form>
</div> </div>
<el-table ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row> <el-table ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
@ -212,8 +218,13 @@ export default {
this.FFILE = fileList this.FFILE = fileList
}, },
upload(fun) { upload(fun) {
const loading = this.$loading({
lock: true,
text: '正在上传',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
const formData = new FormData() const formData = new FormData()
for (let i = 0; i < this.FFILE.length; i++) { for (let i = 0; i < this.FFILE.length; i++) {
if (this.FFILE[i].raw) { if (this.FFILE[i].raw) {
formData.append('FFILE', this.FFILE[i].raw) formData.append('FFILE', this.FFILE[i].raw)
@ -224,7 +235,10 @@ export default {
formData formData
).then((data) => { ).then((data) => {
fun(data.fileurl) fun(data.fileurl)
loading.close()
}).catch((e) => { }).catch((e) => {
this.$message.error(e)
loading.close()
}) })
}, },
//* ************************************************* //* *************************************************
@ -378,8 +392,11 @@ export default {
getQuery() { getQuery() {
this.$refs.multipleTable.clearSelection() this.$refs.multipleTable.clearSelection()
this.getList() this.getList()
},
resetting() {
this.KEYWORDS = ''
this.getList()
} }
} }
} }
</script> </script>

View File

@ -1,10 +1,16 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="filter-container"> <div class="filter-container">
<el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" /> <el-form inline>
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery"> <el-form-item label="名称:" prop="TYPE">
搜索 <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
</el-button> </el-form-item>
<el-form-item>
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery"></el-button>
<el-button class="filter-item" type="info" icon="el-icon-search" @click="resetting"></el-button>
</el-form-item>
</el-form>
</div> </div>
<el-table ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row> <el-table ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
@ -152,8 +158,13 @@ export default {
this.FFILE = fileList this.FFILE = fileList
}, },
upload(fun) { upload(fun) {
const loading = this.$loading({
lock: true,
text: '正在上传',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
const formData = new FormData() const formData = new FormData()
for (let i = 0; i < this.FFILE.length; i++) { for (let i = 0; i < this.FFILE.length; i++) {
if (this.FFILE[i].raw) { if (this.FFILE[i].raw) {
formData.append('FFILE', this.FFILE[i].raw) formData.append('FFILE', this.FFILE[i].raw)
@ -164,7 +175,10 @@ export default {
formData formData
).then((data) => { ).then((data) => {
fun(data.fileurl) fun(data.fileurl)
loading.close()
}).catch((e) => { }).catch((e) => {
this.$message.error(e)
loading.close()
}) })
}, },
//* ************************************************* //* *************************************************
@ -309,6 +323,10 @@ export default {
getQuery() { getQuery() {
this.$refs.multipleTable.clearSelection() this.$refs.multipleTable.clearSelection()
this.getList() this.getList()
},
resetting() {
this.KEYWORDS = ''
this.getList()
} }
} }

View File

@ -1,10 +1,15 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="filter-container"> <div class="filter-container">
<el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" /> <el-form inline>
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery"> <el-form-item label="中文名称:">
搜索 <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
</el-button> </el-form-item>
<el-form-item>
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery"></el-button>
<el-button class="filter-item" type="info" icon="el-icon-search" @click="resetting"></el-button>
</el-form-item>
</el-form>
</div> </div>
<el-table ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row> <el-table ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
@ -156,8 +161,13 @@ export default {
this.FFILE = fileList this.FFILE = fileList
}, },
upload(fun) { upload(fun) {
const loading = this.$loading({
lock: true,
text: '正在上传',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
const formData = new FormData() const formData = new FormData()
for (let i = 0; i < this.FFILE.length; i++) { for (let i = 0; i < this.FFILE.length; i++) {
if (this.FFILE[i].raw) { if (this.FFILE[i].raw) {
formData.append('FFILE', this.FFILE[i].raw) formData.append('FFILE', this.FFILE[i].raw)
@ -168,7 +178,10 @@ export default {
formData formData
).then((data) => { ).then((data) => {
fun(data.fileurl) fun(data.fileurl)
loading.close()
}).catch((e) => { }).catch((e) => {
this.$message.error(e)
loading.close()
}) })
}, },
//* ************************************************* //* *************************************************
@ -312,6 +325,10 @@ export default {
getQuery() { getQuery() {
this.$refs.multipleTable.clearSelection() this.$refs.multipleTable.clearSelection()
this.getList() this.getList()
},
resetting() {
this.KEYWORDS = ''
this.getList()
} }
} }

View File

@ -1,10 +1,16 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="filter-container"> <div class="filter-container">
<el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" /> <el-form inline>
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery"> <el-form-item label="中文名称:">
搜索 <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
</el-button> </el-form-item>
<el-form-item>
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery"></el-button>
<el-button class="filter-item" type="info" icon="el-icon-search" @click="resetting"></el-button>
</el-form-item>
</el-form>
</div> </div>
<el-table ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row> <el-table ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
@ -136,8 +142,13 @@ export default {
this.FFILE = fileList this.FFILE = fileList
}, },
upload(fun) { upload(fun) {
const loading = this.$loading({
lock: true,
text: '正在上传',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
const formData = new FormData() const formData = new FormData()
for (let i = 0; i < this.FFILE.length; i++) { for (let i = 0; i < this.FFILE.length; i++) {
if (this.FFILE[i].raw) { if (this.FFILE[i].raw) {
formData.append('FFILE', this.FFILE[i].raw) formData.append('FFILE', this.FFILE[i].raw)
@ -148,7 +159,10 @@ export default {
formData formData
).then((data) => { ).then((data) => {
fun(data.fileurl) fun(data.fileurl)
loading.close()
}).catch((e) => { }).catch((e) => {
this.$message.error(e)
loading.close()
}) })
}, },
//* ************************************************* //* *************************************************
@ -283,6 +297,10 @@ export default {
getQuery() { getQuery() {
this.$refs.multipleTable.clearSelection() this.$refs.multipleTable.clearSelection()
this.getList() this.getList()
},
resetting() {
this.KEYWORDS = ''
this.getList()
} }
} }

View File

@ -16,7 +16,10 @@
</el-aside> </el-aside>
<el-main> <el-main>
<div class="filter-btn-group"> <div class="filter-btn-group">
<div><el-button type="primary" icon="el-icon-plus" @click="handleAdd"></el-button></div> <div>
<el-button type="primary" icon="el-icon-plus" @click="handleAdd"></el-button>
<el-button type="info" icon="el-icon-search" @click="resetting"></el-button>
</div>
</div> </div>
<el-table v-loading="listLoading" ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row> <el-table v-loading="listLoading" ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
<el-table-column type="index" label="序号" width="50" align="center" /> <el-table-column type="index" label="序号" width="50" align="center" />
@ -379,7 +382,6 @@ export default {
TYPE_DIC_ID: null TYPE_DIC_ID: null
} }
}, },
handleDelete(id, name) { handleDelete(id, name) {
this.$confirm('确定要删除[' + name + ']吗?', { this.$confirm('确定要删除[' + name + ']吗?', {
confirmButtonText: '确定', confirmButtonText: '确定',
@ -402,8 +404,12 @@ export default {
}) })
}).catch(() => { }).catch(() => {
}) })
},
resetting() {
this.DICTIONARIES_ID = ''
this.filterText = ''
this.getList()
} }
} }
} }
</script> </script>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="sys_chat_container"> <div class="sys_chat_container">
<div v-for="(item, ind) in chatData" :key="ind" class="chat_body"> <div v-for="(item, ind) in chatData" :key="ind" class="chat_body" style="margin-bottom: 25px">
<p class="chat_title">{{ '指令:' + item.info.MESS }}</p> <p class="chat_title">{{ '指令:' + item.info.MESS }}</p>
<p v-for="(answer, indx) in item.list" :key="indx" :class="{ 'ready': answer.READ_STATUS === '1'}" class="chat_item"> <p v-for="(answer, indx) in item.list" :key="indx" :class="{ 'ready': answer.READ_STATUS === '1'}" class="chat_item">
<span v-if="answer.IDENT_SIGN === '1'" class="chat_item_head">{{ answer.SEND_MEN_NAME + ' :' }} </span> <span v-if="answer.IDENT_SIGN === '1'" class="chat_item_head">{{ answer.SEND_MEN_NAME + ' :' }} </span>