1

src/pages/activity/addActivity.vue

@@ -1,27 +1,25 @@
 <template>
-  <Modal
+  <Modal v-model="dispalyModal"
-    v-model="dispalyModal"
          width="1000"
          :loading="loading"
          :mask-closable="false"
          @on-cancel="cancel"
-    @on-ok="save"
+         @on-ok="save">
-  >
+    <p slot="header"
-    <p slot="header" style="color:#f60;text-align:left">
+       style="color:#f60;text-align:left">
       <span>配置活动</span>
     </p>
     <div>基本配置</div>
-    <Form
+    <Form ref="formValidate"
-      ref="formValidate"
           :model="formValidate"
           :rules="ruleValidate"
-      :label-width="80"
+          :label-width="80">
-    >
       <Row>
-        <i-col style="text-align: left;" span="8">
+        <i-col style="text-align: left;"
-          <FormItem label="" prop="logo">
+               span="8">
-            <Upload
+          <FormItem label=""
-              ref="upload"
+                    prop="logo">
+            <Upload ref="upload"
                     :show-upload-list="false"
                     :on-success="uploadImgSuccess"
                     :format="['jpg', 'jpeg', 'png']"
@@ -30,90 +28,75 @@
                     multiple
                     type="drag"
                     action=""
-              style="display: inline-block;"
+                    style="display: inline-block;">
-            >
               <div style="width: 200px;height:200px;line-height: 200px;">
                 <span v-if="!formValidate.logo">请上传图片</span>
-                <img
+                <img v-if="formValidate.logo"
-                  v-if="formValidate.logo"
                      :src="`/kiisoo-ic` + formValidate.logo"
                      alt=""
-                  style="width: 100%; height: auto"
+                     style="width: 100%; height: auto" />
-                />
               </div>
             </Upload>
           </FormItem>
         </i-col>
-        <i-col span="15" offset="1">
+        <i-col span="15"
-          <FormItem label="活动名称" prop="name">
+               offset="1">
-            <i-input
+          <FormItem label="活动名称"
-              type="text"
+                    prop="name">
+            <i-input type="text"
                      v-model="formValidate.name"
-              placeholder="请输入活动名称"
+                     placeholder="请输入活动名称"></i-input>
-            ></i-input>
           </FormItem>
-          <Form-item label="活动描述" prop="description">
+          <Form-item label="活动描述"
-            <i-input
+                     prop="description">
-              v-model="formValidate.description"
+            <i-input v-model="formValidate.description"
                      type="textarea"
                      :autosize="{ minRows: 3 }"
-              placeholder="请输入活动描述"
+                     placeholder="请输入活动描述"></i-input>
-            ></i-input>
           </Form-item>
-          <FormItem label="APPID" prop="appId">
+          <FormItem label="APPID"
-            <i-input
+                    prop="appId">
-              type="text"
+            <i-input type="text"
                      v-model="formValidate.appId"
-              placeholder="请输入appid"
+                     placeholder="请输入appid"></i-input>
-            ></i-input>
           </FormItem>
-          <FormItem label="URI" prop="uri">
+          <FormItem label="URI"
-            <i-input
+                    prop="uri">
-              type="text"
+            <i-input type="text"
                      v-model="formValidate.uri"
-              placeholder="请输入URI"
+                     placeholder="请输入URI"></i-input>
-            ></i-input>
           </FormItem>
         </i-col>
       </Row>
     </Form>
     <div class="topic">活动类型</div>
-    <Row
+    <Row :gutter="10"
-      :gutter="10"
          class="inputItem"
          v-for="(item, index) in formValidate.params"
-      :key="index"
+         :key="index">
-    >
       <i-col :span="2"> 类型{{ index + 1 }} </i-col>
       <i-col :span="9">
-        <i-input
+        <i-input class="inputClass"
-          class="inputClass"
                  type="text"
                  v-model="item.name"
-          placeholder="请输入活动类型名称"
+                 placeholder="请输入活动类型名称"></i-input>
-        ></i-input>
       </i-col>
       <i-col :span="9">
-        <i-input
+        <i-input class="inputClass"
-          class="inputClass"
                  type="text"
                  style="margin-left: 20px"
                  v-model="item.defaultVal"
-          placeholder="请输入参数"
+                 placeholder="请输入参数"></i-input>
-        ></i-input>
       </i-col>
       <i-col :span="4">
-        <Button
+        <Button style="margin-left: 20px"
-          style="margin-left: 20px"
                 type="error"
-          @click="delActivityInput(index)"
+                @click="delActivityInput(index)">删除</Button>
-          >删除</Button
-        >
       </i-col>
     </Row>
-    <Button style="margin-top: 10px" type="primary" @click="addActivityInput"
+    <Button style="margin-top: 10px"
-      >+添加活动类型</Button
+            type="primary"
-    >
+            @click="addActivityInput">+添加活动类型</Button>
   </Modal>
 </template>
 <script>
@@ -242,6 +225,7 @@ export default {
     save () {
       let that = this;
       let i = 0;
+      this.loading = true;
       if (
         typeof that.formValidate.logo == "undefined" ||
         that.formValidate.logo == "" ||