parent
d503e02182
commit
f5366810a7
@ -0,0 +1,221 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 查询配置 -->
|
||||||
|
<div>
|
||||||
|
<div ref="lxHeader">
|
||||||
|
<LxHeader
|
||||||
|
:icon="$route.meta.icon"
|
||||||
|
:text="$route.meta.title"
|
||||||
|
style="margin-bottom: 10px; border: 0px; margin-top: 15px"
|
||||||
|
>
|
||||||
|
<div slot="content"></div>
|
||||||
|
<slot>
|
||||||
|
<header-content :auths="auths_auth_mixin">
|
||||||
|
<template #search>
|
||||||
|
<div style="display: flex;">
|
||||||
|
<Input v-model="select.keyword" placeholder="请输入关键词" clearable/>
|
||||||
|
<Button
|
||||||
|
style="margin-left: 10px;"
|
||||||
|
type="primary"
|
||||||
|
@click="$refs['xyTable'].getTableData()"
|
||||||
|
>查询</Button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</header-content>
|
||||||
|
</slot>
|
||||||
|
</LxHeader>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<xy-table
|
||||||
|
:btn-width="300"
|
||||||
|
:auths="auths_auth_mixin"
|
||||||
|
:delay-req="true"
|
||||||
|
res-prop="list.data"
|
||||||
|
total-prop="list.total"
|
||||||
|
ref="xyTable"
|
||||||
|
:border="true"
|
||||||
|
:action="getFiles"
|
||||||
|
:req-opt="select"
|
||||||
|
:table-item="table"
|
||||||
|
@detail="
|
||||||
|
(row) => {
|
||||||
|
$router.push({
|
||||||
|
path: $route.path + '/detail/' + row.id
|
||||||
|
})
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
</xy-table>
|
||||||
|
|
||||||
|
<Modal
|
||||||
|
:width="76"
|
||||||
|
transfer
|
||||||
|
:z-index="6000"
|
||||||
|
v-model="showModal"
|
||||||
|
:footer-hide="true"
|
||||||
|
title="预览"
|
||||||
|
>
|
||||||
|
<template>
|
||||||
|
<iframe
|
||||||
|
style="width: 100%; height: 57vh"
|
||||||
|
:src="codeUri"
|
||||||
|
border="0"
|
||||||
|
></iframe>
|
||||||
|
</template>
|
||||||
|
</Modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { authMixin } from "@/mixin/authMixin";
|
||||||
|
import { getFiles } from "@/api/common"
|
||||||
|
|
||||||
|
import LxHeader from "@/components/LxHeader/index.vue";
|
||||||
|
import headerContent from "@/components/LxHeader/XyContent.vue";
|
||||||
|
import { download } from '@/utils/downloadRequest'
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
LxHeader,
|
||||||
|
headerContent,
|
||||||
|
|
||||||
|
},
|
||||||
|
mixins: [authMixin],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
codeUri: "",
|
||||||
|
showModal: false,
|
||||||
|
table: [
|
||||||
|
{
|
||||||
|
type: "index",
|
||||||
|
width: 44
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "original_name",
|
||||||
|
label: "文件名称",
|
||||||
|
align: "left",
|
||||||
|
minWidth: 200
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "asset",
|
||||||
|
label: "所属资产",
|
||||||
|
width: 180,
|
||||||
|
align: "left",
|
||||||
|
customFn: row => {
|
||||||
|
return (<span>{ row.land.name ? `[土地]${row.land.name}` : `[房产]${row.house.name}` }</span>)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "created_at",
|
||||||
|
label: "创建时间",
|
||||||
|
width: 160
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "operate",
|
||||||
|
label: "操作",
|
||||||
|
minWidth: 140,
|
||||||
|
align: "left",
|
||||||
|
fixed: "right",
|
||||||
|
customFn: row => {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<Button size="small"
|
||||||
|
type="primary"
|
||||||
|
on={{
|
||||||
|
['click']: _ => {
|
||||||
|
if (row.land.id) {
|
||||||
|
this.$router.push({
|
||||||
|
path: '/landDetail/' + row.land.id
|
||||||
|
})
|
||||||
|
} else if (row.house.id) {
|
||||||
|
this.$router.push({
|
||||||
|
path: '/houseDetail/' + row.house.id
|
||||||
|
})
|
||||||
|
} else {}
|
||||||
|
}
|
||||||
|
}}>查看资产</Button>
|
||||||
|
<Button size="small"
|
||||||
|
type="primary"
|
||||||
|
icon="md-search"
|
||||||
|
on={{
|
||||||
|
["click"]: _ => {
|
||||||
|
this.open(row.url)
|
||||||
|
}
|
||||||
|
}}>查看文件</Button>
|
||||||
|
<Button size="small"
|
||||||
|
type="primary"
|
||||||
|
icon="md-download"
|
||||||
|
on={{
|
||||||
|
["click"]: _ => {
|
||||||
|
this.down(row)
|
||||||
|
}
|
||||||
|
}}>下载文件</Button>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
select: {
|
||||||
|
keyword: ""
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getFiles,
|
||||||
|
|
||||||
|
open(url) {
|
||||||
|
this.codeUri = `${process.env.VUE_APP_PREVIEW}?url=${encodeURIComponent(
|
||||||
|
new Buffer(url).toString("base64")
|
||||||
|
)}`;
|
||||||
|
|
||||||
|
this.showModal = true;
|
||||||
|
},
|
||||||
|
|
||||||
|
down(e) {
|
||||||
|
download(e.url, "get", {}, e.original_name);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
computed: {
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.select {
|
||||||
|
&__item {
|
||||||
|
& > p {
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
& + div {
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.add-btn {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
margin-top: 10px;
|
||||||
|
& > span {
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: red;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: red;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue