gxd-uni-library-editx 1.0.0

package/src/dome/dome/dcom/app4.vue

@@ -0,0 +1,13 @@
+<template>
+  <view>4</view>
+</template>
+
+<script>
+  export default {
+    name: "app4"
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/dome/dome/dcom/app5.vue

@@ -0,0 +1,13 @@
+<template>
+  <view>5</view>
+</template>
+
+<script>
+  export default {
+    name: "app5"
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/dome/dome/dcom/index.vue

@@ -0,0 +1 @@
+<template> <xd-layout background="#f8f8f8" :show-bar="false" @back="back" > <xd-bar>商品详情</xd-bar> <template v-for="item in testlist"> <xd-bar v-if="item.id === data.id"></xd-bar> <app1 v-if="item.id ===data.id"></app1> <app2 v-if="item.id === data.id"></app2> <app3 v-if="item.id === data.id"></app3> <app4 v-if="item.id === data.id"></app4> </template> </xd-layout> </template> <script> import XdLayout from "@/components/XdLayout/XdLayout"; import XdBar from "@/components/XdBar/XdBar"; import app1 from "@/dome/dome/dcom/app1"; import app2 from "@/dome/dome/dcom/app2"; import app3 from "@/dome/dome/dcom/app3"; import app4 from "@/dome/dome/dcom/app4"; export default { name: "AppProductCake", components: { XdLayout, XdBar,app1,app2,app3,app4, }, data() { return { testlist: [ {name: 'app1', id: 1}, {name: 'app2', id: 2}, {name: 'app3', id: 3}, {name: 'app4', id: 4}, {name: 'app5', id: 5}, ] } }, created(){ }, methods: { back(){ this.$xdUniHelper.navigateBack() }, } } </script>

package/src/dome/dome/debug/debug.vue

@@ -0,0 +1,95 @@
+<template>
+  <xd-layout
+    :title="title"
+    background="#fff"
+    :show-footer="false"
+    @done="handleDone"
+  >
+    <view class="app-body" v-if="layoutDone">
+      <view>
+        <xd-button type="primary" @click="handleClearStorage">清除手机STORAGE</xd-button>
+      </view>
+      <!-- #ifdef H5 -->
+      <view>
+        <xd-button type="subPrimary" @click="handleClearCookie">清除手机COOKIE</xd-button>
+      </view>
+      <!-- #endif -->
+      <view>
+        <xd-button type="primary" @click="handleClear">一键清除</xd-button>
+      </view>
+    </view>
+  </xd-layout>
+</template>
+
+<script>
+  import storage from "@/common/storage";
+  // #ifdef H5
+  import cookie from "@/common/cookie";
+  //#endif
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdButton from "@/components/XdButton/XdButton";
+
+  export default {
+    name: "debug",
+    components: {
+      XdLayout,
+      XdButton
+    },
+    data() {
+      return {
+        layoutDone: false, //layout插件加载完成
+        top: 0,
+        bottom: 0,
+        title: '清除缓存',
+      }
+    },
+    methods:{
+
+      handleClear(){
+        storage.clear();
+        // #ifdef H5
+        this.clearAllCookie();
+        //#endif
+      },
+
+      handleClearStorage(){
+        storage.clear();
+      },
+
+      handleClearCookie() {
+        this.clearAllCookie();
+      },
+
+      clearAllCookie() {
+        let domains =this.$settings.domain || ['.jufubao.cn'];
+        domains.map((item) => {
+          cookie.remove(this.$settings.tokenKey, {domain: item});
+        });
+
+        let keys = document.cookie.match(/[^ =;]+(?=\=)/g);
+        if(keys.length > 0) {
+          keys.map((key)=>{
+            cookie.remove(key);
+          })
+        }
+      },
+
+      handleDone(layoutInfo) {
+        let {bottom, top} = layoutInfo;
+        this.bottom = bottom;
+        this.top = top;
+        this.layoutDone = true;
+      },
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .app-body {
+    padding: unit(50,rpx);
+
+    & > view {
+      margin-bottom: unit(20,rpx);
+    }
+  }
+</style>

package/src/dome/dome/docache/docache.vue

@@ -0,0 +1,88 @@
+<template>
+  <xd-layout
+    title="清除缓存"
+    :show-back="false"
+    :show-footer="false"
+  >
+    <view class="app-body">
+      <view>
+        <xd-button type="primary" @click="handleClearStorage">清除手机STORAGE</xd-button>
+      </view>
+      <!-- #ifdef H5 -->
+      <view>
+        <xd-button type="subPrimary" @click="handleClearCookie">清除手机COOKIE</xd-button>
+      </view>
+      <!-- #endif -->
+      <view>
+        <xd-button type="primary" @click="handleClear">一键清除</xd-button>
+      </view>
+      <view>
+        <xd-button type="subPrimary" @click="handleIndex">返回首页</xd-button>
+      </view>
+
+    </view>
+  </xd-layout>
+</template>
+
+<script>
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdButton from "@/components/XdButton/XdButton";
+  import storage from "@/common/storage";
+  // #ifdef H5
+  import cookie from "@/common/cookie";
+  //#endif
+
+  export default {
+    name: "catch",
+    components: {
+      XdLayout,
+      XdButton
+    },
+    methods: {
+      handleClear() {
+        storage.clear();
+        // #ifdef H5
+        this.clearAllCookie();
+        //#endif
+        this.$xdAlert({content: '清除成功', isClose: false});
+      },
+
+      handleClearStorage() {
+        storage.clear();
+        this.$xdAlert({content: '清除成功', isClose: false});
+      },
+
+      handleClearCookie() {
+        this.clearAllCookie();
+        this.$xdAlert({content: '清除成功', isClose: false});
+      },
+
+      clearAllCookie() {
+        let keys = document.cookie.match(/[^ =;]+(?=\=)/g);
+        if (keys && keys.length > 0) {
+          keys.map((key) => {
+            cookie.remove(key);
+          })
+        }
+
+
+      },
+
+      handleIndex(){
+        this.$xdUniHelper.redirectTo({
+          url: this.$settings.index
+        })
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .app-body {
+    padding: unit(50, rpx);
+
+    & > view {
+      margin-bottom: unit(20, rpx);
+    }
+  }
+</style>

package/src/dome/dome/express.vue

@@ -0,0 +1,269 @@
+<template>
+  <xd-layout
+    title="物流时间线"
+    background="#f8f8f8"
+    :show-bar="true"
+    @click="back"
+  >
+    <view class="xd-express-change" v-if="expressList !== null">
+      <view v-for="(item,index) in expressList" :key="index" @click="handleChange(item,index)">
+        <xd-radio size="mini" v-model="item.check"></xd-radio>
+        <view>{{item.number}}({{item.name}})</view>
+      </view>
+    </view>
+    <xd-express-time-line
+      v-if="alidata !== null"
+      :state="3"
+      :datas="alidata.data"
+      :information="alidata.information"
+    ></xd-express-time-line>
+  </xd-layout>
+</template>
+
+<script>
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdExpressTimeLine from "@/components/XdExpressTimeLine/XdExpressTimeLine";
+  import XdRadio from "@/components/XdRadio/XdRadio";
+  import {Base64} from 'js-base64';
+
+  export default {
+    name: "",
+    components: {
+      XdRadio,
+      XdExpressTimeLine,
+      XdLayout
+    },
+    data() {
+      return {
+        //测试数据1
+        alidata: null,
+
+        //测试数据2
+        alidata2: {
+          state: 3,
+          uptime: '2019-05-24 10:58:24',
+          data: [
+            {
+              time: '2019-05-20 16:27:31',
+              remark: '杭州市【杭州西湖区十八部】，公司门口！详情致电17609715305 已签收'
+            },
+            {
+              time: '2019-05-20 14:03:11',
+              remark: '杭州市【杭州西湖区十八部】，【谭德银17609715305】正在派件'
+            },
+            {
+              time: '2019-05-20 10:53:15',
+              remark: '到杭州市【杭州西湖区十八部】'
+            },
+            {
+              time: '2019-05-20 04:22:38',
+              remark: '杭州市【杭州转运营业中心】，正发往【杭州西湖区十八部】'
+            },
+            {
+              time: '2019-05-20 03:30:17',
+              remark: '到杭州市【杭州转运中心】'
+            },
+            {
+              time: '2019-05-19 21:46:27',
+              remark: '苏州市【无锡转运中心】，正发往【杭州转运中心】'
+            },
+            {
+              time: '2019-05-19 21:43:28',
+              remark: '到苏州市【无锡转运中心】'
+            },
+            {
+              time: '2019-05-19 17:11:40',
+              remark: '到南通市【海门】'
+            },
+            {
+              time: '2019-05-19 13:17:56',
+              remark: '南通市【海门】，【金喜露18068137656】已揽收'
+            }
+          ],
+          information: {
+            no: '70939995911523',
+            sName: 'HTKY',
+            expName: '百世快递(原汇通)',
+            url: 'http:www.htky365.com',
+            tel: '021-62963636',
+            img: 'https:oss-cn2.apistore.cnexpHTKY.png'
+          }
+        },
+
+        expressList: null,
+        expressIndex: 0,
+      }
+    },
+
+    mounted(){
+      this.$nextTick(()=>{
+        let {express} = this.$route.query;
+        try{
+          this.expressList = JSON.parse(Base64.decode(express)).map((item,index)=>{
+            if(index === 0) return {...item, check: true};
+            else return {...item, check: false}
+          });
+          this.getList(this.expressList[0]);
+        }
+        catch (e) {
+          this.getList();
+        }
+      });
+    },
+
+    methods: {
+      handleChange(item,index){
+        if(index === this.expressIndex) return;
+        this.expressIndex = index;
+        this.expressList = this.expressList.map((item,idx)=>{
+          if(idx === index) {
+            item = {...item, check: true};
+            this.alidata = null
+            this.getList(item);
+            return item;
+          }
+          else {
+            return {...item, check: false}
+          }
+        })
+      },
+
+      getList(item){
+        let information = {
+          "name": "顺丰快递",
+          "orderId": "s451214554121212",
+          "number": "21212121212112",
+          ...item,
+        };
+        this.$xdShowLoading({});
+        setTimeout(()=>{
+          this.alidata = {
+            state: 2,
+            uptime: '2019-05-23 17:52:06',
+            data: [
+              {
+                time: '2019-05-23 16:30:20',
+                remark: '[杭州市]快件派送至【丰巢智能快递柜】'
+              },
+              {
+                time: '2019-05-23 14:54:29',
+                remark: '[杭州市]快件交给黄平，正在派送途中（联系电话：15157162459）'
+              },
+              {
+                time: '2019-05-23 14:48:46',
+                remark: '[杭州市]正在派送途中'
+              },
+              {
+                time: '2019-05-23 14:42:32',
+                remark: '[杭州市]快件到达 【杭州西湖金月巷营业点】'
+              },
+              {
+                time: '2019-05-23 12:48:30',
+                remark: '[杭州市]快件已发车'
+              },
+              {
+                time: '2019-05-23 12:48:20',
+                remark: '[杭州市]快件在【杭州下沙中转场】已装车'
+              },
+              {
+                time: '2019-05-23 11:36:57',
+                remark: '[杭州市]快件到达 【杭州下沙中转场】'
+              },
+              {
+                time: '2019-05-23 10:17:28',
+                remark: '[杭州市]快件已发车'
+              },
+              {
+                time: '2019-05-23 10:08:43',
+                remark: '[杭州市]快件在【杭州上城集散中心】已装车'
+              },
+              {
+                time: '2019-05-23 09:10:37',
+                remark: '[杭州市]快件到达 【杭州上城集散中心】'
+              },
+              {
+                time: '2019-05-22 18:00:48',
+                remark: '[郑州市]快件已发车'
+              },
+              {
+                time: '2019-05-22 16:59:21',
+                remark: '[郑州市]快件在【郑州经开集散中心】已装车'
+              },
+              {
+                time: '2019-05-22 16:17:40',
+                remark: '[郑州市]快件到达 【郑州经开集散中心】'
+              },
+              {
+                time: '2019-05-22 13:28:58',
+                remark: '[洛阳市]快件已发车'
+              },
+              {
+                time: '2019-05-22 13:28:22',
+                remark: '[洛阳市]快件在【洛阳机场集散中心】已装车'
+              },
+              {
+                time: '2019-05-22 12:06:57',
+                remark: '[洛阳市]快件到达 【洛阳机场集散中心】'
+              },
+              {
+                time: '2019-05-22 11:45:09',
+                remark: '[洛阳市]快件已发车'
+              },
+              {
+                time: '2019-05-22 11:34:13',
+                remark: '[洛阳市]快件在【洛阳涧西集收客户营业部】已装车'
+              },
+              {
+                time: '2019-05-22 11:27:43',
+                remark: '[洛阳市]顺丰速运 已收取快件'
+              },
+              {
+                time: '2019-05-22 11:17:30',
+                remark: '[洛阳市]顺丰速运 已收取快件'
+              }
+            ],
+            information: information
+          };
+          this.$xdHideLoading();
+        }, 500)
+      },
+
+      back(){
+        this.$xdUniHelper.navigateBack()
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .xd-express-change {
+    background: #fff;
+    margin-bottom: unit(20,rpx);
+    padding: unit(10,rpx) unit(10,rpx);
+    font-size: @xd-font-size-base + 4;
+
+    & >view {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      padding: 0 0 unit(10,rpx);
+
+      &:last-child {
+        padding-bottom: 0;
+      }
+
+      & > view:last-child {
+        padding-left: unit(10,rpx);
+      }
+
+    }
+  }
+
+  /deep/ .xd-express__info {
+    & > view  {
+      font-size: @xd-font-size-base + 4;
+      color: #666;
+    }
+
+  }
+</style>