案例提交功能

PHM-web/src/components/FileUpload/index.vue

@@ -60,7 +60,7 @@ export default {
     // 文件类型, 例如['png', 'jpg', 'jpeg']
     fileType: {
       type: Array,
-      default: () => ["doc", "xls", "ppt", "txt", "pdf"],
+      default: () => ["doc", "xls", "ppt", "txt", "pdf", "xlsx"],
     },
     // 是否显示提示
     isShowTip: {

PHM-web/src/views/manage/faultCase/index.vue

@@ -138,8 +138,11 @@
     />
 
     <!-- 添加或修改故障案例信息对话框 -->
-    <el-dialog :title="title" :visible.sync="open"  :close-on-click-modal="false" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open"  :close-on-click-modal="false" width="600px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px"  :label-position="left">
+        <el-form-item label="案例文件" prop="fileName">
+          <file-upload ref="fileUpload" v-model="form.fileName" :limit="1"></file-upload>
+        </el-form-item>
         <el-form-item label="案例名称" prop="caseName">
           <el-input v-model="form.caseName" placeholder="请输入案例案例名称" />
         </el-form-item>
@@ -169,9 +172,12 @@
 
 <script>
 import { listFaultCase, getFaultCase, delFaultCase, addFaultCase, updateFaultCase } from "@/api/manage/faultCase";
-
+import FileUpload from "@/components/FileUpload";
 export default {
   name: "FaultCase",
+  components: {
+    FileUpload
+  },
   data() {
     return {
       // 遮罩层
@@ -207,8 +213,8 @@ export default {
       form: {},
       // 表单校验
       rules: {
-        isDelete: [
-          { required: true, message: "数据是否删除不能为空", trigger: "blur" }
+        fileName: [
+          { required: true, message: "案例文件不能为空", trigger: "blur" }
         ],
       }
     };
@@ -216,6 +222,11 @@ export default {
   created() {
     this.getList();
   },
+  watch: {
+    "form.fileName": (val) => {
+      console.log(val);
+    }
+  },
   methods: {
     /** 查询故障案例信息列表 */
     getList() {
@@ -238,6 +249,7 @@ export default {
         caseName: null,
         description: null,
         caseNumber: null,
+        fileName: null,
        
         parameter: null,
         location: null,
@@ -281,6 +293,7 @@ export default {
     submitForm() {
       this.$refs["form"].validate(valid => {
         if (valid) {
+          this.form.fileName = this.$refs['fileUpload'].getFileName(this.form.fileName)
           if (this.form.id != null) {
             updateFaultCase(this.form).then(response => {
               this.$modal.msgSuccess("修改成功");