From be13f34bb5553e43f6bdb17835946f6bfd735313 Mon Sep 17 00:00:00 2001
From: lc <15038716315@163.com>
Date: Tue, 9 Apr 2024 10:52:09 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=B4=E4=BF=9D=E8=AE=B0=E5=BD=95=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/abuwx/information.js           |  44 +++
 src/components/FileUploadTp/index.vue  | 513 ++++++++++++-------------
 src/views/abuwx/wxuser/information.vue | 296 ++++++++++++++
 3 files changed, 596 insertions(+), 257 deletions(-)
 create mode 100644 src/api/abuwx/information.js
 create mode 100644 src/views/abuwx/wxuser/information.vue

diff --git a/src/api/abuwx/information.js b/src/api/abuwx/information.js
new file mode 100644
index 0000000..d5bdfdd
--- /dev/null
+++ b/src/api/abuwx/information.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询维保记录列表
+export function listInformation(query) {
+  return request({
+    url: '/abuwx/information/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询维保记录详细
+export function getInformation(id) {
+  return request({
+    url: '/abuwx/information/' + id,
+    method: 'get'
+  })
+}
+
+// 新增维保记录
+export function addInformation(data) {
+  return request({
+    url: '/abuwx/information',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改维保记录
+export function updateInformation(data) {
+  return request({
+    url: '/abuwx/information',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除维保记录
+export function delInformation(id) {
+  return request({
+    url: '/abuwx/information/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/components/FileUploadTp/index.vue b/src/components/FileUploadTp/index.vue
index 361f40e..802224d 100644
--- a/src/components/FileUploadTp/index.vue
+++ b/src/components/FileUploadTp/index.vue
@@ -1,257 +1,256 @@
-<template>
-    <div class="upload-file">
-      <el-upload
-      v-if="!disabled"
-        multiple
-        :action="uploadFileUrl"
-        :before-upload="handleBeforeUpload"
-        :file-list="fileList"
-        :limit="limit"
-        :on-error="handleUploadError"
-        :on-exceed="handleExceed"
-        :on-success="handleUploadSuccess"
-        :show-file-list="false"
-        :headers="headers"
-        class="upload-file-uploader"
-        ref="fileUpload"
-      >
-        <!-- 上传按钮 -->
-        <el-button size="mini" type="primary">上传文件</el-button>
-        
-        <!-- <el-button v-else type="success" plain icon="el-icon-top" size="mini" @click="handleExport"
-                      v-hasPermi="['system:questionnaire:export']">导入</el-button> -->
-        <!-- 上传提示 -->
-  <!--      <div class="el-upload__tip" slot="tip" v-if="showTip">-->
-  <!--        请上传-->
-  <!--        <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>-->
-  <!--        <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>-->
-  <!--        的文件-->
-  <!--      </div>-->
-      </el-upload>
-  
-      <el-button v-if="disabled" size="mini" type="primary" @click.stop="handlePreview(fileList[0])" >预览</el-button>
-      <el-button v-if="disabled" size="mini" type="primary" @click.stop="handleDownLoad(fileList[0])" >下载</el-button>
-      <!-- 文件列表 -->
-      <transition-group v-if="fileShow" class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
-        <li :key="file.url" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList">
-          <el-link :href="`${file.url}`" :underline="false" target="_blank">
-            <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
-          </el-link>
-          <div class="ele-upload-list__item-content-action">
-            <el-link v-if="!disabled" :underline="false" @click="handleDelete(index)" type="danger">删除</el-link>
-            <!-- <el-link v-else :underline="false" @click="handlePreview(file)" type="primary">预览</el-link> -->
-          </div>
-        </li>
-      </transition-group>
-    </div>
-  </template>
-  
-  <script>
-  import { getToken } from "@/utils/auth";
-  import { Base64 } from "js-base64";
-  export default {
-    name: "FileUpload",
-    props: {
-      // 值
-      value: [String, Object, Array],
-      // 数量限制
-      limit: {
-        type: Number,
-        default: 5,
-      },
-      fileShow:{
-        type: Boolean,
-        default: false
-      },
-      // 大小限制(MB)
-      fileSize: {
-        type: Number,
-        default: 5,
-      },
-      // 文件类型, 例如['png', 'jpg', 'jpeg']
-      fileType: {
-        type: Array,
-        default: () => ["doc","docx", "xls","xlsx","pptx", "ppt", "txt","jpg", "pdf","jpeg","png"],
-      },
-      // 是否显示提示
-      isShowTip: {
-        type: Boolean,
-        default: true
-      },
-      index:{
-        type:Number,
-        default:0
-      },
-      fileList:{
-        type: Array,
-        default: ()=>[]
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      // 是否显示提示
-      detailArea: {
-        type: Boolean,
-        default: true
-      },
-    },
-    data() {
-      return {
-        number: 0,
-        uploadList: [],
-        baseUrl: process.env.VUE_APP_BASE_API,
-        uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传文件服务器地址
-        headers: {
-          Authorization: "Bearer " + getToken(),
-        },
-        // fileList: [],
-      };
-    },
-    watch: {
-      value: {
-        handler(val) {
-          if (val) {
-            let temp = 1;
-            // 首先将值转为数组
-            const list = Array.isArray(val) ? val : this.value.split(',');
-            // 然后将数组转为对象数组
-            this.fileList = list.map(item => {
-              if (typeof item === "string") {
-                item = { name: item, url: item };
-              }
-              item.uid = item.uid || new Date().getTime() + temp++;
-              return item;
-            });
-          } else {
-            this.fileList = [];
-            return [];
-          }
-        },
-        deep: true,
-        immediate: true
-      }
-    },
-    computed: {
-      // 是否显示提示
-      showTip() {
-        return this.isShowTip && (this.fileType || this.fileSize);
-      },
-    },
-    methods: {
-      // 上传前校检格式和大小
-      handleBeforeUpload(file) {
-        // 校检文件类型
-        if (this.fileType) {
-          const fileName = file.name.split('.');
-          const fileExt = fileName[fileName.length - 1];
-          const isTypeOk = this.fileType.indexOf(fileExt) >= 0;
-          if (!isTypeOk) {
-            this.$modal.msgError(`文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`);
-            return false;
-          }
-        }
-        // 校检文件大小
-        // if (this.fileSize) {
-          // const isLt = file.size / 1024 / 1024 < this.fileSize;
-          // if (!isLt) {
-          //   this.$modal.msgError(`上传文件大小不能超过 ${this.fileSize} MB!`);
-          //   return false;
-          // }
-        // }
-        this.$modal.loading("正在上传文件，请稍候...");
-        this.number++;
-        return true;
-      },
-      // 文件个数超出
-      handleExceed() {
-        this.$modal.msgError(`上传文件数量不能超过 ${this.limit} 个!`);
-      },
-      // 上传失败
-      handleUploadError(err) {
-        this.$modal.msgError("上传文件失败，请重试");
-        this.$modal.closeLoading();
-      },
-      // 上传成功回调
-      handleUploadSuccess(res, file) {
-        if (res.code === 200) {
-          this.uploadList.push({ name: file.name, url: res.data.url});
-          this.uploadedSuccessfully();
-        } else {
-          this.number--;
-          this.$modal.closeLoading();
-          this.$modal.msgError(res.msg);
-          this.$refs.fileUpload.handleRemove(file);
-          this.uploadedSuccessfully();
-        }
-      },
-      // 删除文件
-      handleDelete(index) {
-        this.fileList.splice(index, 1);
-        this.$emit("input",this.listToString(this.fileList));
-      },
-      // 预览
-      handlePreview(file){
-        // this.$emit("preview",file.url);
-        window.open(`${process.env.VUE_APP_PREVIEW_FILE}?url=${encodeURIComponent(Base64.encodeURI(file.url),'文件预览')}`);
-      },
-      handleDownLoad(file){
-        window.open(file.url)
-      },
-      // 上传结束处理
-      uploadedSuccessfully() {
-        if (this.number > 0 && this.uploadList.length === this.number) {
-          this.fileList = this.fileList.concat(this.uploadList);
-          this.uploadList = [];
-          this.number = 0;
-          console.log(this.fileList)
-          this.$emit("input", this.listToString(this.fileList));
-          this.$emit("getAllFileData", this.fileList,this.index);
-          this.$emit('upSuccess')
-          this.$modal.closeLoading();
-        }
-      },
-      // 获取文件名称
-      getFileName(name) {
-        console.log(name)
-        // 如果是url那么取最后的名字 如果不是直接返回
-        if (name.lastIndexOf("/") > -1) {
-          return name.slice(name.lastIndexOf("/") + 1);
-        } else {
-          return name;
-        }
-      },
-      // 对象转成指定字符串分隔
-      listToString(list, separator) {
-        let strs = "";
-        separator = separator || ",";
-        for (let i in list) {
-          strs += list[i].url + separator;
-        }
-        return strs != '' ? strs.substr(0, strs.length - 1) : '';
-      }
-    }
-  };
-  </script>
-  
-  <style scoped lang="scss">
-  .upload-file-uploader {
-    margin-bottom: 5px;
-  }
-  .upload-file-list .el-upload-list__item {
-    border: 1px solid #e4e7ed;
-    line-height: 2;
-    margin-bottom: 10px;
-    position: relative;
-  }
-  .upload-file-list .ele-upload-list__item-content {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    color: inherit;
-  }
-  .ele-upload-list__item-content-action .el-link {
-    margin-right: 10px;
-  }
-  </style>
-  
\ No newline at end of file
+<template>
+    <div class="upload-file">
+      <el-upload
+      v-if="!disabled"
+        multiple
+        :action="uploadFileUrl"
+        :before-upload="handleBeforeUpload"
+        :file-list="fileList"
+        :limit="limit"
+        :on-error="handleUploadError"
+        :on-exceed="handleExceed"
+        :on-success="handleUploadSuccess"
+        :show-file-list="false"
+        :headers="headers"
+        class="upload-file-uploader"
+        ref="fileUpload"
+      >
+        <!-- 上传按钮 -->
+        <el-button size="mini" type="primary">上传文件</el-button>
+
+        <!-- <el-button v-else type="success" plain icon="el-icon-top" size="mini" @click="handleExport"
+                      v-hasPermi="['system:questionnaire:export']">导入</el-button> -->
+        <!-- 上传提示 -->
+  <!--      <div class="el-upload__tip" slot="tip" v-if="showTip">-->
+  <!--        请上传-->
+  <!--        <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>-->
+  <!--        <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>-->
+  <!--        的文件-->
+  <!--      </div>-->
+      </el-upload>
+
+      <el-button v-if="disabled" size="mini" type="primary" @click.stop="handlePreview(fileList[0])" >预览</el-button>
+      <el-button v-if="disabled" size="mini" type="primary" @click.stop="handleDownLoad(fileList[0])" >下载</el-button>
+      <!-- 文件列表 -->
+      <transition-group v-if="fileShow" class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
+        <li :key="file.url" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList">
+          <el-link :href="`${file.url}`" :underline="false" target="_blank">
+            <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
+          </el-link>
+          <div class="ele-upload-list__item-content-action">
+            <el-link v-if="!disabled" :underline="false" @click="handleDelete(index)" type="danger">删除</el-link>
+            <!-- <el-link v-else :underline="false" @click="handlePreview(file)" type="primary">预览</el-link> -->
+          </div>
+        </li>
+      </transition-group>
+    </div>
+  </template>
+
+  <script>
+  import { getToken } from "@/utils/auth";
+  import { Base64 } from "js-base64";
+  export default {
+    name: "FileUpload",
+    props: {
+      // 值
+      value: [String, Object, Array],
+      // 数量限制
+      limit: {
+        type: Number,
+        default: 5,
+      },
+      fileShow:{
+        type: Boolean,
+        default: false
+      },
+      // 大小限制(MB)
+      fileSize: {
+        type: Number,
+        default: 5,
+      },
+      // 文件类型, 例如['png', 'jpg', 'jpeg']
+      fileType: {
+        type: Array,
+        default: () => ["doc","docx", "xls","xlsx","pptx", "ppt", "txt","jpg", "pdf","jpeg","png"],
+      },
+      // 是否显示提示
+      isShowTip: {
+        type: Boolean,
+        default: true
+      },
+      index:{
+        type:Number,
+        default:0
+      },
+      fileList:{
+        type: Array,
+        default: ()=>[]
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      // 是否显示提示
+      detailArea: {
+        type: Boolean,
+        default: true
+      },
+    },
+    data() {
+      return {
+        number: 0,
+        uploadList: [],
+        baseUrl: process.env.VUE_APP_BASE_API,
+        uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传文件服务器地址
+        headers: {
+          Authorization: "Bearer " + getToken(),
+        },
+        // fileList: [],
+      };
+    },
+    watch: {
+      value: {
+        handler(val) {
+          if (val) {
+            let temp = 1;
+            // 首先将值转为数组
+            const list = Array.isArray(val) ? val : this.value.split(',');
+            // 然后将数组转为对象数组
+            this.fileList = list.map(item => {
+              if (typeof item === "string") {
+                item = { name: item, url: item };
+              }
+              item.uid = item.uid || new Date().getTime() + temp++;
+              return item;
+            });
+          } else {
+            this.fileList = [];
+            return [];
+          }
+        },
+        deep: true,
+        immediate: true
+      }
+    },
+    computed: {
+      // 是否显示提示
+      showTip() {
+        return this.isShowTip && (this.fileType || this.fileSize);
+      },
+    },
+    methods: {
+      // 上传前校检格式和大小
+      handleBeforeUpload(file) {
+        // 校检文件类型
+        if (this.fileType) {
+          const fileName = file.name.split('.');
+          const fileExt = fileName[fileName.length - 1];
+          const isTypeOk = this.fileType.indexOf(fileExt) >= 0;
+          if (!isTypeOk) {
+            this.$modal.msgError(`文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`);
+            return false;
+          }
+        }
+        // 校检文件大小
+        // if (this.fileSize) {
+          // const isLt = file.size / 1024 / 1024 < this.fileSize;
+          // if (!isLt) {
+          //   this.$modal.msgError(`上传文件大小不能超过 ${this.fileSize} MB!`);
+          //   return false;
+          // }
+        // }
+        this.$modal.loading("正在上传文件，请稍候...");
+        this.number++;
+        return true;
+      },
+      // 文件个数超出
+      handleExceed() {
+        this.$modal.msgError(`上传文件数量不能超过 ${this.limit} 个!`);
+      },
+      // 上传失败
+      handleUploadError(err) {
+        this.$modal.msgError("上传文件失败，请重试");
+        this.$modal.closeLoading();
+      },
+      // 上传成功回调
+      handleUploadSuccess(res, file) {
+        if (res.code === 200) {
+          this.uploadList.push({ name: file.name, url: res.data.url});
+          this.uploadedSuccessfully();
+        } else {
+          this.number--;
+          this.$modal.closeLoading();
+          this.$modal.msgError(res.msg);
+          this.$refs.fileUpload.handleRemove(file);
+          this.uploadedSuccessfully();
+        }
+      },
+      // 删除文件
+      handleDelete(index) {
+        this.fileList.splice(index, 1);
+        this.$emit("input",this.listToString(this.fileList));
+      },
+      // 预览
+      handlePreview(file){
+        // this.$emit("preview",file.url);
+        window.open(`${process.env.VUE_APP_PREVIEW_FILE}?url=${encodeURIComponent(Base64.encodeURI(file.url),'文件预览')}`);
+      },
+      handleDownLoad(file){
+        window.open(file.url)
+      },
+      // 上传结束处理
+      uploadedSuccessfully() {
+        if (this.number > 0 && this.uploadList.length === this.number) {
+          this.fileList = this.fileList.concat(this.uploadList);
+          this.uploadList = [];
+          this.number = 0;
+          console.log(this.fileList)
+          this.$emit("input", this.listToString(this.fileList));
+          this.$emit("getAllFileData", this.fileList,this.index);
+          this.$emit('upSuccess')
+          this.$modal.closeLoading();
+        }
+      },
+      // 获取文件名称
+      getFileName(name) {
+        console.log(name)
+        // 如果是url那么取最后的名字 如果不是直接返回
+        if (name.lastIndexOf("/") > -1) {
+          return name.slice(name.lastIndexOf("/") + 1);
+        } else {
+          return name;
+        }
+      },
+      // 对象转成指定字符串分隔
+      listToString(list, separator) {
+        let strs = "";
+        separator = separator || ",";
+        for (let i in list) {
+          strs += list[i].url + separator;
+        }
+        return strs != '' ? strs.substr(0, strs.length - 1) : '';
+      }
+    }
+  };
+  </script>
+
+  <style scoped lang="scss">
+  .upload-file-uploader {
+    margin-bottom: 5px;
+  }
+  .upload-file-list .el-upload-list__item {
+    border: 1px solid #e4e7ed;
+    line-height: 2;
+    margin-bottom: 10px;
+    position: relative;
+  }
+  .upload-file-list .ele-upload-list__item-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: inherit;
+  }
+  .ele-upload-list__item-content-action .el-link {
+    margin-right: 10px;
+  }
+  </style>
diff --git a/src/views/abuwx/wxuser/information.vue b/src/views/abuwx/wxuser/information.vue
new file mode 100644
index 0000000..f4ef41e
--- /dev/null
+++ b/src/views/abuwx/wxuser/information.vue
@@ -0,0 +1,296 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="项目管理表id" prop="projectId">
+        <el-input
+          v-model="queryParams.projectId"
+          placeholder="请输入项目管理表id"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="项目名称" prop="projectName">
+        <el-input
+          v-model="queryParams.projectName"
+          placeholder="请输入项目名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="图片" prop="imageUrl">
+        <el-input
+          v-model="queryParams.imageUrl"
+          placeholder="请输入图片"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="附件" prop="fileUrl">
+        <el-input
+          v-model="queryParams.fileUrl"
+          placeholder="请输入附件"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['abuwx:information:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['abuwx:information:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['abuwx:information:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['abuwx:information:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="informationList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="主键id" align="center" prop="id" />
+      <el-table-column label="项目管理表id" align="center" prop="projectId" />
+      <el-table-column label="项目名称" align="center" prop="projectName" />
+      <el-table-column label="图片" align="center" prop="imageUrl" />
+      <el-table-column label="附件" align="center" prop="fileUrl" />
+      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['abuwx:information:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['abuwx:information:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改维保记录对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="项目管理表id" prop="projectId">
+          <el-input v-model="form.projectId" placeholder="请输入项目管理表id" />
+        </el-form-item>
+        <el-form-item label="项目名称" prop="projectName">
+          <el-input v-model="form.projectName" placeholder="请输入项目名称" />
+        </el-form-item>
+        <el-form-item label="图片" prop="imageUrl">
+          <el-input v-model="form.imageUrl" placeholder="请输入图片" />
+        </el-form-item>
+        <el-form-item label="附件" prop="fileUrl">
+          <el-input v-model="form.fileUrl" placeholder="请输入附件" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listInformation, getInformation, delInformation, addInformation, updateInformation } from "@/api/abuwx/information";
+
+export default {
+  name: "Information",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 维保记录表格数据
+      informationList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        projectId: null,
+        projectName: null,
+        imageUrl: null,
+        fileUrl: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询维保记录列表 */
+    getList() {
+      this.loading = true;
+      listInformation(this.queryParams).then(response => {
+        this.informationList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        projectId: null,
+        projectName: null,
+        imageUrl: null,
+        fileUrl: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加维保记录";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getInformation(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改维保记录";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateInformation(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addInformation(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除维保记录编号为"' + ids + '"的数据项？').then(function() {
+        return delInformation(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('abuwx/information/export', {
+        ...this.queryParams
+      }, `information_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>