Skip to content

F
founder_vue
Commit 0ff87489 by 米嘉伟
Options

案件批量关注，有过滤数据再提示

parent ee168fb5
Showing with 125 additions and 78 deletions
src/views/AllPersonnelBase/qbalk.vue
<template>
<el-container class="AllPersonnelBase" direction="vertical">
<el-container
class="AllPersonnelBase"
direction="vertical"
>
<!--一-->
<!-- <div class="title">全部案件库</div> -->
<!--二-->
......@@ -18,7 +21,10 @@
v-if="reqParam.caseStoreCustomSearchReq.ysxtAsjbh.length > 0"
@click="empty"
></i>
<div class="search-icon el-icon-search" @click="search()"></div>
<div
class="search-icon el-icon-search"
@click="search()"
></div>
</div>
<div class="search-right">
<span class="create-time-text">{{$t('Common.sarehousing_time')}}:</span>&nbsp;&nbsp;
......@@ -43,7 +49,10 @@
<!-- 三 -->
<div class="options">
<div class="left">
<div class="btn" @click="batch">
<div
class="btn"
@click="batch"
>
{{ $t('Common.batch_operation') }}
</div>
<el-checkbox-group
......@@ -83,7 +92,11 @@
>
{{ $t('Common.copy_barcode') }}
</div>
<div class="btn" @click="dcFptx" v-if="roleArr.includes('F-2-3')">
<div
class="btn"
@click="dcFptx"
v-if="roleArr.includes('F-2-3')"
>
{{ $t('Common.fptx_export') }}
</div>
<div
......@@ -93,7 +106,11 @@
>
{{ $t('Common.follow') }}
</div>
<div class="btn" @click="delMore" v-if="roleArr.includes('F-2-5')">
<div
class="btn"
@click="delMore"
v-if="roleArr.includes('F-2-5')"
>
{{ $t('Common.delete_btn') }}
</div>
<div
......@@ -124,8 +141,7 @@
style="color: #055fe7; font-size: 1rem; margin: 0 0.625rem"
></i>
{{ $t('Common.selected')
}}<span style="color: #055fe7">{{ multipleSelection.length }}</span
>{{ $t('Common.sum') }}
}}<span style="color: #055fe7">{{ multipleSelection.length }}</span>{{ $t('Common.sum') }}
<!-- <span v-html="'&nbsp;&nbsp;'"></span> -->
<!-- ​服务调用总计:<span v-html="'&nbsp;&nbsp;'"></span>36.4万 -->
<el-link
......@@ -133,7 +149,7 @@
:underline="false"
style="margin-left: 1.25rem"
@click="toggleSelection()"
>{{ $t('Common.clear_up') }}
>{{ $t('Common.clear_up') }}
</el-link>
</el-tag>
<!-- 五 -->
......@@ -148,7 +164,10 @@
@row-click="isShowAjxxkBtn"
:class="{ delSelection: !selectBoo }"
>
<el-table-column type="selection" :reserve-selection="true">
<el-table-column
type="selection"
:reserve-selection="true"
>
</el-table-column>
<el-table-column
prop="ysxtAsjbh"
......@@ -198,9 +217,15 @@
:width="width4"
>
</el-table-column>
<el-table-column :label="$t('Common.option')" width="auto">
<el-table-column
:label="$t('Common.option')"
width="auto"
>
<template slot-scope="scope">
<div class="ops" @click.stop="closeSelected">
<div
class="ops"
@click.stop="closeSelected"
>
<el-tooltip
class="item"
effect="dark"
......@@ -209,7 +234,10 @@
placement="top"
:open-delay="500"
>
<div class="icon-div" @click="handleClick(scope.row)">
<div
class="icon-div"
@click="handleClick(scope.row)"
>
<!-- <img-->
<!-- src="../../assets/img/qbryk/bj.svg"-->
<!-- alt=""-->
......@@ -225,7 +253,10 @@
placement="top"
:open-delay="500"
>
<div v-if="scope.row.collectstatus == 1" class="icon-div">
<div
v-if="scope.row.collectstatus == 1"
class="icon-div"
>
<el-popconfirm
placement="top-start"
:hide-icon="true"
......@@ -242,7 +273,10 @@
</div>
</el-popconfirm>
</div>
<div v-else class="icon-div">
<div
v-else
class="icon-div"
>
<div @click="isShowGzBtn1(scope.row)">
<!-- <img-->
<!-- src="../../assets/img/qbryk/sc.svg"-->
......@@ -260,7 +294,10 @@
placement="top"
:open-delay="500"
>
<div class="icon-div" @click="isShowGgrytmBtn(scope.row)">
<div
class="icon-div"
@click="isShowGgrytmBtn(scope.row)"
>
<!-- <img-->
<!-- src="../../assets/img/qbryk/gx.svg"-->
<!-- alt=""-->
......@@ -276,7 +313,10 @@
placement="top"
:open-delay="500"
>
<div class="icon-div" @click="isShowFcxBtn1(scope.row)">
<div
class="icon-div"
@click="isShowFcxBtn1(scope.row)"
>
<!-- <img-->
<!-- src="../../assets/img/qbryk/search.svg"-->
<!-- alt=""-->
......@@ -292,7 +332,10 @@
placement="top"
:open-delay="500"
>
<div class="icon-div" @click="isShowFztmBtn(scope.row)">
<div
class="icon-div"
@click="isShowFztmBtn(scope.row)"
>
<!-- <img-->
<!-- src="../../assets/img/qbryk/bz.svg"-->
<!-- alt=""-->
......@@ -333,8 +376,7 @@
v-if="scope.row.collectstatus !== 1"
@click="clickCancle(scope.$index, scope.row)"
class="iconfont"
>&#xe609;</span
>
>&#xe609;</span>
</div>
</el-popconfirm>
......@@ -342,8 +384,7 @@
v-if="scope.row.collectstatus === 1"
@click="clickCancle(scope.$index, scope.row)"
class="iconfont"
>&#xe609;</span
>
>&#xe609;</span>
</div>
</el-tooltip>
</div>
......@@ -353,11 +394,9 @@
</div>
<!-- 六 -->
<div class="block">
<span class="record"
>{{ $t('Common.all') }}{{ reqParam.page.total }}{{ $t('Common.item')
<span class="record">{{ $t('Common.all') }}{{ reqParam.page.total }}{{ $t('Common.item')
}}{{ $t('Common.record') }} {{ $t('Common.di')
}}{{ reqParam.page.currPage }}/{{ size }}{{ $t('Common.page') }}</span
>
}}{{ reqParam.page.currPage }}/{{ size }}{{ $t('Common.page') }}</span>
<el-pagination
class="paging"
@size-change="handleSizeChange"
......@@ -417,7 +456,10 @@
>
</fcx>
<!-- 新增案件弹窗 -->
<xzaj :isShowXzaj="isShowXzaj" @closeXzaj="closeXzaj"> </xzaj>
<xzaj
:isShowXzaj="isShowXzaj"
@closeXzaj="closeXzaj"
> </xzaj>
<!-- 案件信息卡 -->
<ajxxk
:isShowAjxxk="isShowAjxxk"
......@@ -451,7 +493,7 @@ export default {
xzaj,
ajxxk,
},
created() {
created () {
let w1 = 1920
let w2 = window.innerWidth
......@@ -460,7 +502,7 @@ export default {
this.width3 = (this.width3 * w2) / w1
this.width4 = (this.width4 * w2) / w1
},
data() {
data () {
return {
width4: 150,
width3: 100,
......@@ -506,22 +548,22 @@ export default {
}
},
methods: {
disabledDate(a) {
disabledDate (a) {
if (a.getTime() > new Date().getTime()) {
return true
} else {
return false
}
},
getPopConfirmRef(index) {
getPopConfirmRef (index) {
return this.popConfirmName + index
},
canclePopConfirm() {
canclePopConfirm () {
if (this.popConfirmIndex !== -1) {
this.$refs[this.getPopConfirmRef(this.popConfirmIndex)].cancel()
}
},
clickCancle(index, item) {
clickCancle (index, item) {
this.canclePopConfirm()
this.popConfirmIndex = index
if (item && item.collectstatus === 1) {
......@@ -532,7 +574,7 @@ export default {
}
},
// 点击单条关闭批量操作
closeSelected() {
closeSelected () {
this.disabled = false
this.selectBoo = false
this.isShowTip = false
......@@ -541,12 +583,12 @@ export default {
/**
* @description: 选择时间
* @return {*}
*/
selectTime() {
*/
selectTime () {
this.search()
},
// 获取案件数据
search(page = 1) {
search (page = 1) {
this.selectBoo = false
// console.info("案件请求===>", this.reqParam);
this.reqParam.page.currPage = page
......@@ -589,16 +631,16 @@ export default {
})
},
// 保存选中的数据,row-key就是要指定一个key标识这一行的数据
getRowKeys(row) {
getRowKeys (row) {
return row.id
},
// 清空输入框
empty() {
empty () {
this.reqParam.caseStoreCustomSearchReq.ysxtAsjbh = ''
this.search()
},
// 多选删除
delMore() {
delMore () {
// 检查table选择的数据 如果没有选择则不可以删除
if (this.multipleSelection.length === 0) {
this.$message.error(this.$t('Common.select_delete_data'))
......@@ -622,7 +664,7 @@ export default {
}
},
// 单选删除
delOne(val) {
delOne (val) {
console.log('删除数据')
// 将传入的psns转为数组
let ids = []
......@@ -631,7 +673,7 @@ export default {
this.doDelete(ids.toString())
},
// 请求删除接口
doDelete(ids) {
doDelete (ids) {
this.$axios
.delete('api/casestore/casebase', { params: { ids } })
.then((response) => {
......@@ -646,11 +688,11 @@ export default {
})
},
// 案件信息卡操作
isShowAjxxkBtn(row) {
isShowAjxxkBtn (row) {
this.rowData = row
this.isShowAjxxk = true
},
closeAjxxk(val) {
closeAjxxk (val) {
//console.log("新增人员关闭", val);
// 增加毛玻璃
this.$bus.emit('isBlur', val)
......@@ -658,12 +700,12 @@ export default {
// this.search();
},
// 时间格式化
dateTimeFormat(row, colnum) {
dateTimeFormat (row, colnum) {
let prop = colnum.property
return row[prop] ? moment(row[prop]).format('YYYY-MM-DD') : ''
},
// 是否命案 格式化
sfmaPdbzFormat(row, colnum) {
sfmaPdbzFormat (row, colnum) {
let prop = colnum.property
let showProp = null
switch (row[prop]) {
......@@ -676,13 +718,13 @@ export default {
return showProp
},
//滚动平面等筛选条件
searchCheckList(val) {
searchCheckList (val) {
this.reqParam.page.caseCheckboxQuery = val
this.reqParam.page.currPage = 1 // 当前页码
this.search()
},
// 复制条码号 获取选中条码值
getysxtAsjbh() {
getysxtAsjbh () {
let self = this
this.ysxtAsjbh = []
if (this.multipleSelection.length === 0) {
......@@ -703,7 +745,7 @@ export default {
// }
},
// 导出
dcFptx() {
dcFptx () {
if (this.multipleSelection.length === 0) {
this.$message.error(this.$t('Common.select_need_export_fptx_data'))
this.selectBoo = true
......@@ -717,13 +759,13 @@ export default {
// this.$message.error("只能导出单条数据的FPTX！");
// }
},
closeDcfptx1(val) {
closeDcfptx1 (val) {
this.$bus.emit('isBlur', val)
console.log('导出FPTX关闭', val)
this.isShowDcfptx1 = val
},
// 复制成功时的回调函数
onCopy(e) {
onCopy (e) {
if (this.multipleSelection.length != 0) {
this.$message({
type: 'success',
......@@ -733,13 +775,13 @@ export default {
}
},
// 复制失败时的回调函数
onError(e) {
onError (e) {
if (this.multipleSelection.length != 0) {
this.$message.error(this.$t('Common.sorry_copy_barcode_fail'))
}
},
// 添加到队列
isShowTjddlBtn() {
isShowTjddlBtn () {
// console.log('添加到队列')
// if (this.multipleSelection.length === 0) {
// this.$message.error("请选择需要添加到队列的数据！");
......@@ -751,13 +793,13 @@ export default {
// this.isShowTjddl = true;
// }
},
closeTjddl(val) {
closeTjddl (val) {
this.$bus.emit('isBlur', val)
console.log('添加到队列关闭', val)
this.isShowTjddl = val
},
// 关注
isShowGzBtn() {
isShowGzBtn () {
// 多行
console.log('关注')
let newarr = []
......@@ -768,9 +810,14 @@ export default {
this.disabled = true
} else {
let arr = this.multipleSelection
var index = 1
for (var i = 0; i < arr.length; i++) {
if (arr[i].collectstatus == 1) {
// this.$message.error("该数据已关注")
if (index == 1) {
this.$message.info(this.$t('Common.filter_follow_data'))
index++
}
} else {
newarr.push(arr[i])
}
......@@ -783,7 +830,7 @@ export default {
}
}
},
isShowGzBtn1(val) {
isShowGzBtn1 (val) {
// 单行
console.log(val, 123)
let rowVal = []
......@@ -791,7 +838,7 @@ export default {
this.rowData = rowVal
this.isShowGz = true
},
closeGz(val) {
closeGz (val) {
this.$bus.emit('isBlur', val)
console.log('关注关闭', val)
this.isShowGz = val
......@@ -800,7 +847,7 @@ export default {
}
},
// 取消关注
qxgz(val) {
qxgz (val) {
// alert(val)
this.$axios
.delete('/api/mycase/cancel', { params: { cids: val } })
......@@ -814,12 +861,12 @@ export default {
})
},
// 更改条码操作
isShowGgrytmBtn(val) {
isShowGgrytmBtn (val) {
console.log('更改条码', val)
this.rowData = val
this.isShowGgrytm = true
},
closeGgrytm(val) {
closeGgrytm (val) {
this.$bus.emit('isBlur', val)
console.log('更改条码关闭', val)
this.isShowGgrytm = val
......@@ -828,12 +875,12 @@ export default {
}
},
//复制条码列表操作
isShowFztmBtn(val) {
isShowFztmBtn (val) {
console.log('复制条码', val)
this.rowData = val
this.isShowFztm = true
},
closeFztm(val) {
closeFztm (val) {
this.$bus.emit('isBlur', val)
console.log('closeFztm复制条码关闭', val)
this.isShowFztm = val
......@@ -842,7 +889,7 @@ export default {
}
},
//发查询操作(多行)
isShowFcxBtn() {
isShowFcxBtn () {
if (this.multipleSelection.length === 0) {
this.$message.error(this.$t('Common.select_need_fcx_data'))
this.selectBoo = true
......@@ -853,24 +900,24 @@ export default {
this.isShowFcx = true
}
},
isShowFcxBtn1(val) {
isShowFcxBtn1 (val) {
console.log('单行案件发查询数据', val)
let rowVal = []
rowVal.push(val)
this.rowData = rowVal
this.isShowFcx = true
},
closeFcx(val) {
closeFcx (val) {
this.$bus.emit('isBlur', val)
console.log('发查询关闭', val)
this.isShowFcx = val
// this.search()
},
// 新增案件操作
isShowXzajBtn() {
isShowXzajBtn () {
this.isShowXzaj = true
},
closeXzaj(val) {
closeXzaj (val) {
this.$bus.emit('isBlur', val)
console.log('新增案件关闭', val)
this.isShowXzaj = val
......@@ -883,7 +930,7 @@ export default {
* @param {*}
* @return {*}
*/
batch() {
batch () {
this.disabled = !this.disabled
this.selectBoo = !this.selectBoo
this.isShowTip = !this.isShowTip
......@@ -894,7 +941,7 @@ export default {
* @param {*} row
* @return {*}
*/
handleClick(row) {
handleClick (row) {
console.log(row)
// 清除bus
this.$bus.off('ajzwbjImage')
......@@ -916,7 +963,7 @@ export default {
* @param {*} val
* @return {*}
*/
handleSelectionChange(val) {
handleSelectionChange (val) {
this.multipleSelection = val
console.log(this.multipleSelection)
// if (this.multipleSelection.length) {
......@@ -930,7 +977,7 @@ export default {
* @param {*} pageSize 每页条数
* @return {*}
*/
handleSizeChange(pageSize) {
handleSizeChange (pageSize) {
this.reqParam.page.pageSize = pageSize
this.search()
console.log(pageSize)
......@@ -940,7 +987,7 @@ export default {
* @param {*} page 当前页
* @return {*}
*/
handleCurrentChange(page) {
handleCurrentChange (page) {
this.search(page)
console.log(page)
},
......@@ -949,7 +996,7 @@ export default {
* @param {*}
* @return {*}
*/
toggleSelection(rows) {
toggleSelection (rows) {
if (rows) {
rows.forEach((row) => {
this.$refs.multipleTable.toggleRowSelection(row)
......@@ -959,7 +1006,7 @@ export default {
}
console.log(this.multipleSelection)
},
onDblclickListener() {
onDblclickListener () {
this.reqParam = {
caseStoreCustomSearchReq: {
ysxtAsjbh: '', // 搜索条码
......@@ -977,7 +1024,7 @@ export default {
},
}
},
onClickEnterKeyup(code) {
onClickEnterKeyup (code) {
var _that = this
//事件中keycode=13为回车事件
if (code === 13) {
......@@ -985,7 +1032,7 @@ export default {
}
},
},
mounted() {
mounted () {
if (this.$route.query.type == 'mh') {
this.reqParam.caseStoreCustomSearchReq.caseCheckboxQuery.push('weichaxun')
this.search()
......@@ -1000,16 +1047,16 @@ export default {
this.$keyBoard(this, 'onClickEnterKeyup')
// this.$dblclick(this, 'onDblclickListener')
},
activated() {
activated () {
this.$keyBoard(this, 'onClickEnterKeyup')
},
computed: {
roleArr() {
roleArr () {
return this.$store.state.layout.Menu
},
},
watch: {
selectBoo(val) {
selectBoo (val) {
let _that = this
_that.disabled = val
_that.isShowTip = val
......
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