接口联调

src/components/activitymanagement/baseinfo.vue

 <template>
+ 
   <el-form
     ref="formData"
     :model="formData"
     :rules="rules"
-    label-width="150px"
+    label-width="180px"
     label-suffix="："
     class="basic-form"
   >
+  <p class="p-title">基础信息</p>
   <el-form-item label="后台标题" prop="titleManager">
     <el-col :span="13">
       <el-input
@@ -117,10 +119,6 @@
         <el-radio :label="2">否</el-radio>
       </el-radio-group>
     </el-form-item>
-
-
-
-
     <div class="basic-item-icon">
       <el-form-item label="活动列表页图片" class="required-label">
         <el-upload
@@ -154,6 +152,7 @@
       </el-form-item>
       <p class="upload-message" v-if="uploadImgMessage1">活动列表页图片</p>
     </div>
+    <p class="p-title">报名页配置</p>
     <div class="basic-item-icon">
       <el-form-item label="报名页介绍图片" class="required-label">
         <el-upload
@@ -181,17 +180,82 @@
           <div class="limit-text">
             <p>限制大小: 500kb</p>
             <p>宽度：750px</p>
+            <p>高度：不限</p>
             <p>支持jpeg, png格式</p>
+            <p>招募中的活动对应的报名页显示该图片介绍活动</p>
           </div>
         </el-upload>
       </el-form-item>
       <p class="upload-message" v-if="uploadImgMessage2">报名介绍页图片</p>
     </div>
-
-
+    
+      <el-row>
+        <el-col :span="8">
+        <el-form-item label="立即报名按钮颜色" prop="backgroundColor2NotJoin">
+        <el-input
+          size="small"
+          v-model="formData.backgroundColor2NotJoin"
+          placeholder="例如#0D9078"
+          style="width:90%;"
+        ></el-input>
+    </el-form-item>
+  </el-col>
+  <el-col :span="8">
+    <el-form-item label="审核中按钮颜色" prop="backgroundColor2Joining">
+        <el-input
+          size="small"
+          v-model="formData.backgroundColor2Joining"
+          placeholder="例如#0D9078"
+          style="width:90%;"
+        ></el-input>
+    </el-form-item>
+  </el-col>
+  <el-col :span="8">
+    <el-form-item label="参与活动按钮颜色" prop="backgroundColor2Joined">
+        <el-input
+          size="small"
+          v-model="formData.backgroundColor2Joined"
+          placeholder="例如#0D9078"
+          style="width:90%;"
+        ></el-input>
+    </el-form-item>
+  </el-col>
+    </el-row>
+ 
+    <el-row>
+      <el-col :span="8">
+      <el-form-item label="立即报名按钮文字颜色" prop="foregroundColor2NotJoin">
+      <el-input
+        size="small"
+        v-model="formData.foregroundColor2NotJoin"
+        placeholder="例如#FFFFFF"
+        style="width:90%;"
+      ></el-input>
+  </el-form-item>
+</el-col>
+<el-col :span="8">
+  <el-form-item label="审核中按钮文字颜色" prop="foregroundColor2Joining">
+      <el-input
+        size="small"
+        v-model="formData.foregroundColor2Joining"
+        placeholder="例如#FFFFFF"
+        style="width:90%;"
+      ></el-input>
+  </el-form-item>
+</el-col>
+<el-col :span="8">
+  <el-form-item label="参与活动按钮文字颜色" prop="foregroundColor2Joined">
+      <el-input
+        size="small"
+        v-model="formData.foregroundColor2Joined"
+        placeholder="例如#FFFFFF"
+        style="width:90%;"
+      ></el-input>
+  </el-form-item>
+</el-col>
+  </el-row>
 
   
-
     <div style="margin-top: 60px;margin-left: 250px;">
       <el-button type="primary" @click="save()" center>保存</el-button>
       <el-button @click="cancle()">取 消</el-button>
@@ -271,6 +335,30 @@
           oriUrl: '', // 原图
         },
         rules: {
+          backgroundColor2NotJoin:[
+          { required: true, message: "请输入立即报名按钮颜色", trigger: "blur" },
+          { pattern: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/, message: ' 输入正确的十六进制' },
+          ],
+          backgroundColor2Joining:[
+          { required: true, message: "请输入审核中按钮颜色", trigger: "blur" },
+          { pattern: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/, message: ' 输入正确的十六进制' },
+          ],
+          backgroundColor2Joined:[
+          { required: true, message: "请输入参与活动按钮颜色", trigger: "blur" },
+          { pattern: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/, message: ' 输入正确的十六进制' },
+          ],
+          foregroundColor2NotJoin:[
+          { required: true, message: "请输入立即报名按钮文字颜色", trigger: "blur" },
+          { pattern: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/, message: ' 输入正确的十六进制' },
+          ],
+          foregroundColor2Joining:[
+          { required: true, message: "请输入审核中按钮文字颜色", trigger: "blur" },
+          { pattern: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/, message: ' 输入正确的十六进制' },
+          ],
+          foregroundColor2Joined:[
+          { required: true, message: "请输入参与活动按钮文字颜色", trigger: "blur" },
+          { pattern: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/, message: ' 输入正确的十六进制' },
+          ],
           titleManager: [
             { required: true, message: "请输入后台显示的活动标题", trigger: "blur" },
             {

src/views/activitymanagement/create-activity.vue

@@ -68,6 +68,12 @@
           introImage:'',//介绍页图片url
           imgUrl1More: {},
           imgUrl2More: {},
+          backgroundColor2NotJoin:"#0D9078",//立即报名按钮颜色
+          backgroundColor2Joining:"#86C7BB",//审核中按钮颜色
+          backgroundColor2Joined:"#0D9078",//参与活动按钮颜色
+          foregroundColor2NotJoin:"#FFFFFF",//立即报名按钮文字颜色
+          foregroundColor2Joining:"#FFFFFF",//审核中按钮文字颜色
+          foregroundColor2Joined:"#FFFFFF",//参与活动按钮文字颜色
         },
       }
     },