bug修改

src/api/clickManagement.js

@@ -7,3 +7,10 @@ export function listAllByUnitIdType(query) {
     params: query
   })
 }
+export function handleAddForm(data) {
+  return request({
+    url: '/cmspriceclick/importAdd',
+    method: 'post',
+    data
+  })
+}

src/views/contentManagement/clickManagement/index.vue

@@ -795,7 +795,7 @@
       </div>
     </el-dialog>
     <el-dialog :title="formTitle" :visible.sync="formOpen" width="40%" append-to-body>
-      <el-form ref="form" :model="formModel" :rules="formRules" label-width="auto">
+      <el-form ref="formModel" :model="formModel" :rules="formRules" label-width="auto">
         <el-form-item label="所属商家:" prop="unitId">
           <el-select v-model="formModel.unitId" clearable filterable placeholder="请选择所属商家" style="width: 100%">
             <el-option
@@ -807,7 +807,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="类型:" prop="type">
-          <el-select @change="handleChangeType" v-model="formModel.type" clearable filterable placeholder="请选择标题" style="width: 100%">
+          <el-select v-model="formModel.type" clearable filterable placeholder="请选择标题" style="width: 100%" @change="handleChangeType">
             <el-option
               v-for="(item,index) in typeList"
               :key="index"
@@ -816,17 +816,37 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="标题:" prop="titleId">
-          <el-select v-model="formModel.titleId" clearable filterable placeholder="请选择标题" style="width: 100%">
+        <el-form-item label="标题:" prop="newsVideoId">
+          <el-select v-model="formModel.newsVideoId" clearable filterable placeholder="请选择标题" style="width: 100%">
             <el-option
               v-for="(item,index) in titleList"
               :key="index"
-              :label="item.unitName"
-              :value="item.businessId"
+              :label="item.title"
+              :value="item.newsVideoId"
             />
           </el-select>
         </el-form-item>
+        <el-form-item label="附件:" prop="file">
+          <el-upload
+            accept=".xlsx, .xls"
+            class="avatar-uploader"
+            action="#"
+            drag
+            :show-file-list="true"
+            :file-list="files"
+            :http-request="handleUploadAddFile"
+            :on-remove="handleRemoveAddFile"
+          >
+            <i class="el-icon-upload" />
+            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+            <div slot="tip" class="el-upload__tip">只能上传 .xls和.xlsx 格式的文件！</div>
+          </el-upload>
+        </el-form-item>
       </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button class="cancelBtn" @click="addDialogCancel">取 消</el-button>
+        <el-button class="submitBtn" type="primary" @click="addDialogSubmitForm">确 定</el-button>
+      </div>
     </el-dialog>
   </div>
 </template>
@@ -856,17 +876,20 @@ import {
   cmspriceclickUpdate
 } from '@/api/contentManagement/sysContentVideoInformation'
 import { getToken } from '@/utils/auth'
-import { listAllByUnitIdType } from '@/api/clickManagement'
+import { listAllByUnitIdType, handleAddForm } from '@/api/clickManagement'
 export default {
   name: 'Index',
   data() {
     return {
       formTitle: '',
+      saveFile: {},
       formModel: {
         type: '',
         unitId: '',
-        titleId: ''
+        newsVideoId: '',
+        file: ''
       },
+      files: [],
       formOpen: false,
       queryShop: true,
       clearable: false,
@@ -952,7 +975,18 @@ export default {
       dialogVisible: false,
       // 表单验证
       formRules: {
-
+        unitId: [
+          { required: true, message: '请选择所属商家', trigger: 'change' }
+        ],
+        type: [
+          { required: true, message: '请选择类型', trigger: 'change' }
+        ],
+        newsVideoId: [
+          { required: true, message: '请选择标题', trigger: 'change' }
+        ],
+        file: [
+          { required: true, message: '请上传附件', trigger: 'change' }
+        ]
       },
       rules: {
         applicant: [
@@ -1083,6 +1117,56 @@ export default {
         this.loadData()
       }, 1000)
     },
+    /** 新增弹窗保存*/
+    addDialogSubmitForm() {
+      this.$refs['formModel'].validate(valid => {
+        if (valid) {
+          const formData = new FormData()
+          formData.append('file', this.saveFile)
+          formData.append('type', this.formModel.type)
+          formData.append('unitId', this.formModel.unitId)
+          formData.append('newsVideoId', this.formModel.newsVideoId)
+          handleAddForm(formData).then(res => {
+            this.$message({
+              message: '新增成功',
+              type: 'success'
+            })
+            this.formOpen = false
+            this.loadData()
+          })
+        }
+      })
+    },
+    /** 新增弹窗关闭*/
+    addDialogCancel() {
+      this.formOpen = false
+      this.reset()
+    },
+    /** 新增的附件上传*/
+    handleUploadAddFile(file) {
+      console.log('file', file)
+      this.formModel.file = file.file.uid
+      this.saveFile = file.file
+      this.$refs.formModel.clearValidate('file')
+    },
+    /** 新增的附件上传删除*/
+    handleRemoveAddFile() {
+      console.log('remove')
+      this.files = []
+      this.formModel.file = ''
+      this.$refs['formModel'].validateField('file')
+    },
+    // 表单重置
+    reset() {
+      this.formModel = {
+        type: '',
+        unitId: '',
+        newsVideoId: '',
+        file: ''
+      },
+      this.files = []
+      this.resetForm('formModel')
+    },
     /** 通过所属商家和类型获取标题下拉*/
     handleChangeType() {
       const params = {
@@ -1090,7 +1174,7 @@ export default {
         unitId: this.formModel.unitId
       }
       listAllByUnitIdType(params).then(res => {
-
+        this.titleList = res.data
       })
     },
     handleExport() {
@@ -1567,10 +1651,6 @@ export default {
           })
         }).catch(function() {
         })
-    },
-    // 表单重置
-    reset() {
-
     },
     /** 8.添加时判断单位和课程不能为空**/
     handleAddShift() {
@@ -1714,16 +1794,6 @@ export default {
       this.formOpen = true
       this.formTitle = '新增'
     },
-
-    /** 新增按钮操作 */
-    handleAdd1() {
-      this.reset()
-      // this.open1 = true
-      this.unitDisplay = false
-      // this.title = '开课新增'
-      this.drawerController.title = '新增开课'
-      this.drawerController.drawer = true
-    },
     // 文件上传中处理
     handleFileUploadProgress(event, file, fileList) {
       this.upload.isUploading = true