企业信息

pages/mobile/user/storeinfo.vue

@@ -9,93 +9,97 @@
     <!-- 店铺管理 -->
     <template v-if="storeInfo.storeName" >
       <div class="user-content mobile-fix-content">
-        <div class="si-wrap">
-          <ul class="infoul" :class="{'no-edit': !isAdmin}">
-            <li class="clearfix" :class="{border:  storeState !== 'look'}">
-              <div class="name pull-left" :class="{update: storeState !== 'look'}">店铺名称：</div>
-              <div class="text pull-left" v-if="storeState === 'look'">
-                {{storeInfo.storeName || '暂无信息'}}
-              </div>
-              <div v-else class="text pull-left">
-                <input v-model="storeInfo.storeName" type="text"/>
-              </div>
-            </li>
-            <li class="clearfix" :class="{border:  storeState !== 'look'}">
-              <div class="name pull-left" :class="{update: storeState !== 'look'}">简介：</div>
-              <div class="text pull-left clearfix" v-if="storeState === 'look'">
-                {{Islook ? dealWithText(storeInfo.description) : dealWithText()}}
-                <a class="pull-right" @click="dealWithText2('open')" v-show="Islook">
-                  全部<img src="/images/store/default/openblack.png"/>
-                </a>
-                <a class="pull-right upload" @click="dealWithText2('hide')" v-show="!hidelook">
-                  收起<img src="/images/store/default/openblack.png"/>
-                </a>
-              </div>
-              <div class="text pull-left" v-else>
-              <textarea v-model="storeInfo.description">
+        <div ref="userContent" class="user-center-content">
+          <div class="scroll">
+            <div class="si-wrap">
+              <ul class="infoul" :class="{'no-edit': !isAdmin}">
+                <li class="clearfix" :class="{border:  storeState !== 'look'}">
+                  <div class="name pull-left" :class="{update: storeState !== 'look'}">店铺名称：</div>
+                  <div class="text pull-left" v-if="storeState === 'look'">
+                    {{storeInfo.storeName || '暂无信息'}}
+                  </div>
+                  <div v-else class="text pull-left">
+                    <input v-model="storeInfo.storeName" type="text"/>
+                  </div>
+                </li>
+                <li class="clearfix" :class="{border:  storeState !== 'look'}">
+                  <div class="name pull-left" :class="{update: storeState !== 'look'}">简介：</div>
+                  <div class="text pull-left clearfix" v-if="storeState === 'look'">
+                    {{Islook ? dealWithText(storeInfo.description) : dealWithText()}}
+                    <a class="pull-right" @click="dealWithText2('open')" v-show="Islook">
+                      全部<img src="/images/store/default/openblack.png"/>
+                    </a>
+                    <a class="pull-right upload" @click="dealWithText2('hide')" v-show="!hidelook">
+                      收起<img src="/images/store/default/openblack.png"/>
+                    </a>
+                  </div>
+                  <div class="text pull-left" v-else>
+                  <textarea v-model="storeInfo.description">
 
-              </textarea>
-              </div>
-            </li>
-            <li class="clearfix" :class="{border:  storeState !== 'look'}">
-              <div class="name pull-left" :class="{update: storeState !== 'look'}">企业地址：</div>
-              <div class="text pull-left" v-if="storeState === 'look'">
-                {{storeInfo.enterprise.address || '暂无信息'}}
-              </div>
-              <div v-else class="text pull-left">
-                <input v-model="storeInfo.enterprise.address" type="text"/>
-              </div>
-            </li>
-            <li class="clearfix" :class="{border:  storeState !== 'look'}">
-              <div class="name pull-left" :class="{update: storeState !== 'look'}">电话：</div>
-              <div class="text pull-left" v-if="storeState === 'look'">
-                {{storeInfo.enterprise.enTel || '暂无信息'}}
-              </div>
-              <div v-else class="text pull-left">
-                <input v-model="storeInfo.enterprise.enTel" type="text"/>
-              </div>
-            </li>
-            <li class="clearfix" :class="{border:  storeState !== 'look'}">
-              <div class="name pull-left" :class="{update: storeState !== 'look'}">传真：</div>
-              <div class="text pull-left" v-if="storeState === 'look'">
-                {{storeInfo.enterprise.enFax || '暂无信息'}}
-              </div>
-              <div v-else class="text pull-left">
-                <input v-model="storeInfo.enterprise.enFax" type="text"/>
-              </div>
-            </li>
-            <li class="clearfix" :class="{border:  storeState !== 'look'}">
-              <div class="name pull-left" :class="{update: storeState !== 'look'}">手机：</div>
-              <div class="text pull-left" v-if="storeState === 'look'">
-                {{storeInfo.enterprise.enPhone || '暂无信息'}}
-              </div>
-              <div v-else class="text pull-left">
-                <input v-model="storeInfo.enterprise.enPhone" type="text"/>
-              </div>
-            </li>
-            <li class="clearfix" :class="{border:  storeState !== 'look'}">
-              <div class="name pull-left" :class="{update: storeState !== 'look'}">微信：</div>
-              <div class="text pull-left" v-if="storeState === 'look'">
-                {{storeInfo.enterprise.enWeixin || '暂无信息'}}
-              </div>
-              <div v-else class="text pull-left">
-                <input v-model="storeInfo.enterprise.enWeixin" type="text"/>
-              </div>
-            </li>
-            <li class="clearfix" :class="{border:  storeState !== 'look'}">
-              <div class="name pull-left" :class="{update: storeState !== 'look'}">QQ：</div>
-              <div class="text pull-left" v-if="storeState === 'look'">
-                {{storeInfo.enterprise.enQQ || '暂无信息'}}
-              </div>
-              <div v-else class="text pull-left">
-                <input v-model="storeInfo.enterprise.enQQ" type="text"/>
-              </div>
-            </li>
-          </ul>
-        </div>
-        <div class="control clearfix" v-if="storeState !== 'look'">
+                  </textarea>
+                  </div>
+                </li>
+                <li class="clearfix" :class="{border:  storeState !== 'look'}">
+                  <div class="name pull-left" :class="{update: storeState !== 'look'}">企业地址：</div>
+                  <div class="text pull-left" v-if="storeState === 'look'">
+                    {{storeInfo.enterprise.address || '暂无信息'}}
+                  </div>
+                  <div v-else class="text pull-left">
+                    <input v-model="storeInfo.enterprise.address" type="text"/>
+                  </div>
+                </li>
+                <li class="clearfix" :class="{border:  storeState !== 'look'}">
+                  <div class="name pull-left" :class="{update: storeState !== 'look'}">电话：</div>
+                  <div class="text pull-left" v-if="storeState === 'look'">
+                    {{storeInfo.enterprise.enTel || '暂无信息'}}
+                  </div>
+                  <div v-else class="text pull-left">
+                    <input v-model="storeInfo.enterprise.enTel" type="text"/>
+                  </div>
+                </li>
+                <li class="clearfix" :class="{border:  storeState !== 'look'}">
+                  <div class="name pull-left" :class="{update: storeState !== 'look'}">传真：</div>
+                  <div class="text pull-left" v-if="storeState === 'look'">
+                    {{storeInfo.enterprise.enFax || '暂无信息'}}
+                  </div>
+                  <div v-else class="text pull-left">
+                    <input v-model="storeInfo.enterprise.enFax" type="text"/>
+                  </div>
+                </li>
+                <li class="clearfix" :class="{border:  storeState !== 'look'}">
+                  <div class="name pull-left" :class="{update: storeState !== 'look'}">手机：</div>
+                  <div class="text pull-left" v-if="storeState === 'look'">
+                    {{storeInfo.enterprise.enPhone || '暂无信息'}}
+                  </div>
+                  <div v-else class="text pull-left">
+                    <input v-model="storeInfo.enterprise.enPhone" type="text"/>
+                  </div>
+                </li>
+                <li class="clearfix" :class="{border:  storeState !== 'look'}">
+                  <div class="name pull-left" :class="{update: storeState !== 'look'}">微信：</div>
+                  <div class="text pull-left" v-if="storeState === 'look'">
+                    {{storeInfo.enterprise.enWeixin || '暂无信息'}}
+                  </div>
+                  <div v-else class="text pull-left">
+                    <input v-model="storeInfo.enterprise.enWeixin" type="text"/>
+                  </div>
+                </li>
+                <li class="clearfix" :class="{border:  storeState !== 'look'}">
+                  <div class="name pull-left" :class="{update: storeState !== 'look'}">QQ：</div>
+                  <div class="text pull-left" v-if="storeState === 'look'">
+                    {{storeInfo.enterprise.enQQ || '暂无信息'}}
+                  </div>
+                  <div v-else class="text pull-left">
+                    <input v-model="storeInfo.enterprise.enQQ" type="text"/>
+                  </div>
+                </li>
+              </ul>
+            </div>
+            <div class="control clearfix" v-if="storeState !== 'look'">
           <div class="cancel" @click="storeInfosave('cancel')" >取消</div>
           <div class="save" @click="storeInfosave()">保存</div>
+            </div>
+          </div>
         </div>
       </div>
     </template>
@@ -113,6 +117,7 @@
 </template>
 
 <script>
+  import BScroll from 'better-scroll'
   import { RemindBox } from '~components/mobile/common'
   export default {
     layout: 'mobileNoHeader',
@@ -245,6 +250,17 @@
     },
     components: {
       RemindBox
+    },
+    mounted() {
+      this.$nextTick(() => {
+        if (this.BScroll) {
+          this.BScroll.refresh()
+        } else {
+          this.BScroll = new BScroll(this.$refs.userContent, {
+            click: true
+          })
+        }
+      })
     }
   }
 </script>
@@ -257,6 +273,13 @@
       margin: .3rem auto;
       background: #fff;
     }
+    .user-center-content {
+      height: 100%;
+      overflow: hidden;
+    }
+    .scroll {
+      padding-bottom: 0.4rem;
+    }
   }
   .com-mobile-header {
     i {