编辑标题

src/view/weixin/paper.vue

@@ -12,17 +12,18 @@
     
 
     <el-table :data="tableData"  border stripe>
-      <el-table-column label="序号" width="80" prop="paperId" align="center">
+      <el-table-column label="序号" width="70" prop="paperId" align="center">
 	  </el-table-column>
 	  
-	  <el-table-column label="UUId" min-width="280" prop="uuid" align="center">	  
+	  <el-table-column label="UUId" width="270" prop="uuid" align="center">	  
 	  </el-table-column>
 	  
-      <el-table-column label="标题"  prop="title" min-width="120">
+      <el-table-column label="标题"  prop="title" min-width="140">
       </el-table-column>
-	  <el-table-column label="是否发布"  prop="isPublish" width="80">
+	  <el-table-column label="样式" min-width="110" prop="style" align="center">
+	  </el-table-column>
+	  <el-table-column label="字体" min-width="80" prop="fonts" align="center">
 	  </el-table-column>
-	  
 	  <el-table-column label="logo"  prop="logo" align="center" width="110">
 		<template slot-scope="{ row }">
 		  <el-button v-if="!row.edit" @click="row.edit=true" type="text"> 查看图片 </el-button>
@@ -58,15 +59,15 @@
             type="primary"
             size="small"
             icon="el-icon-edit"
-            @click="gotoDetail(row, $index)"
+            @click="gotoEdit(row, $index)"
           >编辑</el-button>
 		  <el-button
-			v-if="!row.edit"
-		    type="danger"
+		  	v-if="!row.edit"
+		    type="primary"
 		    size="small"
-		    icon="el-icon-delete"
-		    @click="deletePost(row, $index)"
-		  >删除</el-button>
+		    icon="el-icon-edit"
+		    @click="gotoDetail(row, $index)"
+		  >管理</el-button>
 		  
         </template>
       </el-table-column>
@@ -81,21 +82,55 @@
       @size-change="handleSizeChange"
       layout="total, sizes, prev, pager, next, jumper"
     ></el-pagination>
+	
+	<el-dialog title="编辑考察团" center :visible.sync="editPaperDialog" width="600px"  >
+	  <el-form :model="form" label-width="120px" ref="elForm">
+	    
+		
+		<el-form-item  label="标题" prop="title" >
+	      <el-input  v-model="form.title" type="text"  clearable></el-input>
+	    </el-form-item>
+		
+		<el-form-item  label="Logo" prop="logo">
+			<el-input  v-model="form.logo" type="text"  clearable></el-input>
+		</el-form-item>
+		
+		<el-form-item  label="背景图片" prop="background">
+			<el-input  v-model="form.background" type="text"  clearable></el-input>
+		</el-form-item>
+		
+		<el-form-item  label="样式" prop="style">
+			<el-input  v-model="form.style" type="text"  clearable></el-input>
+		</el-form-item>
+		
+		<el-form-item  label="字体" prop="fonts">
+			<el-input  v-model="form.fonts" type="text"  clearable></el-input>
+		</el-form-item>
+		
+		
+	  </el-form>
+	  <div class="dialog-footer" slot="footer">
+	    <el-button @click="editPaperDialog=false">取 消</el-button>
+	    <el-button @click="editPaper" type="primary">确 定</el-button>
+	  </div>
+	</el-dialog>
 
    
   </div>
 </template>
 
 <script>
-import {getPaperList, delPaper} from "@/api/paper";
+import {getPaperList,addPaper} from "@/api/paper";
 import infoList from "@/mixins/infoList";
 import PreviewImg from "@/components/customPic/previewImg.vue";
-
+const gbForm = {title:'',logo:'',background:'',fonts:'',style:''}
 export default {
   name: "Api",
   data() {
     return {
 	  listApi: getPaperList,
+	  editPaperDialog: false,
+	  form: Object.assign({}, gbForm),
 	  searchInfo:{
 		publishStatus:'publish',
 		postTypeMap:''
@@ -128,6 +163,22 @@ export default {
       let id = row.paperId||0
 	  this.$router.push({name:'weixin_paper_info', query:{id}})
     },
+	gotoEdit(row, index) {
+	  this.form = Object.assign(this.form, row)
+	  this.form.temp = row;
+	  this.editPaperDialog = true;
+	  // this.$router.push({name:'weixin_paper_info', query:{id}})
+	},
+	editPaper(){
+		let param = Object.assign( {}, this.form);
+		delete param["temp"]
+		addPaper(param ).then( res=>{
+			if( res.code == 200){
+				this.$message.successMsg("修改成功", 2);
+				this.getTableData();
+			}
+		})
+	},
 	deletePost( row, index){
 		let id = row.paperId||0
 		delPaper( {id}).then( res=>{