sunlupeng 1 year ago
parent
commit
87b265240b
3 changed files with 72 additions and 7 deletions
  1. 1 1
      src/main.js
  2. 4 4
      src/views/activityManage/activityList.vue
  3. 67 2
      src/views/noticeManage/noticeList.vue

+ 1 - 1
src/main.js

@@ -17,7 +17,7 @@ import './permission' // permission control
 Vue.use(Element, {
   size: 'medium' // set element-ui default size
 })
-const upLoadUrl = 'http://47.103.79.143:9085/admin/storage/create';
+const upLoadUrl = 'https://xiaoyou.dgtis.com/admin/storage/create';
 Vue.prototype.upLoadUrl = upLoadUrl;
 Vue.config.productionTip = false
 

+ 4 - 4
src/views/activityManage/activityList.vue

@@ -43,7 +43,7 @@
                         @click="changeState(scope.row.actId, 1)">开启</el-button>
                     <el-button v-if="scope.row.status == 1" type="warning" size="small"
                         @click="changeState(scope.row.actId, 0)">关闭</el-button>
-                    <el-button type="danger" size="mini" @click="handleDelete(scope.row.welfareId, -1)">删除</el-button>
+                    <el-button type="danger" size="mini" @click="handleDelete(scope.row.actId, -1)">删除</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -57,7 +57,7 @@
         </div>
         <!-- 添加或修改对话框 -->
         <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="70%">
-            <el-form :rules="rules" ref="dataForm" :model="dataForm" status-icon label-position="left" label-width="100px" style='width:700px;margin-left:50px;'>
+            <el-form :rules="rules" ref="dataForm" :model="dataForm" status-icon label-position="left" label-width="100px" style='width:700px; margin-left:50px;'>
                 <el-form-item label="活动名称" prop="title">
                     <el-input v-model="dataForm.title" style="width: 350px"></el-input>
                 </el-form-item>
@@ -345,13 +345,13 @@ export default {
                 this.getList()
             })
         },
-        handleDelete(welfareId, index) {
+        handleDelete(actId, index) {
             this.$confirm('确认删除吗?', '提示', {
                 confirmButtonText: '确定',
                 cancelButtonText: '取消',
                 type: 'warning'
             }).then(() => {
-                activityState({ welfareId: welfareId, status: index }).then(response => {
+                activityState({ actId: actId, status: index }).then(response => {
                     this.$notify({
                         title: '成功',
                         message: '删除成功',

+ 67 - 2
src/views/noticeManage/noticeList.vue

@@ -60,6 +60,14 @@
                 <el-form-item label="简介">
                     <el-input v-model="dataForm.subTitle" style="width: 350px"></el-input>
                 </el-form-item>
+                <el-form-item style="width: 800px" label="通知图片">
+                    <el-upload :action="fileImgUrl" list-type="picture-card" :file-list="dataForm.images" :limit="1"
+                            :on-success="handleGallerySucess" :on-exceed="handleExceed" :before-upload="uploadBannerImg"
+                            :on-remove="handleRemove">
+                            <i class="el-icon-plus"></i>
+                    </el-upload>
+                        
+                </el-form-item>
                 <el-form-item style="width: 800px" label="内容" prop="content">
                     <tinymce v-model="dataForm.content" ref="tinymce"></tinymce>
                 </el-form-item>
@@ -100,6 +108,7 @@ export default {
     directives: { waves },
     data() {
         return {
+            fileImgUrl: this.upLoadUrl,
             list: [],
             total: 0,
             listLoading: false,
@@ -112,7 +121,9 @@ export default {
             dataForm: {
                 title: '',
                 subTitle:'',
-                content: ''
+                content: '',
+                imgUrl: '',
+                images: [],
             },
             dialogFormVisible: false,
             dialogStatus: '',
@@ -130,11 +141,51 @@ export default {
         this.getList();
     },
     methods: {
+        handleRemove(file, fileList) {
+            console.log(file, fileList);
+            let images = [];
+            for (let i in fileList) {
+                let response = fileList[i].response;
+                let url = response.data.url;
+                images.push(url);
+                this.dataForm.imgUrl = images.join(",");
+            }
+        },
+        uploadBannerImg(file) {
+            const isJPGs = file.type === "image/jpeg";
+            console.log(isJPGs);
+        },
+        handleExceed(files, fileList) {
+            this.$message.warning(
+                `当前限制选择 1 个文件,本次选择了 ${files.length} 个文件!,共选择了 ${files.length + fileList.length
+                } 个文件`
+            );
+        },
+        handleGallerySucess(res, file, fileList) {
+            this.dataForm.imgUrl = ""; // 清空画廊图片数组
+
+            let images = [];
+            for (let i in fileList) {
+                let response = fileList[i].response;
+                if (response.errno && response.errno != "0") {
+                    this.$message.error("该图片上传失败,已被移除,请重新上传!");
+                    // 上传失败移除该 file 对象
+                    fileList.splice(i, 1);
+                } else {
+                    let url = response.data.url;
+                    images.push(url);
+                }
+            }
+
+            this.dataForm.imgUrl = images.join(",");
+        },
         resetForm() {
             this.dataForm = {
                 title: '',
                 subTitle:'',
-                content: ''
+                content: '',
+                imgUrl: '',
+                images: [],
             };
         },
         handleCreate() {
@@ -170,6 +221,20 @@ export default {
         handleUpdate(row) {
             this.dataForm = Object.assign({}, row);
             let content = this.dataForm.content;
+            if (this.dataForm.imgUrl) {
+                let images = this.dataForm.imgUrl.split(",");
+                this.dataForm.images = [];
+                for (let i in images) {
+                    let url = images[i];
+                    let name = "image_" + i;
+
+                    this.dataForm.images.push({
+                        name: name,
+                        url: url,
+                        response: { error: "0", data: { url: url } },
+                    });
+                }
+            }
             this.dialogStatus = 'update'
             this.dialogFormVisible = true
             this.$nextTick(() => {