活动管理修改完成

src/views/activityManage/makerActvity.vue

@@ -158,30 +158,30 @@
           :before-close="init">
         
           <div class="diaTit">
-              <div class="spans">项目名称</div>
-              <div class="spanCon">:人工智能分链机器</div>
-              <div class="spans" style="margin-left: 30px;">项目负责人</div>
-              <div class="spanCon">:徐晓霞</div>
+              <div class="spans">项目名称:</div>
+              <div class="spanCon">{{ processTable.name }}</div>
+              <div class="spans" style="margin-left: 30px;">项目负责人:</div>
+              <div class="spanCon">{{ processTable.leader }}</div>
           </div>
 
             <div class="diaTit1">
               <div class="spans1">所在部门</div>
               <div>
-                <el-input v-model="input" placeholder="信通学院"></el-input>
+                <el-input v-model="processTable.classId"></el-input>
               </div>
             </div>
 
             <div class="diaTit1">
               <div class="spans1">预算总经费</div>
               <div>
-                <el-input v-model="input" placeholder="6000"></el-input>
+                <el-input v-model="processTable.money"></el-input>
               </div>
             </div>
 
             <div class="diaTit1">
               <div class="spans1">联系电话</div>
               <div>
-                <el-input v-model="input" placeholder="13854449525"></el-input>
+                <el-input v-model="processTable.phone"></el-input>
               </div>
             </div>
             <div slot="footer" class="dialog-footer">
@@ -200,30 +200,30 @@
           :before-close="init">
         
           <div class="diaTit">
-              <div class="spans">项目名称</div>
-              <div class="spanCon">:人工智能分链机器</div>
-              <div class="spans" style="margin-left: 30px;">项目负责人</div>
-              <div class="spanCon">:徐晓霞</div>
+              <div class="spans">项目名称:</div>
+              <div class="spanCon">{{ processTable.name }}</div>
+              <div class="spans" style="margin-left: 30px;">项目负责人:</div>
+              <div class="spanCon">{{ processTable.leader }}</div>
           </div>
 
             <div class="diaTit1">
               <div class="spans1">所在部门</div>
               <div>
-                <el-input v-model="input" placeholder="信通学院"></el-input>
+                <el-input v-model="processTable.classId"></el-input>
               </div>
             </div>
 
             <div class="diaTit1">
               <div class="spans1">预算总经费</div>
               <div>
-                <el-input v-model="input" placeholder="6000"></el-input>
+                <el-input v-model="processTable.money"></el-input>
               </div>
             </div>
 
             <div class="diaTit1">
               <div class="spans1">联系电话</div>
               <div>
-                <el-input v-model="input" placeholder="13854449525"></el-input>
+                <el-input v-model="processTable.phone"></el-input>
               </div>
             </div>
 
@@ -298,18 +298,7 @@
           options1:[],
           options2:[],
           // 表格数据
-          tableData:[{
-            projectName:'陆地游泳辅助器',
-            projectPerson:'王多鱼',
-            relevancy:'西虹市',
-            budget:'200',
-            useBudget:'10000',
-            date:'2022年-11月-12日',
-            tel:'16625153432',
-            state:'已报销',
-            dept:'中德制造'
-          },
-          ],
+          tableData:[],
           // 四个下拉框数据
           pavalues:{
             value:0,//项目ID
@@ -321,7 +310,15 @@
             nowPage:1,
             total:10,
             lim:10
-          }
+          },
+          processTable:{
+            Id:"awdaw",
+            name:"项目名称",
+            leader:"项目负责人",
+            classId:"所在部门",
+            money:"预算经费",
+            phone:"联系电话"
+          },
         }
       },
       methods:{

src/views/activityManage/makerActvityDetails.vue

@@ -204,7 +204,7 @@
 
             <div class="baseBtn">
               <div class="blockWidth">
-                <el-button type="primary" class="makerActvity1backBtn" @click="save" size:small>保存</el-button>
+                <el-button type="primary" class="makerActvity1backBtn" @click="submit" size:small>保存</el-button>
                 <el-button type="primary" class="makerActvity1backBtn" @click="getData" size:small>重置</el-button>
                 <el-button type="primary" class="makerActvity1backBtn" @click="check" size:small>立即审核</el-button>
               </div>
@@ -245,6 +245,20 @@
                     </div>
               </el-dialog>
             <!--添加成员dialog对话框结束 -->
+                  <!-- 提交对话框开始 -->
+                  <el-dialog
+                    title="提示"
+                    :visible.sync="dialogVisible1"
+                    width="600px"
+                    class="MAputIn AddMember">
+                    <div class="addDialogLogo">LOGO</div>
+                    <div class="deleteContent">是否修改“{{tableData.title}}”项目活动？</div>
+                    <span slot="footer" class="dialog-footer">
+                        <el-button type="primary" @click="save" class="btn5" size="small">确认提交</el-button>
+                        <el-button @click="dialogVisible1=false;" class="btn5" style="background:#cccccc" size="small">取消</el-button>
+                    </span>
+                  </el-dialog>
+                  <!-- 提交对话框结束 -->
       </div>
 </template>
 
@@ -257,6 +271,7 @@ export default {
   },
   data() {
     return {
+      dialogVisible1:false,
       addMemberDialog:false,
       customToolbar: [
         ["bold", "italic", "underline"], [{ list: "ordered" }, { list: "bullet" }],
@@ -292,13 +307,44 @@ export default {
       }
   },
   methods:{
+    submit(){
+      if(this.check()!=1)return;
+      this.dialogVisible1 = true;
+    },
     DeleteS(Id){
       this.tableData.course_teacher = this.tableData.course_teacher.filter(item=>item.Id!=Id);
     },
     //保存修改
     save(){
-      if(this.check()!=1)return;
-      this.$message.success("没问题")
+      const data = this.tableData;
+
+      const param = {
+        uid:this.$store.state.userInfo.userid,
+        aid:data.acId,
+        tit:data.title,
+        con:data.brief,
+        leader:data.pro_leader,
+        mon:data.money,
+        stu:data.students,
+        teacher:JSON.stringify(data.course_teacher),
+        chap:JSON.stringify(data.chapters),
+        pid:data.pid,
+        cid:data.classid,
+        ph:data.phone,
+        beginTime:JSON.stringify(data.begin_at)
+      }
+      // console.log(param)
+      // return;
+      this.ajax.post(this.$store.state.api+"/UpdateActivity",param).then(res=>{
+        if(res.data==1){
+          this.$message.success("修改成功");
+          this.getData();
+        }else{
+          this.$message.error("修改失败"+res.data);
+        }
+      }).catch(err=>{
+        this.$message.error(err.message)
+      })
       console.log(this.tableData)
     },
     change(){
@@ -358,7 +404,6 @@ export default {
                     if(!this.checkPhone(checkData[i]))return;
                     break;
                 case "begin_at":
-                    console.log(checkData[i])
                     if(checkData[i]==null||checkData[i].length<2)return this.$message.error("请选择项目开始时间");
                     break;
                 case "classid":
@@ -465,4 +510,40 @@ export default {
   }
 
   }
+  .MAputIn{   //提交对话框样式
+  .deleteContent{
+    width: 100%;
+    text-align: center;
+    font-size: 25px;
+    color: #000;
+  }
+  .addDialogLogo{
+    width: 60px;
+    height: 30px;
+    line-height: 30px;
+    background: #f2f2f2;
+    position: absolute;
+    left: 10px;
+    top: 10px;
+    text-align: center;
+  }
+ 
+  .el-dialog__title{
+    // margin-left:250px;
+    display: flex;
+    justify-content: center;
+    color:rgb(246, 247, 246);
+  }
+  
+  .dialog-footer{
+    display: flex;
+    justify-content: center;
+    .btn5{
+      // background: #0e72e6;
+      height: 40px;
+      width: 200px;
+      font-size: 16px;
+    }
+  }
+}
 </style>