1 line
24 KiB
JSON
1 line
24 KiB
JSON
{"remainingRequest":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\project\\smart-power-ui\\src\\views\\power\\maintenance\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\power\\maintenance\\index.vue","mtime":1617244633484},{"path":"G:\\project\\smart-power-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1592876569350},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1610504274351},{"path":"G:\\project\\smart-power-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1591751774425},{"path":"G:\\project\\smart-power-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1612140853844},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1610504274351}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLnBvd2VyLW1haW50ZW5hbmNlIHsKICAuZWxkaWFsb2ctd3JhcCB7CiAgICAuZWwtZGlhbG9nX19oZWFkZXIgewogICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzc0NzM3MzsKICAgIH0KICAgIC5lbC1kaWFsb2dfX2JvZHkgewogICAgICBwYWRkaW5nOiAwcHg7CiAgICB9CiAgICAuZWwtZm9ybSB7CiAgICAgIHBhZGRpbmc6IDIwcHg7CiAgICAgIHBhZGRpbmctcmlnaHQ6IDQwcHg7CiAgICB9CiAgICAuZWwtZGlhbG9nX19mb290ZXIgewogICAgICBoZWlnaHQ6IDYwcHg7CiAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjNzQ3MzczOwogICAgICB0ZXh0LWFsaWduOiByaWdodDsKICAgICAgd2lkdGg6IDEwMCU7CiAgICAgIHBhZGRpbmc6IDBweDsKICAgICAgcGFkZGluZy10b3A6IDE1cHg7CiAgICAgIC5lbC1idXR0b24gKyAuZWwtYnV0dG9uIHsKICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7CiAgICAgIH0KICAgICAgLmVsLWJ1dHRvbiB7CiAgICAgICAgcGFkZGluZy10b3A6IDhweDsKICAgICAgfQogICAgfQogICAgLnRhYmxlLWF2YXRhciB7CiAgICAgIC5lbC1mb3JtLWl0ZW1fX2NvbnRlbnQgewogICAgICAgIG1hcmdpbi1sZWZ0OiAwcHggIWltcG9ydGFudDsKICAgICAgfQogICAgfQogIH0KICAuZGlhbG90LWRldCB7CiAgICAuZWwtZGlhbG9nX19ib2R5IHsKICAgICAgcGFkZGluZzogMDsKICAgICAgb3ZlcmZsb3c6IGF1dG87CiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAumBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/power/maintenance","sourcesContent":["<template>\n <div class=\"app-container power-maintenance\">\n <el-form\n :model=\"queryParams\"\n ref=\"queryForm\"\n :inline=\"true\"\n v-show=\"showSearch\"\n label-width=\"68px\"\n >\n <el-form-item label=\"设备名称\" prop=\"deviceName\">\n <el-input\n v-model=\"queryParams.deviceName\"\n placeholder=\"请输入设备名称\"\n clearable\n size=\"small\"\n @keyup.enter.native=\"handleQuery\"\n />\n </el-form-item>\n <el-form-item label=\"故障类型\" prop=\"faultType\">\n <el-select v-model=\"queryParams.faultType\" placeholder=\"请选择故障类型\" clearable size=\"small\">\n <el-option\n v-for=\"dict in faultTypeOptions\"\n :key=\"dict.dictValue\"\n :label=\"dict.dictLabel\"\n :value=\"dict.dictValue\"\n />\n </el-select>\n </el-form-item>\n\n <el-form-item label=\"处理时间\" prop=\"handleTime\">\n <el-date-picker\n clearable\n size=\"small\"\n style=\"width: 200px\"\n v-model=\"queryParams.handleTime\"\n type=\"date\"\n value-format=\"yyyy-MM-dd\"\n placeholder=\"选择处理时间\"\n ></el-date-picker>\n </el-form-item>\n\n <el-form-item label=\"工单状态\" prop=\"maintenanceStatus\">\n <el-select\n v-model=\"queryParams.maintenanceStatus\"\n placeholder=\"请选择工单状态\"\n clearable\n size=\"small\"\n >\n <el-option :label=\"keys\" :value=\"val\" v-for=\"(keys, val) in workStateList\" :key=\"keys\" />\n </el-select>\n </el-form-item>\n <el-form-item>\n <el-button type=\"primary\" icon=\"el-icon-search\" size=\"mini\" @click=\"handleQuery\">搜索</el-button>\n <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"resetQuery\">重置</el-button>\n </el-form-item>\n </el-form>\n\n <el-row :gutter=\"10\" class=\"mb8\">\n <!-- <el-col :span=\"1.5\">\n <el-button\n type=\"primary\"\n plain\n icon=\"el-icon-plus\"\n size=\"mini\"\n @click=\"handleAdd\"\n v-hasPermi=\"['iot:maintenance:add']\"\n >新增</el-button>\n </el-col> -->\n <el-col :span=\"1.5\">\n <el-button\n type=\"warning\"\n plain\n icon=\"el-icon-download\"\n size=\"mini\"\n @click=\"handleExport\"\n v-hasPermi=\"['iot:maintenance:export']\"\n >导出</el-button>\n </el-col>\n <right-toolbar :showSearch.sync=\"showSearch\" @queryTable=\"getList\"></right-toolbar>\n </el-row>\n\n <el-table v-loading=\"loading\" :data=\"maintenanceList\">\n <el-table-column type=\"index\" label=\"序号\" align=\"center\" :index=\"indexFormatter\" width=\"80px\"></el-table-column>\n <el-table-column label=\"设备名称\" align=\"left\" prop=\"deviceName\" />\n <el-table-column\n label=\"故障类型\"\n align=\"center\"\n width=\"150\"\n prop=\"faultType\"\n :formatter=\"statusFormat\"\n />\n <el-table-column label=\"上报人\" align=\"left\" prop=\"reporterName\" />\n <el-table-column label=\"处理人\" align=\"left\" prop=\"handlerName\" />\n <el-table-column label=\"工作内容\" align=\"left\" prop=\"maintenanceContext\" />\n <el-table-column label=\"处理时间\" align=\"center\" prop=\"handleTime\" width=\"120\">\n <template slot-scope=\"scope\">\n <span>{{ parseTime(scope.row.handleTime, '{y}-{m}-{d}') }}</span>\n </template>\n </el-table-column>\n\n <el-table-column label=\"工单状态\" align=\"center\" width=\"120\" prop=\"maintenanceStatus\">\n <template slot-scope=\"scope\">\n <span>{{ workStateList[scope.row.workOrderStatus] }}</span>\n </template>\n </el-table-column>\n <el-table-column label=\"操作\" align=\"center\" width=\"200\" class-name=\"small-padding fixed-width\">\n <template slot-scope=\"scope\">\n <!-- <el-button\n size=\"mini\"\n type=\"text\"\n icon=\"el-icon-edit\"\n @click=\"handleUpdate(scope.row)\"\n v-hasPermi=\"['iot:maintenance:edit']\"\n >修改</el-button> -->\n <el-button size=\"mini\" type=\"text\" @click=\"handleDetails(scope.row)\">工单追踪</el-button>\n <el-button\n size=\"mini\"\n type=\"text\"\n @click=\"handleDelete(scope.row)\"\n v-hasPermi=\"['iot:maintenance:remove']\"\n >删除</el-button>\n </template>\n </el-table-column>\n </el-table>\n\n <pagination\n v-show=\"total>0\"\n :total=\"total\"\n :page.sync=\"queryParams.pageNum\"\n :limit.sync=\"queryParams.pageSize\"\n @pagination=\"getList\"\n />\n\n <!-- 添加或修改工单信息对话框 -->\n <el-dialog class=\"eldialog-wrap\" :close-on-click-modal=\"false\" :title=\"title\" :visible.sync=\"open\" width=\"500px\">\n <el-form ref=\"form\" :model=\"form\" :rules=\"rules\" label-width=\"80px\">\n <el-form-item label=\"设备名称\" prop=\"deviceName\">\n <el-input v-model=\"form.deviceName\" @focus=\"openTableSelectDialog\" placeholder=\"请输入设备名称\" />\n </el-form-item>\n <el-form-item label=\"故障类型\" prop=\"faultType\">\n <el-select v-model=\"form.faultType\" style=\"width: 100%;\" placeholder=\"请选择故障类型\">\n <el-option\n v-for=\"dict in faultTypeOptions\"\n :key=\"dict.dictValue\"\n :label=\"dict.dictLabel\"\n :value=\"dict.dictValue\"\n />\n </el-select>\n </el-form-item>\n\n <el-form-item label=\"上报人\" prop=\"reporterName\">\n <el-input v-model=\"form.reporterName\" disabled placeholder=\"请输入上报人昵称\" />\n </el-form-item>\n\n <el-form-item label=\"处理人\" prop=\"handlerId\">\n <treeselect\n ref=\"treeselect\"\n @select=\"treeselect\"\n noChildrenText=\"暂无\"\n loadingText=\"加载中。。\"\n :normalizer=\"normalizer\"\n v-model=\"form.handlerId\"\n :options=\"deptOptions\"\n :disable-branch-nodes=\"true\"\n :show-count=\"true\"\n placeholder=\"请选择处理人\"\n />\n </el-form-item>\n\n <el-form-item label=\"工作内容\" prop=\"maintenanceContext\">\n <el-input v-model=\"form.maintenanceContext\" type=\"textarea\" placeholder=\"请输入内容\" />\n </el-form-item>\n </el-form>\n <div slot=\"footer\" class=\"dialog-footer\">\n <el-button size=\"mini\" type=\"primary\" @click=\"submitForm\">确 定</el-button>\n <el-button size=\"mini\" @click=\"cancel\">取 消</el-button>\n </div>\n </el-dialog>\n\n <el-dialog\n title=\"选择\"\n :visible.sync=\"selectTableShow\"\n width=\"75%\"\n top=\"10vh\"\n class=\"select-table-dialog\"\n :close-on-click-modal=\"false\"\n >\n <select-table-wrap\n v-if=\"selectTableShow\"\n :tableOption=\"tableSelectOption.tableOpt\"\n :queryOption=\"tableSelectOption.queryOpt\"\n :tableList=\"tableSelectOption.tableList\"\n @parentGetList=\"childGetList($event)\"\n :otherOption=\"tableSelectOption.otherOption\"\n @returnEvent=\"returnEvent($event)\"\n />\n\n <div slot=\"footer\" class=\"dialog-footer\">\n <el-button size=\"mini\" type=\"primary\" @click=\"resuleClick\">确 定</el-button>\n <el-button size=\"mini\" @click=\"() =>{selectTableShow = false}\">取 消</el-button>\n </div>\n </el-dialog>\n\n <el-dialog\n title=\"工单详情\"\n class=\"eldialog-wrap dialot-det\"\n top=\"5vh\"\n @close=\"dialogCloes()\"\n :visible.sync=\"openDestail\"\n width=\"800px\"\n >\n <div class=\"dialot-details\">\n <details-wrap v-if=\"openDestail\" tempType=\"workList\" :maintenanceId=\"workDetails.maintenanceId\" />\n </div>\n </el-dialog>\n </div>\n</template>\n\n<script>\nimport {\n listMaintenance,\n getMaintenance,\n delMaintenance,\n addMaintenance,\n updateMaintenance,\n exportMaintenance\n} from \"@/api/power/maintenance\";\nimport { listDevice } from \"@/api/iot/device\";\nimport { listUser } from \"@/api/system/user\";\nimport { listDept } from \"@/api/system/dept\";\nimport DetailsWrap from '../mywork/details'\nimport Treeselect from \"@riophae/vue-treeselect\";\nimport SelectTableWrap from \"@/components/SelectTable/index\";\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\n\n// 工单状态(0:上报人创建工单 1:驳回上报人工单 2:处理人确认工单 3:处理人完成工单 4:驳回处理人工单 5:领导审批通过流程结束)\nconst workStateList = {\n \"0\": \"工单已创建\",\n \"1\": \"退回工单\",\n \"2\": \"确认工单\",\n \"3\": \"处理完成\",\n \"4\": \"退回处理\",\n \"5\": \"审核通过\"\n};\n\nexport default {\n name: \"Maintenance\",\n components: {\n Treeselect,\n SelectTableWrap,\n DetailsWrap\n },\n data() {\n return {\n workStateList,\n openDestail: false,\n selectTableShow: false,\n tableSelectOption: {},\n selectResult: {},\n faultTypeOptions: [],\n workDetails: {},\n // 遮罩层\n loading: true,\n // 选中数组\n ids: [],\n // 非单个禁用\n single: true,\n // 非多个禁用\n multiple: true,\n // 显示搜索条件\n showSearch: true,\n // 总条数\n total: 0,\n // 工单信息表格数据\n maintenanceList: [],\n // 弹出层标题\n title: \"\",\n // 是否显示弹出层\n open: false,\n // 查询参数\n queryParams: {\n pageNum: 1,\n pageSize: 10,\n recordId: null,\n deviceId: null,\n deviceName: null,\n faultType: null,\n reporterId: null,\n reporterName: null,\n maintenanceContext: null,\n handlerId: null,\n handlerName: null,\n handleTime: null,\n scenePictures: null,\n feedbackInformation: null,\n advice: null,\n maintenanceStatus: null\n },\n // 表单参数\n form: {},\n // 表单校验\n rules: {},\n deptOptions: []\n };\n },\n created() {\n // 获取故障类型（字典）\n this.getDicts(\"fault_type\").then(response => {\n this.faultTypeOptions = response.data;\n });\n this.getList();\n this.getTreeselect();\n },\n methods: {\n dialogCloes() {\n this.getList();\n },\n // 查看详情\n handleDetails(row) {\n this.workDetails = row;\n this.openDestail = true;\n },\n // 打开设备选择窗口 ——表格\n openTableSelectDialog() {\n this.selectResult = {};\n this.tableSelectOption = {\n otherOption: {\n tableType: \"device\"\n },\n queryOpt: {\n disable: false,\n labelWidth: \"68px\",\n params: {\n deviceName: \"\",\n modelId: \"\",\n parentId: 0,\n deviceType: \"GATEWAY_CONTROLLER\"\n },\n page: {\n pageSize: 10,\n pageNum: 1,\n total: 0\n },\n inline: true,\n queryChilds: [\n {\n style: \"\",\n placeholder: \"设备名称\",\n clearable: true,\n label: \"设备名称\",\n type: \"input\",\n key: \"deviceName\",\n size: \"small\",\n value: \"\"\n }\n ]\n },\n tableOpt: {\n loading: false,\n rowKey: \"deviceId\",\n selection: false,\n maxHeight: \"45vh\",\n childs: [\n {\n style: \"\",\n label: \"所属型号\",\n type: \"\",\n prop: \"modelName\",\n align: \"left\",\n width: \"\",\n \"show-overflow-tooltip\": false,\n tempType: \"span\"\n },\n {\n style: \"\",\n label: \"设备名称\",\n type: \"\",\n prop: \"deviceName\",\n align: \"left\",\n width: \"\",\n \"show-overflow-tooltip\": false,\n tempType: \"span\"\n },\n {\n style: \"\",\n label: \"设备Key\",\n type: \"\",\n prop: \"deviceKey\",\n align: \"left\",\n width: \"\",\n \"show-overflow-tooltip\": false,\n tempType: \"span\"\n },\n {\n style: \"\",\n label: \"创建时间\",\n type: \"time\",\n prop: \"createTime\",\n align: \"center\",\n width: \"160\",\n \"show-overflow-tooltip\": false,\n tempType: \"span\"\n }\n ],\n tableList: {\n type: Array\n }\n },\n tableList: []\n };\n this.selectTableShow = true;\n },\n // 查询回调\n childGetList(data) {\n listDevice(Object.assign(data.page, data.param, { selected: 1 })).then(\n response => {\n this.tableSelectOption.tableList = response.rows;\n this.tableSelectOption.queryOpt.page.total = Number(response.total);\n }\n );\n },\n // 点击或者双击数据回调\n returnEvent(data) {\n if (data.type === \"dblclick\") {\n this.form.deviceId = data.value.deviceId;\n this.form.deviceName = data.value.deviceName;\n this.selectTableShow = false;\n } else if (data.type === \"click\") {\n this.selectResult = {};\n this.selectResult.deviceId = data.value.deviceId;\n this.selectResult.deviceName = data.value.deviceName;\n }\n },\n // 点击确定按钮\n resuleClick() {\n this.form.deviceId = this.selectResult.deviceId;\n this.form.deviceName = this.selectResult.deviceName;\n this.selectTableShow = false;\n },\n // 获取到用户列表 并且赋值到 部门表\n getUserList(data) {\n var userList = [];\n var _this = this;\n listUser().then(response => {\n userList = response.rows;\n if (userList) {\n userList.forEach(v => {\n if (v.deptId) {\n let deptId = v.deptId;\n v.deptId = v.userId;\n v.parentId = deptId;\n }\n });\n }\n _this.deptOptions = _this.handleTree(data.concat(userList), \"deptId\");\n });\n return userList;\n },\n /** 查询部门人员列表 */\n getTreeselect() {\n listDept({ pageNum: 1, pageSize: 99999 }).then(response => {\n this.getUserList(response.data);\n });\n },\n normalizer(node) {\n if (node.nickName) {\n delete node.children;\n }\n return {\n id: node.deptId,\n label: node.deptName ? node.deptName : node.nickName,\n children: node.children\n };\n },\n treeselect(node, instanceId) {\n this.form.handlerName = node.nickName;\n },\n indexFormatter(val) {\n return (\n val + 1 + (this.queryParams.pageNum - 1) * this.queryParams.pageSize\n );\n },\n // 字典状态字典翻译\n statusFormat(row, column) {\n return this.selectDictLabel(this.faultTypeOptions, row.faultType);\n },\n /** 查询工单信息列表 */\n getList() {\n this.loading = true;\n listMaintenance(this.queryParams).then(response => {\n this.maintenanceList = response.rows;\n this.total = response.total;\n this.loading = false;\n });\n },\n // 取消按钮\n cancel() {\n this.open = false;\n this.reset();\n },\n // 表单重置\n reset() {\n this.form = {\n maintenanceId: null,\n recordId: null,\n deviceId: null,\n deviceName: null,\n faultType: null,\n reporterId: null,\n reporterName: null,\n maintenanceContext: null,\n handlerId: null,\n handlerName: null,\n handleTime: null,\n scenePictures: null,\n feedbackInformation: null,\n advice: null,\n maintenanceStatus: \"0\",\n tenantId: null,\n createId: null,\n createTime: null,\n updateId: null,\n updateTime: null,\n remark: null\n };\n this.resetForm(\"form\");\n },\n /** 搜索按钮操作 */\n handleQuery() {\n this.queryParams.pageNum = 1;\n this.getList();\n },\n /** 重置按钮操作 */\n resetQuery() {\n this.resetForm(\"queryForm\");\n this.handleQuery();\n },\n // 多选框选中数据\n handleSelectionChange(selection) {\n this.ids = selection.map(item => item.maintenanceId);\n this.single = selection.length !== 1;\n this.multiple = !selection.length;\n },\n /** 新增按钮操作 */\n handleAdd() {\n this.reset();\n this.form.reporterName = this.$store.getters.name;\n this.open = true;\n this.title = \"添加工单信息\";\n },\n /** 修改按钮操作 */\n handleUpdate(row) {\n this.reset();\n const maintenanceId = row.maintenanceId || this.ids;\n getMaintenance(maintenanceId).then(response => {\n this.form = response.data;\n this.open = true;\n this.title = \"修改工单信息\";\n });\n },\n /** 提交按钮 */\n submitForm() {\n this.$refs[\"form\"].validate(valid => {\n if (valid) {\n if (this.form.maintenanceId != null) {\n updateMaintenance(this.form).then(response => {\n this.msgSuccess(\"修改成功\");\n this.open = false;\n this.getList();\n });\n } else {\n addMaintenance(this.form).then(response => {\n this.msgSuccess(\"新增成功\");\n this.open = false;\n this.getList();\n });\n }\n }\n });\n },\n /** 删除按钮操作 */\n handleDelete(row) {\n const maintenanceIds = row.maintenanceId || this.ids;\n this.$confirm(\"是否删除该选项?\", \"警告\", {\n confirmButtonText: \"确定\",\n cancelButtonText: \"取消\",\n type: \"warning\"\n })\n .then(function() {\n return delMaintenance(maintenanceIds);\n })\n .then(() => {\n this.getList();\n this.msgSuccess(\"删除成功\");\n });\n },\n /** 导出按钮操作 */\n handleExport() {\n const queryParams = this.queryParams;\n this.$confirm(\"是否确认导出所有工单信息数据项?\", \"警告\", {\n confirmButtonText: \"确定\",\n cancelButtonText: \"取消\",\n type: \"warning\"\n })\n .then(function() {\n return exportMaintenance(queryParams);\n })\n .then(response => {\n this.download(response.msg);\n });\n }\n }\n};\n</script>\n<style lang=\"scss\">\n.power-maintenance {\n .eldialog-wrap {\n .el-dialog__header {\n border-bottom: 1px solid #747373;\n }\n .el-dialog__body {\n padding: 0px;\n }\n .el-form {\n padding: 20px;\n padding-right: 40px;\n }\n .el-dialog__footer {\n height: 60px;\n border-top: 1px solid #747373;\n text-align: right;\n width: 100%;\n padding: 0px;\n padding-top: 15px;\n .el-button + .el-button {\n margin-right: 10px;\n }\n .el-button {\n padding-top: 8px;\n }\n }\n .table-avatar {\n .el-form-item__content {\n margin-left: 0px !important;\n }\n }\n }\n .dialot-det {\n .el-dialog__body {\n padding: 0;\n overflow: auto;\n }\n }\n}\n</style>\n"]}]} |