电子档案-ui修改

main
zk 1 year ago
parent ef42ba826b
commit 715886d755

@ -1,54 +1,56 @@
<template>
<div class="app-container">
<el-card>
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<!-- <el-form-item label="制单人" prop="createBy">-->
<!-- <el-input v-model="queryParams.createBy" placeholder="请输入制单人" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="业务实体id" prop="companyId">-->
<!-- <el-input v-model="queryParams.companyId" placeholder="请输入业务实体id" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="业务实体" prop="company">-->
<!-- <el-input v-model="queryParams.company" placeholder="请输入业务实体" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="用户id" prop="userId">-->
<!-- <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="所属部门id" prop="deptId">-->
<!-- <el-input v-model="queryParams.deptId" placeholder="请输入所属部门id" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="所属部门" prop="deptName">-->
<!-- <el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="支付账户" prop="account">-->
<!-- <el-input v-model="queryParams.account" placeholder="请输入支付账户" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="项目" prop="project">-->
<!-- <el-input v-model="queryParams.project" placeholder="请输入项目" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
<div class="filter-box">
<div class="filter-lf">
<!-- <el-form-item label="制单人" prop="createBy">
<el-input v-model="queryParams.createBy" placeholder="请输入制单人" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="业务实体id" prop="companyId">
<el-input v-model="queryParams.companyId" placeholder="请输入业务实体id" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="业务实体" prop="company">
<el-input v-model="queryParams.company" placeholder="请输入业务实体" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="用户id" prop="userId">
<el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="所属部门id" prop="deptId">
<el-input v-model="queryParams.deptId" placeholder="请输入所属部门id" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="所属部门" prop="deptName">
<el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="支付账户" prop="account">
<el-input v-model="queryParams.account" placeholder="请输入支付账户" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="项目" prop="project">
<el-input v-model="queryParams.project" placeholder="请输入项目" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<!-- <el-form-item label="金额" prop="price">-->
<!-- <el-input v-model="queryParams.price" placeholder="请输入金额" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="状态" prop="status">-->
<!-- <el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">-->
<!-- <el-option v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_STATUS)"-->
<!-- :key="dict.value" :label="dict.label" :value="dict.value"/>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="纸档位置" prop="position">-->
<!-- <el-input v-model="queryParams.position" placeholder="请输入纸档位置" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="完整性" prop="cherks">-->
<!-- <el-select v-model="queryParams.cherks" placeholder="请选择完整性" clearable size="small">-->
<!-- <el-option v-for="dict in this.getDictDatas(DICT_TYPE.CHERKS)"-->
<!-- :key="dict.value" :label="dict.label" :value="dict.value"/>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="归档id" prop="recordId">-->
<!-- <el-input v-model="queryParams.recordId" placeholder="请输入归档id" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<el-form-item label="金额" prop="price">
<el-input v-model="queryParams.price" placeholder="请输入金额" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="纸档位置" prop="position">
<el-input v-model="queryParams.position" placeholder="请输入纸档位置" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="完整性" prop="cherks">
<el-select v-model="queryParams.cherks" placeholder="请选择完整性" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.CHERKS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="归档id" prop="recordId">
<el-input v-model="queryParams.recordId" placeholder="请输入归档id" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>-->
<el-form-item label="交易日期" prop="tradeDate">
<el-date-picker v-model="queryParams.tradeDate" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
@ -75,28 +77,30 @@
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="归档状态" prop="fileStatus">-->
<!-- <el-select v-model="queryParams.fileStatus" placeholder="请选择归档状态" clearable size="small">-->
<!-- <el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"-->
<!-- :key="dict.value" :label="dict.label" :value="dict.value"/>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="备注" prop="remarks">-->
<!-- <el-input v-model="queryParams.remarks" placeholder="请输入备注" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="创建日期" prop="createTime">-->
<!-- <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"-->
<!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="queryParams.fileStatus" placeholder="请选择归档状态" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input v-model="queryParams.remarks" placeholder="请输入备注" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建日期" prop="createTime">
<el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
</el-form-item>
<!-- <el-form-item label="归档日期" prop="recordTime">-->
<!-- <el-date-picker v-model="queryParams.recordTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"-->
<!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />-->
<!-- </el-form-item>-->
<el-form-item label="归档日期" prop="recordTime">
<el-date-picker v-model="queryParams.recordTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
</el-form-item>-->
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
<el-button icon="el-icon-refresh" @click="resetQuery"></el-button>
</el-form-item>
</div>
</div>
</el-form>
<!-- 操作工具栏 -->
@ -115,7 +119,8 @@
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button
>删除
</el-button
>
</el-col>
<el-col :span="1.5">
@ -129,20 +134,20 @@
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
<el-table v-loading="loading" :data="list" stripe border @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center"/>
<el-table-column label="交易日期" align="center" prop="tradeDate" width="180">
<template v-slot="scope">
<span>{{ parseTime(scope.row.tradeDate) }}</span>
</template>
</el-table-column>
<!-- <el-table-column label="主键" align="center" prop="id" />-->
<!-- <el-table-column label="制单人" align="center" prop="createBy" />-->
<!-- <el-table-column label="业务实体id" align="center" prop="companyId" />-->
<!-- <el-table-column label="业务实体" align="center" prop="company" />-->
<!-- <el-table-column label="用户id" align="center" prop="userId" />-->
<!-- <el-table-column label="所属部门id" align="center" prop="deptId" />-->
<!-- <el-table-column label="所属部门" align="center" prop="deptName" />-->
<!-- <el-table-column label="主键" align="center" prop="id" />
<el-table-column label="制单人" align="center" prop="createBy" />
<el-table-column label="业务实体id" align="center" prop="companyId" />
<el-table-column label="业务实体" align="center" prop="company" />
<el-table-column label="用户id" align="center" prop="userId" />
<el-table-column label="所属部门id" align="center" prop="deptId" />
<el-table-column label="所属部门" align="center" prop="deptName" />-->
<el-table-column label="交易类型" align="center" prop="tradeType">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.TRADE_TYPE" :value="scope.row.tradeType"/>
@ -152,13 +157,13 @@
<el-table-column label="金额" align="center" prop="price"/>
<el-table-column label="收据/发票号码" align="center" prop="invoiceNumber"/>
<!-- <el-table-column label="纸档位置" align="center" prop="position" />-->
<!-- <el-table-column label="完整性" align="center" prop="cherks">-->
<!-- <template v-slot="scope">-->
<!-- <dict-tag :type="DICT_TYPE.CHERKS" :value="scope.row.cherks" />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="归档id" align="center" prop="recordId" />-->
<!--<el-table-column label="纸档位置" align="center" prop="position" />
<el-table-column label="完整性" align="center" prop="cherks">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.CHERKS" :value="scope.row.cherks" />
</template>
</el-table-column>
<el-table-column label="归档id" align="center" prop="recordId" />-->
<el-table-column label="支付方式" align="center" prop="payType">
<template v-slot="scope">
@ -172,22 +177,35 @@
<dict-tag :type="DICT_TYPE.CONTRACT_STATUS" :value="scope.row.status"/>
</template>
</el-table-column>
<!-- <el-table-column label="归档状态" align="center" prop="fileStatus">-->
<!-- <template v-slot="scope">-->
<!-- <dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus" />-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="备注" align="center" prop="remarks"/>
<!-- <el-table-column label="创建日期" align="center" prop="createTime" width="180">-->
<!-- <template v-slot="scope">-->
<!-- <span>{{ parseTime(scope.row.createTime) }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!--<el-table-column label="归档状态" align="center" prop="fileStatus">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus" />
</template>
</el-table-column>-->
<el-table-column label="备注" align="center" prop="remarks">
<!-- 文本域的数据包含html标签需要使用v-html进行展示 -->
<template v-slot="scope">
<div v-html="scope.row.remarks"></div>
</template>
</el-table-column>
<!-- <el-table-column label="创建日期" align="center" prop="createTime" width="180">
<template v-slot="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<!-- <el-table-column label="归档日期" align="center" prop="recordTime" />-->
<el-table-column label="归档日期" align="center" prop="recordTime" />-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="180px">
<template v-slot="scope">
<el-button
size="mini"
type="text"
icon="el-icon-view"
v-if="scope.row.contractAttachment"
@click="handleViewFJ(scope.row)"
>查看附件
</el-button>
<el-button
size="mini"
type="text"
@ -210,7 +228,7 @@
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</el-card>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="1000px" v-dialogDrag append-to-body>
<el-upload
@ -238,11 +256,11 @@
<el-input v-model="form.createBy" placeholder="请输入制单人"/>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="业务实体id" prop="companyId">
<el-input v-model="form.companyId" placeholder="请输入业务实体id"/>
</el-form-item>
</el-col>
</el-col>-->
<el-col :span="8">
<el-form-item label="业务实体" prop="company">
<el-select
@ -262,18 +280,6 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="用户id" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户id"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属部门id" prop="deptId">
<el-input v-model="form.deptId" placeholder="请输入所属部门id"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="部门名称" prop="deptName">
<treeselect
@ -288,6 +294,19 @@
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="用户id" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户id"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属部门id" prop="deptId">
<el-input v-model="form.deptId" placeholder="请输入所属部门id"/>
</el-form-item>
</el-col>
</el-row>-->
<el-row>
<el-col :span="8">
<el-form-item label="支付账户" prop="account">
@ -343,11 +362,11 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<!--<el-col :span="8">
<el-form-item label="归档id" prop="recordId">
<el-input v-model="form.recordId" placeholder="请输入归档id"/>
</el-form-item>
</el-col>
</el-col>-->
<el-col :span="8">
<el-form-item label="交易类型" prop="tradeType">
<el-select v-model="form.tradeType" placeholder="请选择交易类型">
@ -357,8 +376,6 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="支付方式" prop="payType">
<el-select v-model="form.payType" placeholder="请选择支付方式">
@ -368,21 +385,8 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="form.fileStatus" placeholder="请选择归档状态">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注" prop="remarks">
<el-input v-model="form.remarks" placeholder="请输入备注"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="交易日期" prop="tradeDate">
@ -398,7 +402,26 @@
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="form.fileStatus" placeholder="请选择归档状态">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="备注" prop="remarks">
<el-input v-model="form.remarks" placeholder="请输入备注"/>
</el-form-item>
</el-col>
</el-row>-->
<el-form-item label="备注">
<editor v-model="form.remarks" :min-height="192" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" v-if="optType != 'view'"> </el-button>
@ -422,17 +445,21 @@ import { getOrganizationPage, getSiteTree } from '@/api/setting/organization'
import { listSimpleDepts } from '@/api/system/dept'
import { listSimplePosts } from '@/api/system/post'
import Treeselect from '@riophae/vue-treeselect'
import Editor from "@/components/Editor"
import WxVideoPlayer from "@/views/mp/components/wx-video-play/main"
import ImagePreview from "@/components/ImagePreview"
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import FileUpload from '@/components/FileUpload'
export default {
name: 'Finance',
components: {FileUpload,Treeselect,},
components: { FileUpload, Treeselect,Editor, WxVideoPlayer ,ImagePreview},
data() {
return {
propName: {
label: "pName",
value: "pId",
multiple: false,
label: 'pName',
value: 'pId',
multiple: false
},
//
loading: true,
@ -487,7 +514,7 @@ export default {
Authorization: 'Bearer ' + getAccessToken(),
'tenant-id': getTenantId()
}, //
fileList: [], //
fileList: [], //
getFileUrl: process.env.VUE_APP_BASE_API + '/admin-api/infra/file/',
uploadDisabled: undefined,
optType: undefined,
@ -502,13 +529,13 @@ export default {
//
single: true,
//
ids: [],
ids: []
}
},
created() {
this.getList();
this.getSiteList();
this.getOrganizationList();
this.getList()
this.getSiteList()
this.getOrganizationList()
this.getTreeselect()
},
methods: {
@ -550,6 +577,7 @@ export default {
fileStatus: undefined,
remarks: undefined,
tradeDate: undefined,
contractAttachment: undefined,
recordTime: undefined
}
this.resetForm('form')
@ -559,6 +587,20 @@ export default {
this.queryParams.pageNo = 1
this.getList()
},
/**
* 文件预览
* @param fileUrl
*/
openLink(fileUrl) {
const url =
process.env.VUE_APP_ONLINE_API +
`/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`
window.open(url)
},
/** 查看附件按钮操作 */
handleViewFJ(row) {
this.openLink(row.contractAttachment)
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm('queryForm')
@ -568,6 +610,7 @@ export default {
handleAdd() {
this.reset()
this.open = true
this.fileList = []
this.optType = 'add'
this.uploadDisabled = true
this.title = '添加财务档案'
@ -622,7 +665,7 @@ export default {
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id || this.ids;
const id = row.id || this.ids
this.$modal.confirm('是否确认删除财务档案编号为"' + id + '"的数据项?').then(function() {
return deleteFinance(id)
}).then(() => {
@ -648,14 +691,14 @@ export default {
},
//
handleCompanyChange(val) {
this.form.companyId = val.id;
this.form.company = val.organizationName;
this.form.companyId = val.id
this.form.company = val.organizationName
},
//
getOrganizationList() {
getOrganizationPage().then((response) => {
this.organizationList = response.data.list;
});
this.organizationList = response.data.list
})
},
//
handleSuccess(res) {
@ -667,62 +710,66 @@ export default {
return {
id: node.id,
label: node.name,
children: node.children,
};
children: node.children
}
},
/** 查询部门下拉树结构 + 岗位下拉 */
getTreeselect() {
listSimpleDepts().then((response) => {
// deptOptions
this.deptOptions = [];
this.deptOptions.push(...this.handleTree(response.data, "id"));
});
this.deptOptions = []
this.deptOptions.push(...this.handleTree(response.data, 'id'))
})
listSimplePosts().then((response) => {
// postOptions
this.postOptions = [];
this.postOptions.push(...response.data);
});
this.postOptions = []
this.postOptions.push(...response.data)
})
},
//
handleSiteChanged(obj) {
if (obj != null) {
this.form.organizationId = obj[0];
this.form.depotId = obj[1];
this.form.cabinetId = obj[2];
this.form.organizationId = obj[0]
this.form.depotId = obj[1]
this.form.cabinetId = obj[2]
}
},
//
getSiteList() {
getSiteTree().then((response) => {
this.siteOptions = response.data;
this.siteOptions = response.data
this.siteOptions.map((w) => {
w.children.map((l) => {
let lstr = JSON.stringify(l.children)
.replace(/depotId/g, "lId")
.replace(/cabinetId/g, "pId")
.replace(/cabinetName/g, "pName");
l.children = JSON.parse(lstr);
});
.replace(/depotId/g, 'lId')
.replace(/cabinetId/g, 'pId')
.replace(/cabinetName/g, 'pName')
l.children = JSON.parse(lstr)
})
let wstr = JSON.stringify(w.children)
.replace(/organizationId/g, "wId")
.replace(/depotId/g, "pId")
.replace(/depotName/g, "pName");
w.children = JSON.parse(wstr);
});
.replace(/organizationId/g, 'wId')
.replace(/depotId/g, 'pId')
.replace(/depotName/g, 'pName')
w.children = JSON.parse(wstr)
})
let ostr = JSON.stringify(this.siteOptions)
.replace(/organizationId/g, "pId")
.replace(/organizationName/g, "pName");
this.siteOptions = JSON.parse(ostr);
.replace(/organizationId/g, 'pId')
.replace(/organizationName/g, 'pName')
this.siteOptions = JSON.parse(ostr)
// console.log(this.siteOptions);
});
})
},
//
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
this.ids = selection.map((item) => item.id)
this.single = selection.length !== 1
this.multiple = !selection.length
}
}
}
</script>
<style lang="scss" scoped>
@import "@/assets/styles/header/index.scss";
@import "@/assets/styles/common/index.scss";
</style>

Loading…
Cancel
Save