From ca98aec684da949dd1f7d4c1d546aecb1b9f9669 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 24 五月 2023 11:59:26 +0800
Subject: [PATCH] 宣传添加修改
---
src/views/common/Publicity.vue | 98 ++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 80 insertions(+), 18 deletions(-)
diff --git a/src/views/common/Publicity.vue b/src/views/common/Publicity.vue
index 2d73c31..e64c08f 100644
--- a/src/views/common/Publicity.vue
+++ b/src/views/common/Publicity.vue
@@ -51,6 +51,7 @@
<el-table-column label="鎿嶄綔" align="conter">
<template slot-scope="scope">
<el-button type="text" size="medium" @click="details(scope.row.id)">璇︽儏</el-button>
+ <el-button size="medium" type="text" @click="edit(scope.row.id)">淇敼</el-button>
<el-button type="text" size="medium" @click="punlish(scope.row.id, scope.row.status)"
:disabled="scope.row.status == 2">
<span v-if="scope.row.status === 1" style="color:#ff0000">涓嬫灦</span>
@@ -113,35 +114,46 @@
</el-dialog>
<!--鍏叡瀹ｄ紶璇︽儏寮圭獥-->
- <el-dialog title="鍏叡瀹ｄ紶璇︽儏" :visible.sync="detailsVisible" width="50%" :append-to-body="true"
+ <el-dialog :title="title" :visible.sync="detailsVisible" width="50%" :append-to-body="true"
:before-close="detailsVisibleclose">
<el-row :gutter="15">
<el-form ref="addGroupForm" :model="detailsRow" size="medium" label-width="100px">
<el-col :span="12">
<el-form-item label="鏍囬" prop="effectiveEtime">
- <el-input v-model="detailsRow.publicityTitle" disabled></el-input>
+ <el-input v-model="detailsRow.publicityTitle" :disabled="title=='璇︽儏'"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="姝ｆ枃鍥剧墖">
<el-upload
+ :file-list="detailsRow.media"
+ :on-preview="handlePictureCardPreview"
+ :on-remove="handleRemoves"
+ :on-success="uploadSuccess4"
+ :with-credentials="true"
action="/api/minio/upload"
list-type="picture-card"
- :with-credentials="true"
- :on-preview="handlePictureCardPreview"
- :on-success="uploadSuccess3"
- :on-remove="handleRemove"
- :file-list="detailsRow.img"
- disabled
- class="freePic">
+ :disabled="title=='璇︽儏'">
<i slot="default" class="el-icon-plus"></i>
</el-upload>
+<!-- <el-upload-->
+<!-- action="/api/minio/upload"-->
+<!-- list-type="picture-card"-->
+<!-- :with-credentials="true"-->
+<!-- :on-preview="handlePictureCardPreview"-->
+<!-- :on-success="uploadSuccess3"-->
+<!-- :on-remove="handleRemove"-->
+<!-- :file-list="detailsRow.img"-->
+<!-- :disabled="title=='璇︽儏'"-->
+<!-- class="freePic">-->
+<!-- <i slot="default" class="el-icon-plus"></i>-->
+<!-- </el-upload>-->
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="鍐呭 " prop="text">
- <el-input v-model="detailsRow.text" type="textarea" placeholder="璇疯緭鍏ュ叕鍛婂唴瀹�" disabled
+ <el-input v-model="detailsRow.text" type="textarea" placeholder="璇疯緭鍏ュ叕鍛婂唴瀹�" :disabled="title=='璇︽儏'"
:autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
</el-form-item>
</el-col>
@@ -161,7 +173,7 @@
</el-col> -->
<el-col :span="12">
<el-form-item label="鍙戝竷鏃堕棿" prop="effectiveEtime">
- <el-date-picker v-model="detailsRow.releaseTime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿" disabled
+ <el-date-picker v-model="detailsRow.releaseTime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿" :disabled="title=='璇︽儏'"
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
@@ -176,6 +188,12 @@
<span v-if="detailsRow.status === 1">宸插彂甯�</span>
<span v-else-if="detailsRow.status === 0">鏈彂甯�</span>
<span v-else="detailsRow.status === 2">宸蹭笅鏋�</span>
+ </el-form-item>
+ </el-col>
+ <el-col :span="24">
+ <el-form-item>
+ <el-button type="primary" @click="onSubmit" :disabled="title=='璇︽儏'">鎻愪氦</el-button>
+ <el-button @click="detailsVisible= false">鍙栨秷</el-button>
</el-form-item>
</el-col>
</el-form>
@@ -229,7 +247,7 @@
<script>
import {
getPublicityList,
- addPublicityList
+ addPublicityList, editPublicityList
} from '@/api/publicty'
@@ -237,6 +255,7 @@
name: "Publicity",
data() {
return {
+ title:'璇︽儏',
detailsId:null,
dialogVisibleTime:false,
fileList: [],
@@ -312,6 +331,18 @@
handleCloseTime(){
this.dialogVisibleTime = false
},
+ uploadSuccess4(res, file) {
+ console.log(res,this.detailsRow.media.length)
+ if (res.code === 200) {
+ this.detailsRow.media.push({
+ name: res.data,
+ url: '/minio/img/' + res.data,
+ uid:this.detailsRow.media.length+1
+ })
+ } else {
+ this.$message.error(res.msg)
+ }
+ },
uploadSuccess3(res, file) {
if (res.code === 200) {
this.addPublicityForm.img.push({
@@ -322,6 +353,11 @@
} else {
this.$message.error(res.msg)
}
+ },
+ handleRemoves(file, fileList){
+ console.log('>>>>>>>>>>>>>>>>>>>>>',this.detailsRow.media)
+ this.detailsRow.media = fileList
+ console.log(this.detailsRow.media)
},
// 姝ｆ枃鍥剧墖涓婁紶,鍒犻櫎鎿嶄綔
handleRemove(file, fileList) {
@@ -405,20 +441,46 @@
);
}
},
-
- //璇︽儏
- details(val) {
+ onSubmit(){
+ console.log('鎻愪氦',this.detailsRow)
+ let obj = this.detailsRow
+ obj.photoStr = obj.media.map(item=> item.name).join(',')
+ editPublicityList(this.detailsRow).then(res=>{
+ console.log(res)
+ this.detailsVisible = false
+ this.$message.success('淇敼鎴愬姛')
+ })
+ },
+ edit(val){
+ this.title = '淇敼'
this.detailsVisible = true;
this.$http.get('/api/publicity/' + val).then(res => {
this.detailsRow = res.data.data
- this.detailsRow.img = this.detailsRow['photoStr'].split(',').map(item => {
+ this.detailsRow.media = this.detailsRow['photoStr'].split(',').map((item,index) => {
return {
name: item,
url: '/minio/img/' + item,
- uid: this.detailsRow['photoStr'].split(',').length
+ uid: index+1
}
})
- this.fileList = this.detailsRow.img
+ this.fileList = this.detailsRow.media
+ console.log(this.detailsRow)
+ });
+ },
+ //璇︽儏
+ details(val) {
+ this.title = '璇︽儏'
+ this.detailsVisible = true;
+ this.$http.get('/api/publicity/' + val).then(res => {
+ this.detailsRow = res.data.data
+ this.detailsRow.media = this.detailsRow['photoStr'].split(',').map((item,index) => {
+ return {
+ name: item,
+ url: '/minio/img/' + item,
+ uid: index+1
+ }
+ })
+ this.fileList = this.detailsRow.media
});
},
//娣诲姞
--
Gitblit v1.8.0