Merge branch 'master' of http://119.23.210.103:3000/wy/lh_firm_former

src/views/infosManage/externalFiles/externalFiles.vue

@@ -0,0 +1,208 @@
+<template>
+    <ibps-layout ref="layout">
+        <!-- 外部 -->
+        <div slot="west">
+            <div class="box">
+                <p class="title">文件类型</p>
+                <el-input placeholder="输入关键字进行过滤" v-model="filterText">
+                </el-input>
+                <div class="treeDiv">
+                    <el-tree ref="tree" :data="typeData" :props="defaultProps" @node-click="handleNodeClick"
+                        :filter-node-method="filterNode"></el-tree>
+                </div>
+            </div>
+            <ibps-container :margin-left="width + 'px'" class="page">
+                <el-alert v-if="!show" :closable="false" title="请选择左边菜单右键进行操作！" type="warning" show-icon
+                    style="height:50px;" />
+                <template v-else>
+                    <ibps-crud key="istree" ref="crud" :data="tableData" :toolbars="listConfig.toolbars"
+                        :search-form="listConfig.searchForm" :pk-key="pkKey" :columns="listConfig.columns"
+                        :loading="loading" @action-event="handleAction">
+                        <template slot="wenjinachayue" slot-scope="scope">
+                            <ibps-attachment :value="scope.row.zi_duan_er_" readonly allow-download :download="false" />
+                        </template>
+                    </ibps-crud>
+                </template>
+            </ibps-container>
+
+        </div>
+    </ibps-layout>
+</template>
+<script>
+import ActionUtils from '@/utils/action'
+import { getFileType, getFileByUserId } from '@/api/permission/file'
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+export default {
+    components: {
+        'ibps-attachment': IbpsAttachment
+    },
+    data() {
+        return {
+            show: '',
+            rightsArr: ['join', 'delete'],
+            rowHandle: true,
+            width: 230,
+            orgId: '',
+            oldorgId: '',
+            orgName: '',
+            loading: false,
+            typeData: [
+                { id: '0', label: '技术类' },
+                { id: '1', label: '管理类' },
+                { id: '2', label: '参考文献' },
+                { id: '3', label: '设备说明资料' },
+                { id: '4', label: '其它' }
+            ],
+            filterText: '',
+            defaultProps: {
+                children: 'children',
+                label: 'label'
+            },
+            pkKey: 'id', // 主键  如果主键不是pk需要传主键
+            loading: false,
+            tableData: [],
+            listTreeData: [],
+            listConfig: {
+                // 工具栏
+                toolbars: [
+                    { key: 'search' }
+                ],
+                // 查询条件
+                searchForm: {
+                    forms: [
+                        { prop: 'fileCode', label: '文件编号' },
+                        { prop: 'fileName', label: '文件名称' },
+                        // { prop: 'deptName', label: '部门' },
+                    ]
+                },
+                // 表格字段配置
+                columns: [
+                    // { prop: 'zi_duan_yi_', label: '部门' },
+                    { prop: 'wen_jian_bian_hao', label: '文件编号' },
+                    { prop: 'wen_jian_ming_che', label: '文件名称' },
+                    { prop: 'ban_ben_hao_', label: '版本号' },
+                    { prop: 'fa_bu_ri_qi_', label: '发布日期' },
+                    { prop: 'zi_duan_er_', label: '查阅', slotName: "wenjinachayue" }
+                ]
+            },
+            listOptions: {
+                border: true,
+                stripe: true
+            },
+            pagination: {},
+            sorts: {},
+            // testData: [{
+            //     zi_duan_yi_: '1',
+            //     wen_jian_bian_hao: '2',
+            //     wen_jian_ming_che: '3',
+            //     ban_ben_hao_: '4',
+            //     fa_bu_ri_qi_: '5',
+            //     zi_duan_er_: '880481571788816384'
+            // }]
+        }
+    },
+    mounted() {
+        // this.loadNode()
+    },
+    methods: {
+        filterNode(value, data) {
+            if (!value) return true;
+            return data.label.indexOf(value) !== -1;
+        },
+        loadNode() {
+            this.loading = true
+            // getFileType("外部文件").then(res => {
+            //     this.loading = false
+            //     for (let i in res.variables.data) {
+            //         let data = {}
+            //         data["id"] = i
+            //         data["label"] = res.variables.data[i]
+            //         this.typeData.push(data)
+            //     }
+            // }).catch(res => {
+            //     this.loading = false
+            // })
+        },
+        refreshData() {
+            this.tableData = []
+            getFileByUserId(this.getSearcFormData()).then(res => {
+                this.tableData = res.variables.data
+            }).catch(res => {
+                this.loading = false
+                this.tableData = []
+            })
+        },
+
+        handleNodeClick(data) {
+            this.show = 'detail'
+            if (this.oldorgId == data.id) {
+                return
+            } else {
+                getFileByUserId({
+                    deptName: "",
+                    fileCode: "",
+                    fileName: "",
+                    fileType: data.label,
+                    userId: this.$store.getters.userInfo.employee.id
+                }).then(res => {
+                    this.oldorgId = data.id
+                    this.tableData = res.variables.data
+                }).catch(res => {
+                    this.loading = false
+                    this.tableData = []
+                })
+            }
+        },
+
+        /**
+         * 获取格式化参数
+         */
+        getSearcFormData() {
+            const params = this.$refs['crud'] ? this.$refs['crud'].getSearcFormData() : {}
+            params['fileType'] = this.typeData[this.oldorgId].label
+            params['userId'] = this.$store.getters.userInfo.employee.id
+            return params
+        },
+        /**
+     * 处理按钮事件
+     */
+        handleAction(command, position, selection, data) {
+            switch (command) {
+                case 'search':// 查询
+                    this.refreshData()
+                    break
+                default:
+                    break
+            }
+        },
+
+    },
+    watch: {
+        filterText(val) {
+            this.$refs.tree.filter(val);
+        }
+    },
+}
+</script>
+<style lang="less" scoped>
+.box {
+    width: 210px;
+}
+
+
+.title {
+    font-size: 14px;
+    margin: 21px 5px 5px;
+    padding: 0;
+}
+
+.treeDiv {
+    height: 800px;
+    overflow-y: auto;
+}
+
+/deep/ .el-tree-node__content {
+    display: block;
+}
+</style>
+  

src/views/infosManage/internalFiles/internalFiles.vue

@@ -0,0 +1,214 @@
+<template>
+    <ibps-layout ref="layout">
+        <!-- 外部 -->
+        <div slot="west">
+            <div class="box">
+                <p class="title">文件类型</p>
+                <el-input placeholder="输入关键字进行过滤" v-model="filterText">
+                </el-input>
+                <div class="treeDiv">
+                    <el-tree ref="tree" :data="typeData" :props="defaultProps" @node-click="handleNodeClick"
+                        :filter-node-method="filterNode"></el-tree>
+                </div>
+            </div>
+            <ibps-container :margin-left="width + 'px'" class="page">
+                <el-alert v-if="!show" :closable="false" title="请选择左边菜单右键进行操作！" type="warning" show-icon
+                    style="height:50px;" />
+                <template v-else>
+                    <ibps-crud key="istree" ref="crud" :data="tableData" :toolbars="listConfig.toolbars"
+                        :search-form="listConfig.searchForm" :pk-key="pkKey" :columns="listConfig.columns"
+                        :loading="loading" @action-event="handleAction">
+                        <template slot="wenjinachayue" slot-scope="scope">
+                            <ibps-attachment :value="scope.row.zi_duan_er_" readonly allow-download :download="false" />
+                        </template>
+                    </ibps-crud>
+                </template>
+            </ibps-container>
+
+        </div>
+    </ibps-layout>
+</template>
+<script>
+import ActionUtils from '@/utils/action'
+import { getFileType, getFileByUserId } from '@/api/permission/file'
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+export default {
+    components: {
+        'ibps-attachment': IbpsAttachment
+    },
+    data() {
+        return {
+            show: '',
+            rightsArr: ['join', 'delete'],
+            rowHandle: true,
+            width: 230,
+            orgId: '',
+            oldorgId: '',
+            orgName: '',
+            loading: false,
+            typeData: [
+                { id: '0', label: '质量管理手册（QM)' },
+                { id: '1', label: '程序文件（QP)' },
+                { id: '2', label: '生物安全手册（SWAQ）[限]' },
+                { id: '3', label: '行政管理制度（ZD)[限]' },
+                { id: '4', label: '检测类(JC-SOP)[限]' },
+                { id: '5', label: '仪器设备类(YQ-SOP)[限]' },
+                { id: '6', label: '期间核查类(HC-SOP)[限]' },
+                { id: '7', label: '环境设施类（HJ-SOP）[限]' },
+                { id: '8', label: '质量或技术管理类（ZQ-SOP）[限]' },
+                { id: '9', label: '技术记录表（FQ)' },
+                { id: '10', label: '管理记录表（FQ)' }
+            ],
+            filterText: '',
+            defaultProps: {
+                children: 'children',
+                label: 'label'
+            },
+            pkKey: 'id', // 主键  如果主键不是pk需要传主键
+            loading: false,
+            tableData: [],
+            listTreeData: [],
+            listConfig: {
+                // 工具栏
+                toolbars: [
+                    { key: 'search' }
+                ],
+                // 查询条件
+                searchForm: {
+                    forms: [
+                        { prop: 'fileCode', label: '文件编号' },
+                        { prop: 'fileName', label: '文件名称' },
+                        // { prop: 'deptName', label: '部门' },
+                    ]
+                },
+                // 表格字段配置
+                columns: [
+                    // { prop: 'zi_duan_yi_', label: '部门' },
+                    { prop: 'wen_jian_bian_hao', label: '文件编号' },
+                    { prop: 'wen_jian_ming_che', label: '文件名称' },
+                    { prop: 'ban_ben_hao_', label: '版本号' },
+                    { prop: 'fa_bu_ri_qi_', label: '发布日期' },
+                    { prop: 'zi_duan_er_', label: '查阅', slotName: "wenjinachayue" }
+                ]
+            },
+            listOptions: {
+                border: true,
+                stripe: true
+            },
+            pagination: {},
+            sorts: {},
+            // testData: [{
+            //     zi_duan_yi_: '1',
+            //     wen_jian_bian_hao: '2',
+            //     wen_jian_ming_che: '3',
+            //     ban_ben_hao_: '4',
+            //     fa_bu_ri_qi_: '5',
+            //     zi_duan_er_: '880481571788816384'
+            // }]
+        }
+    },
+    mounted() {
+        // this.loadNode()
+    },
+    methods: {
+        filterNode(value, data) {
+            if (!value) return true;
+            return data.label.indexOf(value) !== -1;
+        },
+        loadNode() {
+            this.loading = true
+            // getFileType("内部文件").then(res => {
+            //     this.loading = false
+            //     for (let i in res.variables.data) {
+            //         let data = {}
+            //         data["id"] = i
+            //         data["label"] = res.variables.data[i]
+            //         this.typeData.push(data)
+            //     }
+            // }).catch(res => {
+            //     this.loading = false
+            // })
+        },
+        refreshData() {
+            this.tableData = []
+            getFileByUserId(this.getSearcFormData()).then(res => {
+                this.tableData = res.variables.data
+            }).catch(res => {
+                this.loading = false
+                this.tableData = []
+            })
+        },
+
+        handleNodeClick(data) {
+            this.show = 'detail'
+            if (this.oldorgId == data.id) {
+                return
+            } else {
+                getFileByUserId({
+                    deptName: "",
+                    fileCode: "",
+                    fileName: "",
+                    fileType: data.label,
+                    userId: this.$store.getters.userInfo.employee.id
+                }).then(res => {
+                    this.oldorgId = data.id
+                    this.tableData = res.variables.data
+                }).catch(res => {
+                    this.loading = false
+                    this.tableData = []
+                })
+            }
+        },
+
+        /**
+         * 获取格式化参数
+         */
+        getSearcFormData() {
+            const params = this.$refs['crud'] ? this.$refs['crud'].getSearcFormData() : {}
+            params['fileType'] = this.typeData[this.oldorgId].label
+            params['userId'] = this.$store.getters.userInfo.employee.id
+            return params
+        },
+        /**
+     * 处理按钮事件
+     */
+        handleAction(command, position, selection, data) {
+            switch (command) {
+                case 'search':// 查询
+                    this.refreshData()
+                    break
+                default:
+                    break
+            }
+        },
+
+    },
+    watch: {
+        filterText(val) {
+            this.$refs.tree.filter(val);
+        }
+    },
+}
+</script>
+<style lang="less" scoped>
+.box {
+    width: 230px;
+}
+
+
+.title {
+    font-size: 14px;
+    margin: 21px 5px 5px;
+    padding: 0;
+}
+
+.treeDiv {
+    height: 800px;
+    overflow-y: auto;
+}
+
+/deep/ .el-tree-node__content {
+    display: block;
+}
+</style>
+