gxd-uni-library-editx 1.0.0

package/src/dome/dome/address.vue

@@ -0,0 +1,415 @@
+<template>
+  <xd-layout
+    title="用户新增配送地址"
+    background="#f8f8f8"
+    :show-bar="true"
+    :show-footer="false"
+    :bottom-height="100"
+    @back="back"
+  >
+    <view class="app-body">
+      <view class="xd-address">
+        <view
+          class="xd-address__item"
+          v-if="list.length > 0"
+          v-for="item in list"
+          :key="item.id"
+        >
+          <view class="xd-address__item-icon">
+            <xd-font-icon
+              v-if="item.is_select === 'Y'"
+              icon="iconduigou"
+              size="30"
+              :color="$mainColor"
+            ></xd-font-icon>
+          </view>
+          <view class="xd-address__item-left">
+            <view>
+              <view
+                class="xd-address__item-left-default"
+                :style="{background: $mainColor}"
+                v-if="item.is_default === 1"
+              >默认</view>
+              <view class="xd-address__item-left-address">{{item| getCodeName}}</view>
+            </view>
+            <view>{{item.address_detail}}</view>
+            <view>
+              <view>{{item.name}}</view>
+              <view>{{item.phone}}</view>
+            </view>
+          </view>
+          <view class="xd-address__item-right">
+            <view @click.stop="handleEdit(item)">
+              <xd-font-icon icon="iconbianji2" size="32" color="#999"></xd-font-icon>
+            </view>
+            <view @click.stop="handleDel(item)">
+              <xd-font-icon icon="iconbianji3" size="33" color="#999"></xd-font-icon>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <template slot="footer">
+      <view class="app-body__btn">
+        <xd-button type="primary" @click="showAddress=!showAddress">+新增收货地址</xd-button>
+      </view>
+    </template>
+    <xd-down-drawer
+      v-if="showAddress"
+      :show.sync="showAddress"
+      :z-index="2500"
+    >
+      <xd-address
+        @getCity="handleGetCity"
+        @save="handleSave"
+        @onToLocation="handleToLocation"
+        @onAddressToCode="handleAddressToCode"
+      ></xd-address>
+    </xd-down-drawer>
+  </xd-layout>
+</template>
+
+<script>
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdDownDrawer from "@/components/XdDownDrawer/XdDownDrawer";
+  import XdAddress from "@/components/XdAddress/XdAddress";
+  import XdButton from "@/components/XdButton/XdButton";
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+
+  export default {
+    name: "AppXdAddress",
+    components: {
+      XdButton,
+      XdLayout,
+      XdDownDrawer,
+      XdAddress,
+      XdFontIcon
+    },
+    data() {
+      return {
+        showAddress: false,
+        cityList: {
+          '0': [
+            {"value": "1", "label": "\u5317\u4eac"},
+            {"value": "21", "label": "\u6c5f\u897f"},
+            {"value": "13", "label": "\u5c71\u4e1c"},
+            {"value": "18", "label": "\u6e56\u5357"},
+          ],
+          '1': [
+            {"value": "jfb1", "label": "\u5317\u4eac"},
+            {"value": "bj-test1", "label": "\u5317\u4eac-\u6d4b\u8bd5"}
+          ],
+          'jfb1': [
+            {"value": "2812", "label": "\u987a\u4e49\u533a"}, {
+              "value": "2807",
+              "label": "\u95e8\u5934\u6c9f"
+            }, {"value": "2806", "label": "\u77f3\u666f\u5c71\u533a"}, {
+              "value": "2803",
+              "label": "\u5d07\u6587\u533a"
+            }, {"value": "2810", "label": "\u5927\u5174\u533a"}, {
+              "value": "2808",
+              "label": "\u623f\u5c71\u533a"
+            }, {"value": "2814", "label": "\u6000\u67d4\u533a"}, {
+              "value": "2800",
+              "label": "\u6d77\u6dc0\u533a"
+            }, {"value": "2801", "label": "\u897f\u57ce\u533a"}, {
+              "value": "2804",
+              "label": "\u5ba3\u6b66\u533a"
+            }, {"value": "2953", "label": "\u5e73\u8c37\u533a"}, {
+              "value": "2809",
+              "label": "\u901a\u5dde\u533a"
+            }, {"value": "2816", "label": "\u5bc6\u4e91\u533a"}, {
+              "value": "3065",
+              "label": "\u5ef6\u5e86\u533a"
+            }, {"value": "2802", "label": "\u4e1c\u57ce\u533a"}, {
+              "value": "2901",
+              "label": "\u660c\u5e73\u533a"
+            }, {"value": "2805", "label": "\u4e30\u53f0\u533a"},
+            {"value": "72", "label": "\u671d\u9633\u533a"}
+          ],
+          '2812': [
+            {"value": "51130", "label": "\u5149\u660e\u8857\u9053"}, {
+              "value": "51125",
+              "label": "\u5317\u77f3\u69fd\u9547"
+            }, {"value": "51147", "label": "\u6768\u9547\u5730\u533a"}, {
+              "value": "51126",
+              "label": "\u5317\u52a1\u9547"
+            }, {"value": "51141", "label": "\u4ec1\u548c\u5730\u533a"}, {
+              "value": "51139",
+              "label": "\u5357\u6cd5\u4fe1\u5730\u533a"
+            }, {"value": "51134", "label": "\u674e\u9042\u9547"}, {
+              "value": "51138",
+              "label": "\u5357\u5f69\u9547"
+            }, {"value": "51127", "label": "\u5317\u5c0f\u8425\u9547"}, {
+              "value": "51136",
+              "label": "\u9a6c\u5761\u5730\u533a"
+            }, {"value": "51135", "label": "\u9f99\u6e7e\u5c6f\u9547"}, {
+              "value": "51140",
+              "label": "\u725b\u680f\u5c71\u5730\u533a"
+            }, {"value": "51142", "label": "\u80dc\u5229\u8857\u9053"}, {
+              "value": "51146",
+              "label": "\u65fa\u6cc9\u8857\u9053"
+            }, {"value": "51131", "label": "\u540e\u6c99\u5cea\u5730\u533a"}, {
+              "value": "51133",
+              "label": "\u674e\u6865\u9547"
+            }, {"value": "51128", "label": "\u5927\u5b59\u5404\u5e84\u9547"}, {
+              "value": "51149",
+              "label": "\u8d75\u5168\u8425\u9547"
+            }, {"value": "51137", "label": "\u6728\u6797\u9547"}, {
+              "value": "51143",
+              "label": "\u77f3\u56ed\u8857\u9053"
+            }, {"value": "51132", "label": "\u7a7a\u6e2f\u8857\u9053"}, {
+              "value": "51129",
+              "label": "\u9ad8\u4e3d\u8425\u9547"
+            }, {"value": "51144", "label": "\u53cc\u4e30\u8857\u9053"}, {
+              "value": "51145",
+              "label": "\u5929\u7afa\u5730\u533a"
+            }, {"value": "51148", "label": "\u5f20\u9547"}, {
+              "value": "qweq123",
+              "label": "\u5e73\u65b9\u8857\u9053"
+            }
+          ],
+        },
+
+        list: [
+          {
+            "id": 95211,
+            "name": "高世勇",
+            "province_code": "1",
+            "city_code": "jfb1",
+            "area_code": "2812",
+            "street_code": "51130",
+            "province_name": "北京",
+            "city_name": "北京",
+            "area_name": "顺义区",
+            "street_name": "光明街道",
+            "address_detail": "多多岛萨阿德",
+            "phone": "15110208397",
+            "is_default": 1,
+            "tag": null,
+            "tag_name": "",
+            "dangaoss_addr_id": "",
+            "is_select": "N"
+          }, {
+            "id": 88949,
+            "name": "高世勇",
+            "province_code": "18",
+            "city_code": "1511",
+            "area_code": "1512",
+            "street_code": "31331",
+            "province_name": "湖南",
+            "city_name": "邵阳市",
+            "area_name": "武冈市",
+            "street_name": "秦桥镇",
+            "address_detail": "1111",
+            "phone": "15110208397",
+            "is_default": 0,
+            "tag": 1,
+            "tag_name": "家庭",
+            "dangaoss_addr_id": "1508751",
+            "is_select": "Y"
+          }
+        ]
+      }
+    },
+    filters:{
+      getCodeName(item){
+        return `${item.province_name}${item.city_name}${item.area_name}${item.street_name}`
+      }
+    },
+    created(){
+
+    },
+    methods: {
+      back(){
+        this.$xdUniHelper.navigateBack()
+      },
+
+      handleDel(item) {
+        console.log('handleDel', item);
+        this.$xdConfirm({
+          content: '确定删除当前配送地址吗?',
+          width: '80%',
+          success: (res) => {
+            if (res.confirm) {
+              this.$xdShowLoading({});
+              this.delAddress({id: item['id']})
+                .then(() => {
+                  setTimeout(() => {
+                    this.getList();
+                  }, 200)
+                })
+                .catch(this.$xdLog.catch)
+            }
+          }
+        })
+      },
+
+      handleEdit(item) {
+        this.defaultValue = {
+          receipt_username: item['name'],
+          receipt_address: item['address_detail'],
+          receipt_phone: item['phone'],
+          receipt_default: item['is_default'] === 1,
+          id: item['id'],
+        };
+        console.log('handleEdit', item, this.defaultValue);
+        this.xdDowncDrawer = true;
+      },
+
+      /**
+       * @description 反解析地址获取数据
+       * @param address 定位地址对象
+       * @param callback 成功回调方法
+       */
+      handleAddressToCode(address, callback){
+        setTimeout(()=>{
+          callback({
+            city_name: ["北京", "北京", "顺义区", "杨镇地区"],
+            city_code: ["1", "jfb1", "2812", "51147"],
+            city_selected_data: [
+              {"value": "1", "label": "北京"},
+              {"value": "jfb1", "label": "北京"},
+              {"value": "2812", "label": "顺义区"},
+              {"value": "51147", "label": "杨镇地区"}
+            ],
+            receipt_region_name: '北京 北京 顺义区 杨镇地区',
+          })
+        }, 500)
+      },
+
+      /**
+       * @description 打开地图定位
+       */
+      handleToLocation(){
+        this.$xdUniHelper.navigateTo({
+          url: '/dome/dome/map/search'
+        })
+      },
+
+
+
+      /**x新增用户地址功能*********/
+      /**
+       * @description 获取城下的下级城市
+       * @param parentId
+       * @param level
+       * @param resolve
+       */
+      handleGetCity({parentId, level}, resolve) {
+        if(this.cityList[parentId]) {
+          resolve(this.cityList[parentId]);
+        }
+        //无子级城市城市列表返回空数组
+        else{
+          resolve([]);
+        }
+      },
+
+      /**
+       * @description 保存事件
+       * @param address
+       */
+      handleSave(address) {
+        console.log('address', address);
+        this.xdDowncDrawer = false;
+      },
+      /**新增用户地址功能 结束*********/
+
+
+
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .app-body{
+    &__btn {
+      background: #fff;
+      padding: unit(20,rpx)
+    }
+  }
+
+  .xd-address {
+    padding: unit(10,rpx) 0;
+
+    &__item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: unit(20, rpx) unit(10,rpx) unit(20, rpx);
+      border-bottom: 1px solid #e5e5e5;
+      background: #fff;
+
+      &-icon {
+        width: unit(50,rpx);
+        flex-shrink: 0;
+        margin-right: unit(20,rpx);
+      }
+
+      &-left {
+        flex: 1;
+        width: 0;
+
+        &-default {
+          color: #fff;
+          line-height: unit(30,rpx);
+          padding: unit(4,rpx) unit(10,rpx);
+          border-radius: unit(6,rpx);
+          margin-right: unit(10,rpx);
+          flex-shrink: 0;
+          transform: scale(.9);
+        }
+
+        &-address {
+          flex: 1;
+          width: 0;
+        }
+
+        & > view:first-child{
+          font-size: unit(22,rpx);
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          color: #999;
+          padding-bottom: unit(8,rpx);
+
+          & > view:first-child {}
+        }
+
+        & > view:nth-child(2) {
+          font-size: unit(28,rpx);
+          padding-bottom: unit(10,rpx);
+        }
+
+        & > view:last-child {
+          color: #999;
+          font-size: unit(22,rpx);
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+
+          & > view:first-child  {
+            margin-right: unit(40,rpx);
+          }
+        }
+      }
+
+      &-right {
+        flex-shrink: 0;
+        margin-left: unit(20,rpx);
+        display: flex;
+        justify-content:flex-end;
+        align-items: center;
+
+        & > view {
+          margin-left: unit(10,rpx);
+          &:first-child {
+            margin-left: 0;
+          }
+        }
+      }
+    }
+  }
+
+</style>

package/src/dome/dome/auth/login.vue

@@ -0,0 +1,166 @@
+<template>
+  <xd-layout
+    bar-icon-color="#333"
+    :show-bar="true"
+    :show-footer="false"
+    :show-back="false">
+
+    <view class="app-body">
+      <view class="logo_wrap">
+        <image mode="widthFix" :src="require('@/assets/images/logo_hi.png')" class="logo" />
+      </view>
+      <view class="login_form-wrap">
+        <view class="form_group border">
+          <xd-form-input :inputBorder="false"
+            placeholder="请输入账号"
+            v-model="login_form.username"
+            @input="userNameChange"></xd-form-input>
+        </view>
+        <view class="form_group border">
+          <xd-form-input :inputBorder="false"
+            placeholder="请输入密码"
+            type="password"
+            v-model="login_form.password"
+            @input="passwordChange"></xd-form-input>
+        </view>
+        <view class="form_group agreement">
+          <xd-radio v-model="isCheck" size="mini"></xd-radio> 已阅读并同意<navigator class="navigator" url="/dome/dome/webview">《用户协议》</navigator> <navigator class="navigator" url="/dome/dome/webview">《隐私协议》</navigator>
+        </view>
+        <view class="form_group login_btn">
+          <xd-button
+            type="primary"
+            style="width:100%;"
+            :disabled="!login_form.username || !login_form.password || !isCheck"
+            @click="login">
+            登录
+          </xd-button>
+        </view>
+
+      </view>
+      <view class="other_logins">
+        <xd-more background="#FFF">其他登录方式</xd-more>
+        <div class="logins_list">
+          <view class="login_item">
+            <image mode="widthFix" :src="require('@/assets/images/login_wechat.png')" class="login_icon" />
+            <!-- <view class="login_text">微信登录</view> -->
+          </view>
+        </div>
+      </view>
+    </view>
+
+  </xd-layout>
+</template>
+
+<script>
+import XdLayout from '@/components/XdLayout/XdLayout.vue';
+import XdButton from '@/components/XdButton/XdButton.vue';
+import XdMore from '@/components/XdMore/XdMore.vue';
+import XdRadio from '@/components/XdRadio/XdRadio.vue';
+import XdFormInput from '@/components/XdFormInput/XdFormInput.vue';
+export default {
+  components: {
+    XdLayout,
+    XdButton,
+    XdMore,
+    XdRadio,
+    XdFormInput
+  },
+  data() {
+    return {
+      login_form: {
+        username: "",//用户名
+        password: "",//密码
+      },
+      isCheck: false
+    }
+  },
+  created() {
+    //
+  },
+  mounted() {
+    //
+  },
+  methods: {
+    userNameChange(){
+
+    },
+    passwordChange(){
+
+    },
+    login(){
+
+    }
+  },
+}
+</script>
+
+<style scoped lang="less">
+  .logo_wrap{
+    padding: 100rpx 0 120rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .logo{
+      width: 230rpx;
+    }
+  }
+  .login_form-wrap{
+    margin: 85rpx;
+
+    .form_group{
+      display: flex;
+      align-items: center;
+      &.border{
+        border-bottom: 1px solid #ddd;
+        margin: 8rpx 0;
+      }
+      &.agreement{
+        font-size: 24rpx;
+        margin-top: 20rpx;
+        color: @xd-text-color-grey;
+
+        navigator{
+          color: #3DABFF;
+        }
+      }
+      &.login_btn{
+        width: 100%;
+        margin-top: 112rpx;
+      }
+      // input{
+
+      //   height: 80rpx;
+      //   width: 100%;
+      //   font-size: 30rpx;
+      //   margin: 8rpx 0;
+      //   /deep/ .uni-input-placeholder{
+      //     font-size: 30rpx;
+      //     color: #999999;
+      //   }
+      // }
+    }
+  }
+
+
+  .other_logins{
+    position: fixed;
+    bottom: 64rpx;
+    left: 0;
+    width: 100%;
+  }
+  .logins_list{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 32rpx;
+
+    .login_item{
+      width: 88rpx;
+      height: 88rpx;
+      image{
+        width: 100%;
+      }
+    }
+  }
+</style>

package/src/dome/dome/baidu_show.vue

@@ -0,0 +1,20 @@
+<template>
+  <view class="baidu-box">
+    <xd-baidu-overlay></xd-baidu-overlay>
+  </view>
+</template>
+
+<script>
+  import XdBaiduOverlay from "@/components/XdBaiduOverlay/XdBaiduOverlay";
+  export default {
+    name: "baidu_show",
+    components: {XdBaiduOverlay}
+  }
+</script>
+
+<style scoped lang="less">
+.baidu-box {
+  height: 100vh;
+  width: 100vw;
+}
+</style>