公章管理

2023-11-16 20:05:17 +08:00
parent b4dcc34dad
commit 61eec5a011
6 changed files with 362 additions and 18 deletions
@@ -0,0 +1,89 @@
+<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>