89 lines
3.3 KiB
Vue
89 lines
3.3 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<el-dialog title="公章列表" :visible="sealVisable" @close="cancel" width="800px" center :distroy-on-close="true">
|
||
|
|
<el-table :data="dataList" style="width: 100%">
|
||
|
|
<el-table-column label="序号" type="index" align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<span>{{
|
||
|
|
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||
|
|
}}</span>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="印章名称" align="center" prop="sealName"
|
||
|
|
:show-overflow-tooltip="true"></el-table-column>
|
||
|
|
<el-table-column label="印章图片" align="center" prop="annexPath">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<!-- <el-image style="width: 40px; height: 40px;"
|
||
|
|
:src="imgUrl + scope.row.annexPath"
|
||
|
|
:preview-src-list="srcList">
|
||
|
|
</el-image> -->
|
||
|
|
<span>{{ imgUrl + scope.row.annexPath }}</span>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="是否启用" align="center" prop="sealStatus">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-tag type="success" v-if="scope.row.isUse == 1">已启用</el-tag>
|
||
|
|
<el-tag type="info" v-if="scope.row.isUse == 0">未启用</el-tag>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="操作" align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-button size="mini" @click="DeptIndefiUrl(scope.row)" type="text" icon="el-icon-thumb"
|
||
|
|
v-if="scope.row.isUse == 0">启用</el-button>
|
||
|
|
<el-button size="mini" @click="DeptIndefiUrl(scope.row)" type="text" icon="el-icon-thumb"
|
||
|
|
v-if="scope.row.isUse == 1">禁用</el-button>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
</el-dialog>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import {
|
||
|
|
sealList
|
||
|
|
} from "@/api/officialSeal/officialSeal.js";
|
||
|
|
export default {
|
||
|
|
props: ["sealVisable","sealData"],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
srcList: ["https://img2.baidu.com/it/u=1814561676,2470063876&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500"],
|
||
|
|
queryParams: {
|
||
|
|
pageNum: 1,
|
||
|
|
pageSize: 10,
|
||
|
|
},
|
||
|
|
dataList: [
|
||
|
|
|
||
|
|
],
|
||
|
|
imgUrl:""
|
||
|
|
};
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
sealVisable(val) {
|
||
|
|
if (val) {
|
||
|
|
this.sealListFn({id:this.sealData.id})
|
||
|
|
// console.log(this.sealData,"LLLLLLLLLLLLLLLLL");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.UploadUrl()
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
UploadUrl() {
|
||
|
|
this.imgUrl = window.location.origin;
|
||
|
|
},
|
||
|
|
// 查询列表数据
|
||
|
|
sealListFn(data){
|
||
|
|
sealList(data).then(res=>{
|
||
|
|
this.dataList = res.rows;
|
||
|
|
})
|
||
|
|
},
|
||
|
|
cancel() {
|
||
|
|
this.$emit("cancelSeal");
|
||
|
|
},
|
||
|
|
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|