1

src/pages/shop/IncreaseWelcomeEdit.vue

@@ -2,92 +2,117 @@
   <div class>
     <Row>
       <i-col :span="12">
-        <Form ref="welcomeForm" :model="welcome" :rules="welcomeRules">
+        <Form ref="welcomeForm"
-          <FormItem label="欢迎语内容" prop="content">
+              :model="welcome"
-            <i-input
+              :rules="welcomeRules">
-              v-model="welcome.content"
+          <FormItem label="欢迎语内容"
+                    prop="content">
+            <i-input v-model="welcome.content"
                      type="textarea"
                      style="height: 220px"
                      :autosize="{ minRows: 10, maxRows: 10 }"
-              placeholder="请输入欢迎语内容,最多100个字"
+                     placeholder="请输入欢迎语内容,最多100个字"></i-input>
-            ></i-input>
           </FormItem>
-          <Row
+          <Row style="margin-bottom: 10px"
-            style="margin-bottom: 10px"
                :gutter="10"
                class="inputItem"
                v-for="(item, index) in welcome.params"
-            :key="index"
+               :key="index">
-          >
             <div v-if="item.type == 3">
-              <i-col style="line-height: 32px" :span="2">标题 {{ index + 1 }}</i-col>
+              <i-col style="line-height: 32px"
+                     :span="2">标题 {{ index + 1 }}</i-col>
               <i-col :span="3">
-                <i-input class="inputClass" type="text" disabled v-model="item.key"></i-input>
+                <i-input class="inputClass"
+                         type="text"
+                         disabled
+                         v-model="item.key"></i-input>
               </i-col>
-              <i-col style="line-height: 32px" :span="2">APPID {{ index + 1 }}</i-col>
+              <i-col style="line-height: 32px"
+                     :span="2">APPID {{ index + 1 }}</i-col>
               <i-col :span="3">
-                <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="2">URI {{ index + 1 }}</i-col>
+              <i-col style="line-height: 32px"
+                     :span="2">URI {{ index + 1 }}</i-col>
               <i-col :span="3">
-                <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>
-              <i-col style="line-height: 32px" :span="2">MediaId{{ index + 1 }}</i-col>
+              <i-col style="line-height: 32px"
+                     :span="2">MediaId{{ index + 1 }}</i-col>
               <i-col :span="3">
-                <i-input class="inputClass" type="text" disabled v-model="item.limitLower"></i-input>
+                <i-input class="inputClass"
+                         type="text"
+                         disabled
+                         v-model="item.limitLower"></i-input>
               </i-col>
             </div>
             <div v-else-if="item.type == 2">
-              <i-col style="line-height: 32px" :span="4">标题 {{ index + 1 }}</i-col>
+              <i-col style="line-height: 32px"
+                     :span="4">标题 {{ 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>
-              <i-col style="line-height: 32px" :span="4">URL {{ index + 1 }}</i-col>
+              <i-col style="line-height: 32px"
+                     :span="4">URL {{ 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>
             </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>
+          <FormItem v-if="paramFilter()">
-            <Button type="text" @click="() => (showMessageTypes = true)" icon="md-add">添加图片/网页/小程序消息</Button>
+            <Button type="text"
+                    @click="() => (showMessageTypes = true)"
+                    icon="md-add">添加图片/网页/小程序消息</Button>
           </FormItem>
           <FormItem label="配置范围: ">
-            <span
+            <span @click="showStores"
-              @click="showStores"
+                  v-if="welcome.stores.length > 0">{{ welcome.stores[0].name }}等{{ welcome.stores.length }}家店铺</span>
-              v-if="welcome.stores.length > 0"
+            <Button type="text"
-            >{{ welcome.stores[0].name }}等{{ welcome.stores.length }}家店铺</span>
-            <Button
-              type="text"
                     v-if="welcome.stores.length <= 0"
                     @click="showStores"
-              icon="md-add"
+                    icon="md-add">全部店铺</Button>
-            >全部店铺</Button>
           </FormItem>
           <FormItem>
-            <Button
+            <Button type="primary"
-              type="primary"
                     :loading="loading"
                     long
-              @click="submit"
+                    @click="submit">{{loading ? "保存中" : "确定"}}</Button>
-            >{{loading ? "保存中" : "确定"}}</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" v-if="imageFilter()">
+        <i-col :span="8">
-          <Upload
+          <Upload ref="upload"
-            ref="upload"
                   :show-upload-list="false"
                   :on-success="uploadImgSuccess"
                   :format="['jpg', 'jpeg', 'png']"
@@ -97,49 +122,77 @@
                   multiple
                   type="drag"
                   action
-            style="width: 100%;"
+                  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" v-if="webFilter()" type="primary">网页</Button>
+          <Button long
+                  @click="doShowWeb"
+                  type="primary">网页</Button>
         </i-col>
         <i-col :span="8">
-          <Button long @click="doShowMini" v-if="miniFilter()" type="primary">小程序</Button>
+          <Button long
+                  @click="doShowMini"
+                  type="primary">小程序</Button>
         </i-col>
       </Row>
     </Modal>
-    <Modal v-model="showWeb" title="添加网页消息" :loading="true">
+    <Modal v-model="showWeb"
-      <Form ref="webForm" :model="webForm" :rules="webFormRules">
+           title="添加网页消息"
-        <FormItem label="标题" prop="title">
+           :loading="true">
-          <i-input v-model="webForm.title" type="text" placeholder="请输入网页标题"></i-input>
+      <Form ref="webForm"
+            :model="webForm"
+            :rules="webFormRules">
+        <FormItem label="标题"
+                  prop="title">
+          <i-input v-model="webForm.title"
+                   type="text"
+                   placeholder="请输入网页标题"></i-input>
         </FormItem>
-        <FormItem label="添加网页消息" prop="url">
+        <FormItem label="添加网页消息"
-          <i-input v-model="webForm.url" type="text" placeholder="以http或https开头"></i-input>
+                  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"
-        <Button type="primary" @click="okWeb">确定</Button>
+                @click="cancelWeb">取消</Button>
+        <Button type="primary"
+                @click="okWeb">确定</Button>
       </div>
     </Modal>
-    <Modal v-model="showMini" title="添加小程序消息" :loading="true">
+    <Modal v-model="showMini"
-      <Form ref="miniForm" :model="miniForm" :rules="miniFormRules">
+           title="添加小程序消息"
-        <FormItem label="标题" prop="key">
+           :loading="true">
-          <i-input v-model="miniForm.key" type="text" placeholder="请输入标题"></i-input>
+      <Form ref="miniForm"
+            :model="miniForm"
+            :rules="miniFormRules">
+        <FormItem label="标题"
+                  prop="key">
+          <i-input v-model="miniForm.key"
+                   type="text"
+                   placeholder="请输入标题"></i-input>
         </FormItem>
-        <FormItem label="APPID" prop="appid">
+        <FormItem label="APPID"
-          <i-input v-model="miniForm.appid" type="text" placeholder="请输入appid"></i-input>
+                  prop="appid">
+          <i-input v-model="miniForm.appid"
+                   type="text"
+                   placeholder="请输入appid"></i-input>
         </FormItem>
-        <FormItem label="URI" prop="uri">
+        <FormItem label="URI"
-          <i-input v-model="miniForm.uri" type="text" placeholder="请输入URl"></i-input>
+                  prop="uri">
+          <i-input v-model="miniForm.uri"
+                   type="text"
+                   placeholder="请输入URl"></i-input>
         </FormItem>
         <FormItem label="封面图">
-          <Upload
+          <Upload ref="upload"
-            ref="upload"
                   :show-upload-list="false"
                   :on-success="miniUploadImgSuccess"
                   :format="['jpg', 'jpeg', 'png']"
@@ -148,32 +201,29 @@
                   multiple
                   type="drag"
                   action
-            style="display: inline-block;"
+                  style="display: inline-block;">
-          >
             <div style="width: 200px;height:200px;line-height: 200px;border:1px dashed #dedede">
               <span v-if="!miniForm.limitUpper">请上传图片</span>
-              <img
+              <img v-if="miniForm.limitUpper"
-                v-if="miniForm.limitUpper"
                    :src="`/kiisoo-ic` + miniForm.limitUpper"
                    alt
-                style="width: 100%; height: auto"
+                   style="width: 100%; height: auto" />
-              />
             </div>
           </Upload>
         </FormItem>
       </Form>
       <div slot="footer">
-        <Button type="primary" @click="cancelMini">取消</Button>
+        <Button type="primary"
-        <Button type="primary" @click="okMini">确定</Button>
+                @click="cancelMini">取消</Button>
+        <Button type="primary"
+                @click="okMini">确定</Button>
       </div>
     </Modal>
-    <selectStoreStep
+    <selectStoreStep :title="'配置范围'"
-      :title="'配置范围'"
                      :isModify="id>0"
                      @doShow="doShow"
                      :schedule="welcome"
-      :show="showStoreCheck"
+                     :show="showStoreCheck"></selectStoreStep>
-    ></selectStoreStep>
   </div>
 </template>
 
@@ -192,7 +242,7 @@ const validateUrl = (rule, value, callback) => {
   }
 };
 export default {
-  data() {
+  data () {
     return {
       showStoreCheck: false,
       showWeb: false,
@@ -238,7 +288,7 @@ export default {
   },
   watch: {
     welcome: {
-      handler() {
+      handler () {
         store.commit("SET_useData", {
           ...store.getters.useData,
           ...this.welcome
@@ -248,7 +298,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);
@@ -260,29 +310,17 @@ export default {
     selectStoreStep
   },
   methods: {
-    webFilter() {
+    paramFilter () {
-      return (
+      return this.welcome.params.length < 1;
-        this._.filter(this.welcome.params, item => item.type == 2).length < 1
-      );
-    },
-    imageFilter() {
-      return (
-        this._.filter(this.welcome.params, item => item.type == 1).length < 1
-      );
-    },
-    miniFilter() {
-      return (
-        this._.filter(this.welcome.params, item => item.type == 3).length < 1
-      );
     },
-    doShow() {
+    doShow () {
       this.showStoreCheck = false;
       this.welcome = store.getters.useData;
     },
-    onExceededSize() {
+    onExceededSize () {
       console.log("失败");
     },
-    getDetail(instanceId) {
+    getDetail (instanceId) {
       let _this = this;
       ActivityManager.instanceDetail(
         {
@@ -297,7 +335,7 @@ export default {
         }
       );
     },
-    showStores() {
+    showStores () {
       console.log({ ...store.getters.useData, ...this.welcome });
       store.commit("SET_useData", {
         ...this.welcome,
@@ -305,16 +343,16 @@ export default {
       });
       this.showStoreCheck = true;
     },
-    uploadImgSuccess(res, file) {},
+    uploadImgSuccess (res, file) { },
-    miniUploadImgSuccess(res, file) {},
+    miniUploadImgSuccess (res, file) { },
-    cancelWeb() {
+    cancelWeb () {
       this.showWeb = false;
     },
-    doShowWeb() {
+    doShowWeb () {
       this.showWeb = true;
       this.webForm = { url: "", title: "" };
     },
-    doShowMini() {
+    doShowMini () {
       this.showMini = true;
       this.miniForm = {
         appid: "",
@@ -324,10 +362,10 @@ export default {
         key: ""
       };
     },
-    cancelMini() {
+    cancelMini () {
       this.showMini = false;
     },
-    okWeb() {
+    okWeb () {
       let _this = this;
       this.$refs["webForm"].validate(valid => {
         if (valid) {
@@ -347,7 +385,7 @@ export default {
         }
       });
     },
-    okMini() {
+    okMini () {
       let _this = this;
       this.$refs["miniForm"].validate(valid => {
         if (valid) {
@@ -367,11 +405,11 @@ export default {
         }
       });
     },
-    delActivityInput(index) {
+    delActivityInput (index) {
       this.welcome.params.splice(index, 1);
       this.$forceUpdate();
     },
-    handleBeforeUploadMini(res) {
+    handleBeforeUploadMini (res) {
       const me = this;
       let data = new FormData();
       data.append("file", res);
@@ -385,7 +423,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;
@@ -396,7 +434,7 @@ export default {
       });
       return false;
     },
-    handleBeforeUpload(res) {
+    handleBeforeUpload (res) {
       const me = this;
       let data = new FormData();
       data.append("file", res);
@@ -410,7 +448,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;
@@ -430,7 +468,7 @@ export default {
       });
       return false;
     },
-    submit() {
+    submit () {
       let _this = this;
       _this.loading = true;
       if (this.welcome.stores.length <= 0) {