{"version":3,"sources":["webpack:///src/views/daily/page/src/views/daily/page/inspectionPoint.vue"],"names":[],"mappings":"AACA,yBACA,iBAAA,CACA,QAAA,CACA,OAAA,CACA,WACA","file":"chunk-3327be95.85fbac31.css","sourcesContent":["<style scoped>\n.qrcode {\n    position: absolute;\n    left: 50%;\n    top: 40%;\n    z-index: 100;\n}\n</style>\n<template>\n    <div>\n        <div class=\"main-content\">\n            <div class=\"main-titel\">\n                <span>巡检点</span>\n            </div>\n            <div class=\"content\">\n                <div class=\"qrcode\" ref=\"qrCodeUrl\" v-if=\"isShow\"></div>\n                <div class=\"content-btn\">\n                    <el-button\n                        class=\"init-button\"\n                        @click=\"add()\"\n                        icon=\"el-icon-plus\"\n                        >新增巡检点</el-button\n                    >\n                </div>\n\n                <div class=\"\">\n                    <VueTable\n                        ref=\"table\"\n                        :config=\"config\"\n                        @tableCheck=\"tableCheck\"\n                    >\n                        <!-- 二维码\n                        <template slot=\"qrCode\">\n                            <el-button\n                                class=\"init-text\"\n                                type=\"text\"\n                            >\n                                <span @mouseenter=\"creatQrCode()\" @mouseleave=\"missQr()\"> 查看</span>\n                            </el-button>\n                        </template> -->\n                        <template slot=\"tabs\">\n                            <el-tabs v-model=\"activeName\">\n                                <el-tab-pane\n                                    label=\"全部\"\n                                    name=\"0\"\n                                ></el-tab-pane>\n                            </el-tabs>\n                        </template>\n\n                        <template slot=\"footer\">\n                            <div class=\"table-footer\">\n                                <button\n                                    @click=\"creatQrCode()\"\n                                    @mouseleave=\"missQr()\"\n                                >\n                                    查看二维码\n                                </button>\n                                <button @click=\"edit(table_row)\">编辑</button>\n                                <button @click=\"del(table_row)\">删除</button>\n                            </div>\n                        </template>\n                    </VueTable>\n                </div>\n                <!-- 新增 -->\n                <Drawer\n                    drawerTitle=\"新增巡检点\"\n                    @drawerClose=\"addClose\"\n                    :drawerVrisible=\"add_vrisible\"\n                >\n                    <div style=\"padding: 30px\">\n                        <FromCard>\n                            <template slot=\"title\">巡检点信息</template>\n                            <template>\n                                <VueForm ref=\"addForm\" :formObj=\"addForm\">\n                                    <!-- 检查项 -->\n                                    <template v-slot:itemsList>\n                                        <Button @click=\"addInt\">添加</Button>\n                                        <div\n                                            v-for=\"(\n                                                item, index\n                                            ) in inspectionArr\"\n                                            :key=\"index\"\n                                        >\n                                            <el-input\n                                                v-model=\"item.name\"\n                                                placeholder=\"请输入内容\"\n                                                size=\"small\"\n                                            ></el-input>\n                                        </div>\n                                    </template>\n                                </VueForm>\n                            </template>\n                        </FromCard>\n                    </div>\n                    <div slot=\"footer\">\n                        <button class=\"btn-orange\" @click=\"addSubmit()\">\n                            <span>\n                                <i class=\"el-icon-circle-check\"></i>提交</span\n                            >\n                        </button>\n                        <button class=\"btn-gray\" @click=\"addClose\">\n                            <span>取消</span>\n                        </button>\n                    </div>\n                </Drawer>\n                <!-- edit -->\n                <Drawer\n                    drawerTitle=\"修改巡检点\"\n                    @drawerClose=\"editClose\"\n                    :drawerVrisible=\"edit_vrisible\"\n                >\n                    <div style=\"padding: 30px\">\n                        <FromCard>\n                            <template slot=\"title\">巡检点信息</template>\n                            <template>\n                                <VueForm ref=\"editForm\" :formObj=\"editForm\">\n                                    <!-- 检查项 -->\n                                    <template v-slot:itemsList>\n                                        <Button @click=\"addInt\">添加</Button>\n                                        <div\n                                            v-for=\"(\n                                                item, index\n                                            ) in inspectionArr\"\n                                            :key=\"index\"\n                                        >\n                                            <el-input\n                                                v-model=\"item.name\"\n                                                placeholder=\"请输入内容\"\n                                                size=\"small\"\n                                            ></el-input>\n                                        </div>\n                                    </template>\n                                </VueForm>\n                            </template>\n                        </FromCard>\n                    </div>\n                    <div slot=\"footer\">\n                        <button class=\"btn-orange\" @click=\"editSubmit()\">\n                            <span>\n                                <i class=\"el-icon-circle-check\"></i>提交</span\n                            >\n                        </button>\n                        <button class=\"btn-gray\" @click=\"editClose\">\n                            <span>取消</span>\n                        </button>\n                    </div>\n                </Drawer>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { inspectionPointInsert, inspectionPointUpdate ,inspectionPointFindById} from '@/api/daily'\nimport QRCode from 'qrcodejs2'\nexport default {\n    data() {\n        return {\n            inspectionArr: [\n                {\n                    name: null\n                }\n            ],\n            isShow: false,\n            link: '',\n            add_vrisible: false,\n            edit_vrisible: false,\n            addDate: null,\n            addForm: {\n                ruleForm: {\n                    name: null,\n                    code: '',\n                    type: '1'\n                },\n                form_item: [\n                    {\n                        type: 'Input',\n                        label: '编号',\n                        width: '100%',\n                        prop: 'code',\n                        disabled: true\n                    },\n                    {\n                        type: 'Input',\n                        label: '名称',\n                        placeholder: '请输入',\n                        width: '100%',\n                        prop: 'name'\n                    },\n                    // {\n                    //     type: 'Input',\n                    //     label: '巡检模式',\n                    //     disabled: true,\n                    //     width: '100%',\n                    //     prop: 'type'\n                    // },\n                    {\n                        type: 'Slot',\n                        label: '检查项',\n                        width: '50%',\n                        prop: 'itemsList',\n                        slotName: 'itemsList'\n                    }\n                ]\n            },\n            editForm: {\n                ruleForm: {\n                    name: null,\n                    code: null,\n                    type: '1'\n                },\n                form_item: [\n                    {\n                        type: 'Input',\n                        label: '编号',\n                        width: '100%',\n                        prop: 'code',\n                        disabled: true\n                    },\n                    {\n                        type: 'Input',\n                        label: '名称',\n                        placeholder: '请输入',\n                        width: '100%',\n                        prop: 'name'\n                    },\n                    // {\n                    //     type: 'Input',\n                    //     label: '巡检模式',\n                    //     disabled: true,\n                    //     width: '100%',\n                    //     prop: 'type'\n                    // },\n                    {\n                        type: 'Slot',\n                        label: '检查项',\n                        width: '50%',\n                        prop: 'itemsList',\n                        slotName: 'itemsList'\n                    }\n                ]\n            },\n            table_row: [],\n            activeName: '0',\n            config: {\n                thead: [\n                    { label: '序号', type: 'index', width: '80' },\n                    { label: '编号', prop: 'code', width: 'auto' },\n                    { label: '名称', prop: 'name', width: 'auto' },\n                    {\n                        label: '巡检模式',\n                        prop: 'type',\n                        width: 'auto',\n                        type: 'function',\n                        callback: (row, prop) => {\n                            if (row.type == 1) {\n                                return '扫码'\n                            }\n                        }\n                    },\n                    // {\n                    //     label: '二维码',\n                    //     width: 'auto',\n                    //     type: 'slot',\n                    //     slotName: 'qrCode'\n                    // },\n                    { label: '创建时间', prop: 'createDate', width: 'auto' }\n                ],\n                table_data: [],\n                url: 'inspectionPointList',\n                search_item: [\n                    {\n                        type: 'Input',\n                        label: '编号',\n                        placeholder: '请输入',\n                        prop: 'code'\n                    },\n                    {\n                        type: 'Input',\n                        label: '名称',\n                        placeholder: '请输入',\n                        prop: 'name'\n                    }\n                ],\n                data: {\n                    pageNum: 1,\n                    size: 10\n                }\n            }\n        }\n    },\n    methods: {\n        creatQrCode() {\n            if (this.table_row.length > 1) {\n                this.$message.error('只能查看一条')\n                return\n            } else {\n                // this.missQr()\n                this.isShow = !this.isShow\n                this.link = ''\n                this.link = this.table_row[0].code\n                console.log(this.link)\n                this.$nextTick(function () {\n                    setTimeout(() => {\n                        let qrcode = new QRCode(this.$refs.qrCodeUrl, {\n                            text: this.link, //this.link, // 需要转换为二维码的内容\n                            width: 200,\n                            height: 200,\n                            colorDark: '#000000',\n                            colorLight: '#ffffff',\n                            correctLevel: QRCode.CorrectLevel.H\n                        })\n                    }, 100)\n                })\n            }\n        },\n        missQr() {\n            ;(this.isShow = false), (this.link = null)\n        },\n        addInt() {\n            this.inspectionArr.push({\n                name: null\n            })\n        },\n        add() {\n            this.add_vrisible = true\n            let random = Math.floor(Math.random() * 100000000)\n            this.addForm.ruleForm.code = random\n        },\n        addClose() {\n            this.$refs.addForm.reset()\n            this.add_vrisible = false\n            this.inspectionArr = [{ name: null }]\n        },\n        addSubmit() {\n            let resData = {\n                ...this.addForm.ruleForm,\n                type: this.addForm.ruleForm.type,\n                itemsList: this.inspectionArr\n            }\n            inspectionPointInsert(resData).then((res) => {\n                if (res.status) {\n                    this.$message({\n                        message: res.message,\n                        type: 'success'\n                    })\n                    this.$refs.table.loadData()\n                    this.addClose()\n                }\n            })\n        },\n        edit(data) {\n            if (data.length != 1) {\n                this.$message({\n                    message: '只能编辑一条数据',\n                    type: 'error'\n                })\n            } else {\n                this.edit_vrisible = true\n                console.log(data[0].id)\n                this.editForm.ruleForm.id = data[0].id\n                inspectionPointFindById({ id: data[0].id }).then((res) => {\n                    console.log(res.data)\n                    this.editForm.ruleForm.code = res.data.code\n                    this.editForm.ruleForm.name = res.data.name\n                    this.inspectionArr = res.data.checkItemsList\n                })\n            }\n        },\n        editClose() {\n            this.$refs.editForm.reset()\n            this.edit_vrisible = false\n            this.inspectionArr = [{ name: null }]\n        },\n        editSubmit() {\n            let resData = {\n                code:this.editForm.ruleForm.code,\n                name:this.editForm.ruleForm.name,\n                id: this.editForm.ruleForm.id,\n                itemsList: this.inspectionArr\n            }\n            inspectionPointUpdate(resData).then((res) => {\n                if (res.status) {\n                    this.$message({\n                        message: res.message,\n                        type: 'success'\n                    })\n                    this.$refs.table.loadData()\n                    this.editClose()\n                }\n            })\n        },\n        dateTimeChange(arr) {\n            this.addForm.ruleForm.openStartDate = arr[0]\n            this.addForm.ruleForm.openEndDate = arr[1]\n        },\n\n        // 表格选中\n        tableCheck(data) {\n            this.table_row = data\n        },\n        // 删除\n        del(data) {\n            if (data.length) {\n                let arr = []\n                for (let i = 0; i < this.table_row.length; i++) {\n                    arr.push(this.table_row[i].id)\n                }\n                this.$confirm('是否确认删除？删除不可恢复', '删除', {\n                    confirmButtonText: '确定',\n                    cancelButtonText: '取消',\n                    confirmButtonClass: 'confirmButton',\n                    cancelButtonClass: 'cancelButton'\n                })\n                    .then(() => {\n                        this.$refs.table.tableDelete(arr)\n                    })\n                    .catch((action) => {})\n            } else {\n                this.$message.error('请选中需要删除的数据')\n            }\n        }\n    }\n}\n</script>\n"]}