From a68a710d43fa6c9214f2ede61aa42932ad2ff330 Mon Sep 17 00:00:00 2001
From: zhenghuang <236220500@qq.com>
Date: Wed, 3 Jun 2020 15:44:20 +0800
Subject: [PATCH] 1

---
 src/pages/shop/IncreaseWelcomeEdit.vue | 219 +++++++++++++++----------
 1 file changed, 130 insertions(+), 89 deletions(-)

diff --git a/src/pages/shop/IncreaseWelcomeEdit.vue b/src/pages/shop/IncreaseWelcomeEdit.vue
index e066f0b..0f46b9e 100644
--- a/src/pages/shop/IncreaseWelcomeEdit.vue
+++ b/src/pages/shop/IncreaseWelcomeEdit.vue
@@ -2,119 +2,160 @@
   <div class>
     <Row>
       <i-col :span="12">
-        <Form ref="welcomeForm" :model="welcome" :rules="welcomeRules">
-          <FormItem label="欢迎语内容" prop="content">
-            <i-input
-              v-model="welcome.content"
-              type="textarea"
-              style="height: 220px"
-              :autosize="{ minRows: 10, maxRows: 10 }"
-              placeholder="请输入欢迎语内容,最多100个字"
-            ></i-input>
+        <Form ref="welcomeForm"
+              :model="welcome"
+              :rules="welcomeRules">
+          <FormItem label="欢迎语内容"
+                    prop="content">
+            <i-input v-model="welcome.content"
+                     type="textarea"
+                     style="height: 220px"
+                     :autosize="{ minRows: 10, maxRows: 10 }"
+                     placeholder="请输入欢迎语内容,最多100个字"></i-input>
           </FormItem>
-          <Row
-            style="margin-bottom: 10px"
-            :gutter="10"
-            class="inputItem"
-            v-for="(item, index) in welcome.params"
-            :key="index"
-          >
+          <Row style="margin-bottom: 10px"
+               :gutter="10"
+               class="inputItem"
+               v-for="(item, index) in welcome.params"
+               :key="index">
             <div v-if="item.type == 3">
-              <i-col style="line-height: 32px" :span="4">APPID {{ index + 1 }}</i-col>
+              <i-col style="line-height: 32px"
+                     :span="4">APPID {{ index + 1 }}</i-col>
               <i-col :span="6">
-                <i-input class="inputClass" type="text" disabled v-model="item.defaultVal"></i-input>
+                <i-input class="inputClass"
+                         type="text"
+                         disabled
+                         v-model="item.defaultVal"></i-input>
               </i-col>
-              <i-col style="line-height: 32px" :span="4">URI {{ index + 1 }}</i-col>
+              <i-col style="line-height: 32px"
+                     :span="4">URI {{ index + 1 }}</i-col>
               <i-col :span="6">
-                <i-input class="inputClass" type="text" disabled v-model="item.description"></i-input>
+                <i-input class="inputClass"
+                         type="text"
+                         disabled
+                         v-model="item.description"></i-input>
               </i-col>
             </div>
             <div v-else>
-              <i-col style="line-height: 32px" :span="4">{{ item.name }}{{ index + 1 }}</i-col>
+              <i-col style="line-height: 32px"
+                     :span="4">{{ item.name }}{{ index + 1 }}</i-col>
               <i-col :span="16">
-                <i-input class="inputClass" type="text" disabled v-model="item.defaultVal"></i-input>
+                <i-input class="inputClass"
+                         type="text"
+                         disabled
+                         v-model="item.defaultVal"></i-input>
               </i-col>
             </div>
             <i-col :span="4">
-              <Button type="error" @click="delActivityInput(index)">删除</Button>
+              <Button type="error"
+                      @click="delActivityInput(index)">删除</Button>
             </i-col>
           </Row>
           <FormItem>
-            <Button type="text" @click="() => (showMessageTypes = true)" icon="md-add">添加图片/网页/小程序消息</Button>
+            <Button type="text"
+                    @click="() => (showMessageTypes = true)"
+                    icon="md-add">添加图片/网页/小程序消息</Button>
           </FormItem>
           <FormItem label="配置范围: ">
-            <span
-              @click="showStores"
-              v-if="welcome.stores.length > 0"
-            >{{ welcome.stores[0].name }}等{{ welcome.stores.length }}家店铺</span>
-            <Button
-              type="text"
-              v-if="welcome.stores.length <= 0"
-              @click="showStores"
-              icon="md-add"
-            >全部店铺</Button>
+            <span @click="showStores"
+                  v-if="welcome.stores.length > 0">{{ welcome.stores[0].name }}等{{ welcome.stores.length }}家店铺</span>
+            <Button type="text"
+                    v-if="welcome.stores.length <= 0"
+                    @click="showStores"
+                    icon="md-add">全部店铺</Button>
           </FormItem>
           <FormItem>
-            <Button type="primary" long @click="submit">确定</Button>
+            <Button type="primary"
+                    long
+                    @click="submit">确定</Button>
           </FormItem>
         </Form>
       </i-col>
     </Row>
-    <Modal v-model="showMessageTypes" title="添加图片/网页/小程序消息" :footer-hide="true">
+    <Modal v-model="showMessageTypes"
+           title="添加图片/网页/小程序消息"
+           :footer-hide="true">
       <Row :gutter="24">
         <i-col :span="8">
-          <Upload
-            ref="upload"
-            :show-upload-list="false"
-            :on-success="uploadImgSuccess"
-            :format="['jpg', 'jpeg', 'png']"
-            :max-size="2048"
-            :on-exceeded-size="onExceededSize"
-            :before-upload="handleBeforeUpload"
-            multiple
-            type="drag"
-            action
-            style="width: 100%;"
-          >
+          <Upload ref="upload"
+                  :show-upload-list="false"
+                  :on-success="uploadImgSuccess"
+                  :format="['jpg', 'jpeg', 'png']"
+                  :max-size="2048"
+                  :on-exceeded-size="onExceededSize"
+                  :before-upload="handleBeforeUpload"
+                  multiple
+                  type="drag"
+                  action
+                  style="width: 100%;">
             <div style="width: 100%;">
-              <Button long type="primary">{{imageUploading ? "上传中..." : "图片"}}</Button>
+              <Button long
+                      type="primary">{{imageUploading ? "上传中..." : "图片"}}</Button>
             </div>
           </Upload>
         </i-col>
         <i-col :span="8">
-          <Button long @click="doShowWeb" type="primary">网页</Button>
+          <Button long
+                  @click="doShowWeb"
+                  type="primary">网页</Button>
         </i-col>
         <i-col :span="8">
-          <Button long @click="doShowMini" type="primary">小程序</Button>
+          <Button long
+                  @click="doShowMini"
+                  type="primary">小程序</Button>
         </i-col>
       </Row>
     </Modal>
-    <Modal v-model="showWeb" title="添加网页消息" :loading="true">
-      <Form ref="webForm" :model="webForm" :rules="webFormRules">
-        <FormItem label="添加网页消息" prop="url">
-          <i-input v-model="webForm.url" type="text" placeholder="以http或https开头"></i-input>
+    <Modal v-model="showWeb"
+           title="添加网页消息"
+           :loading="true">
+      <Form ref="webForm"
+            :model="webForm"
+            :rules="webFormRules">
+        <FormItem label="添加网页消息"
+                  prop="url">
+          <i-input v-model="webForm.url"
+                   type="text"
+                   placeholder="以http或https开头"></i-input>
         </FormItem>
       </Form>
       <div slot="footer">
-        <Button type="primary" @click="cancelWeb">取消</Button>
-        <Button type="primary" @click="okWeb">确定</Button>
+        <Button type="primary"
+                @click="cancelWeb">取消</Button>
+        <Button type="primary"
+                @click="okWeb">确定</Button>
       </div>
     </Modal>
-    <Modal v-model="showMini" title="添加小程序消息" :loading="true">
-      <Form ref="miniForm" :model="miniForm" :rules="miniFormRules">
-        <FormItem label="APPID" prop="appid">
-          <i-input v-model="miniForm.appid" type="text" placeholder="请输入appid"></i-input>
+    <Modal v-model="showMini"
+           title="添加小程序消息"
+           :loading="true">
+      <Form ref="miniForm"
+            :model="miniForm"
+            :rules="miniFormRules">
+        <FormItem label="APPID"
+                  prop="appid">
+          <i-input v-model="miniForm.appid"
+                   type="text"
+                   placeholder="请输入appid"></i-input>
         </FormItem>
-        <FormItem label="URI" prop="uri">
-          <i-input v-model="miniForm.uri" type="text" placeholder="请输入URl"></i-input>
+        <FormItem label="URI"
+                  prop="uri">
+          <i-input v-model="miniForm.uri"
+                   type="text"
+                   placeholder="请输入URl"></i-input>
         </FormItem>
       </Form>
       <div slot="footer">
-        <Button type="primary" @click="cancelMini">取消</Button>
-        <Button type="primary" @click="okMini">确定</Button>
+        <Button type="primary"
+                @click="cancelMini">取消</Button>
+        <Button type="primary"
+                @click="okMini">确定</Button>
       </div>
     </Modal>
-    <selectStoreStep :isModify="id>0" @doShow="doShow" :schedule="welcome" :show="showStoreCheck"></selectStoreStep>
+    <selectStoreStep :isModify="id>0"
+                     @doShow="doShow"
+                     :schedule="welcome"
+                     :show="showStoreCheck"></selectStoreStep>
   </div>
 </template>
 
@@ -133,7 +174,7 @@ const validateUrl = (rule, value, callback) => {
   }
 };
 export default {
-  data() {
+  data () {
     return {
       showStoreCheck: false,
       showWeb: false,
@@ -176,7 +217,7 @@ export default {
   },
   watch: {
     welcome: {
-      handler() {
+      handler () {
         store.commit("SET_useData", {
           ...store.getters.useData,
           ...this.welcome
@@ -186,7 +227,7 @@ export default {
       deep: true
     }
   },
-  created() {
+  created () {
     this.id = this.$route.query.id;
     // store.commit("SET_useData", { ...store.getters.useData, ...this.welcome });
     console.log(this.$route);
@@ -198,14 +239,14 @@ export default {
     selectStoreStep
   },
   methods: {
-    doShow() {
+    doShow () {
       this.showStoreCheck = false;
       this.welcome = store.getters.useData;
     },
-    onExceededSize() {
+    onExceededSize () {
       console.log("失败");
     },
-    getDetail(instanceId) {
+    getDetail (instanceId) {
       let _this = this;
       ActivityManager.instanceDetail(
         {
@@ -220,7 +261,7 @@ export default {
         }
       );
     },
-    showStores() {
+    showStores () {
       console.log({ ...store.getters.useData, ...this.welcome });
       store.commit("SET_useData", {
         ...this.welcome,
@@ -228,25 +269,25 @@ export default {
       });
       this.showStoreCheck = true;
     },
-    uploadImgSuccess(res, file) {},
-    cancelWeb() {
+    uploadImgSuccess (res, file) { },
+    cancelWeb () {
       this.showWeb = false;
     },
-    doShowWeb() {
+    doShowWeb () {
       this.showWeb = true;
       this.webForm = { url: "" };
     },
-    doShowMini() {
+    doShowMini () {
       this.showMini = true;
       this.miniForm = {
         appid: "",
         uri: ""
       };
     },
-    cancelMini() {
+    cancelMini () {
       this.showMini = false;
     },
-    okWeb() {
+    okWeb () {
       let _this = this;
       this.$refs["webForm"].validate(valid => {
         if (valid) {
@@ -266,7 +307,7 @@ export default {
         }
       });
     },
-    okMini() {
+    okMini () {
       let _this = this;
       this.$refs["miniForm"].validate(valid => {
         if (valid) {
@@ -286,11 +327,11 @@ export default {
         }
       });
     },
-    delActivityInput(index) {
+    delActivityInput (index) {
       this.welcome.params.splice(index, 1);
       this.$forceUpdate();
     },
-    handleBeforeUpload(res) {
+    handleBeforeUpload (res) {
       const me = this;
       let data = new FormData();
       data.append("file", res);
@@ -303,7 +344,7 @@ export default {
         headers: {
           "Content-Type": "multipart/form-data"
         }
-      }).then(function(res) {
+      }).then(function (res) {
         me.imageUploading = false;
         if (res.data.success) {
           // me.formValidate.logo = res.data.results;
@@ -323,12 +364,12 @@ export default {
       });
       return false;
     },
-    submit() {
+    submit () {
       let _this = this;
-      if (this.welcome.params.length <= 0) {
-        _this.$Message.error("图片/网页/小程序消息至少添加一个");
-        return false;
-      }
+      // if (this.welcome.params.length <= 0) {
+      //   _this.$Message.error("图片/网页/小程序消息至少添加一个");
+      //   return false;
+      // }
       if (this.welcome.stores.length <= 0) {
         _this.$Message.error("请至少选择一个店铺");
         return false;