udxcms 1.0.8 → 1.0.10

package/dist/components/basicComponents/MessageTips.vue

@@ -1,108 +0,0 @@
-<!--
- * @Descripttion: 
- * @version: 
- * @Author: 
- * @Date: 2021-12-05 15:31:44
- * @LastEditors: Lewis
- * @LastEditTime: 2021-12-05 16:18:27
--->
-<template>
-    <div class='message-tips' v-if='value'>
-        <div class='content'>
-            <span>{{content}}</span>
-            <span class='btn'>
-                <span class='cancel' @click="$emit('input', false)">Cancel</span>
-                <span class='sure' @click="$emit('sureCallback')">Go</span>
-            </span>
-        </div>
-    </div>
-</template>
-
-<script>
-    let closeFn
-    export default {
-        props: {
-            value: {
-                type: Boolean,
-                default: false
-            },
-            content: {
-                type: String,
-                default: ''
-            },
-            showButton: {
-                type: Boolean,
-                default: true
-            },
-            top: {
-                type: String,
-                default: '80px'
-            }
-        },
-        watch: {
-            value: function(val,oldValue) {
-                if (!val) {
-                    document.removeEventListener('click',closeFn)
-                }
-                closeFn = (e)=>{
-                    this.$emit('input', false)
-                }
-                setTimeout(() => {
-                    this.$nextTick(()=>{
-                        if(val) {
-                            document.addEventListener('click',closeFn)
-                        }else {
-                            document.removeEventListener('click',closeFn)
-                        }
-                    })
-                }, 1000)
-            }
-        },
-        data() {
-            return {
-
-            }
-        }
-    }
-</script>
-
-<style lang="less" scoped>
-    .message-tips {
-        position: fixed;
-        z-index: 6000;
-        width: 100%;
-        text-align: center;
-        .content {
-            background: rgba(255, 255, 255, .8);
-            width: auto;
-            margin: 80px auto;
-            display: inline-flex;
-            justify-content: flex-start;
-            align-items: center;
-            height: 40px;
-            padding: 0 10px;
-            box-shadow: 0 2px 10px black;
-            border-radius: 6px;
-            color: var(--text-color);
-            .btn {
-                margin-left: 1em;
-                .cancel {
-                    opacity: .6;
-                    cursor: pointer;
-                    &:hover {
-                        opacity: 1;
-                    }
-                }
-                .sure {
-                    opacity: .9;
-                    cursor: pointer;
-                    margin-left: .5em;
-                    color: var(--primary-color);
-                    &:hover {
-                        opacity: 1;
-                    }
-                }
-            }
-        }
-    }
-</style>

package/dist/components/basicComponents/MsgTips.vue

@@ -1,66 +0,0 @@
-<template>
-    <div class='msg-tips'>
-        <a-tooltip :color='color' :placement='placement'>
-            <template slot="title" >
-                <!-- {{content}} -->
-                <p class='msg-tip-p' v-html="content"  :style="{fontSize: tipSize + 'px'}"></p>
-            </template>
-            <img src='../../assets/img/tips.png' class='icon' v-show='showIcon'/>
-            <slot></slot>
-        </a-tooltip>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: 'msg-tip',
-        props: {
-            content: {
-                type: String,
-                default: ''
-            },
-            color: {
-                type: String,
-                default: ''
-            },
-            showIcon: {
-                type: Boolean,
-                default: true
-            },
-            tipSize: {
-                type: String,
-                default: '10'
-            },
-            placement: {
-                type: String,
-                default: 'top'
-            }
-        },
-        data() {
-            return {
-
-            }
-        }
-    }
-</script>
-
-<style lang="less" scoped>
-    .msg-tips {
-        display: inline;
-        img {
-            margin-left: 0.2em;
-            width: 1em;
-            height: 1em;
-        }
-    }
-</style>
-<style lang="less">
-    .msg-tip-p {
-        // white-space: pre-line;
-        a {
-            color: white;
-            text-decoration: underline;
-            text-underline-position: from-font;
-        }
-    }
-</style>

package/dist/components/basicComponents/NoticeMess.vue

@@ -1,95 +0,0 @@
-<!--
- * @Author:
- * @Date: 2020-12-14 17:14:42
- * @LastEditTime: 2021-08-31 20:47:12
- * @LastEditors: Lewis
- * @Description:
--->
-<template>
-    <div class='notice-mess'>
-        <Swiper class="notice-box" ref="myNotice" :options="swiperOptions" :auto-update="true" v-if='textData.length'>
-            <swiper-slide class="notice-list" v-for='(item, index) in textData' :key='index'>
-               <div class='flex'>
-                   <img :src="require('../../assets/img/notice.svg')" />
-                   <span class='list-item'>{{item}}</span>
-               </div>
-            </swiper-slide>
-        </Swiper>
-    </div>
-</template>
-
-<script>
-    import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'
-
-    export default {
-        name: 'NoticeMess',
-        components: {
-            Swiper,
-            SwiperSlide
-        },
-        directives: {
-            swiper: directive
-        },
-        props: {
-            data: {
-                type: Array,
-                default: function() {
-                    return []
-                }
-            }
-        },
-        watch: {
-            data() {
-                this.initTextData()
-            }
-        },
-        data() {
-            return {
-                swiperOptions: {
-                    direction : 'vertical',
-                    autoplay:true,
-                    loop: true
-                },
-                textData: []
-            }
-        },
-        methods: {
-            initTextData() {
-                this.textData = this.data
-            }
-        }
-    }
-</script>
-
-<style lang="less" scoped>
-    .notice-box {
-        width: 350px;
-        height:36px;
-        margin: 0 auto;
-        background: #f4f4f4;
-        border-radius: 6px;
-        overflow: hidden;
-    }
-    .notice-list {
-        line-height: 36px;
-        font-size: 12px;
-        color: var(--text-color);
-        padding: 0 16px;
-        .flex {
-            align-items: center;
-            height: 100%;
-        }
-        img {
-            width: 20px;
-            height: 20px;
-            margin-right:18px;
-        }
-    }
-    .list-item {
-        height:28px;
-        line-height: 28px;
-        font-size: 12px;
-        color: #708599;
-        letter-spacing: .5px;
-    }
-</style>

package/dist/components/basicComponents/Pages.vue

@@ -1,145 +0,0 @@
-<template>
-    <div class="page" v-if="!singleFlag">
-        <div class="p-list">
-            <!-- <Page :total="total" :pageSize="pageSize" :current.sync="curPage" @on-change="pageChange"></Page> -->
-             <a-pagination v-model="curPage" :pageSize="pageSize" :total="total" @change="pageChange"/>
-        </div>
-    </div>
-</template>
-<script>
-// import { Page } from 'iview'
-import * as regulars from '../../config/const'
-export default {
-    name: "TablePages",
-    props: {
-        total:{
-            type: Number,
-            require: true
-        },
-        pageInitSize: {
-            type: Number,
-            default: 20
-        }
-    },
-    // components:{
-    //     Page
-    // },
-    computed: {
-        pageSize() {
-            let pageInitSize = this.pageInitSize || 20
-            return pageInitSize
-        },
-        singleFlag(){
-            // console.log(this.total/this.pageSize);
-            if (!this.total) {
-                return true;
-            }
-            if (parseInt(this.total/this.pageSize) == 0){
-                return true;
-            }
-            if (parseInt(this.total/this.pageSize) == 1 && (this.total%this.pageSize) == 0){
-                return true;
-            } else{
-                return false;
-            }
-        }
-    },
-    data() {
-        return {
-            curPage: 1,
-            toPage: null
-        }
-    },
-    created() {
-        // console.log(this);
-        // console.log(this.total);
-    },
-    methods: {
-        lodaData(){
-            // get the new table data
-        },
-        pageChange(val){
-            // console.log(parseInt(this.total/this.pageSize));
-            this.curPage = parseInt(val);
-            this.$emit('page-change',val)
-        },
-        checkRule(name,val){
-            let reg = regulars[name];
-            let result = reg.test(val);
-            // console.log('number',val);
-            if(!result) {
-                this.toPage = null;
-            }else {
-                if (parseInt(val) > parseInt(this.total/this.pageSize))return 0;
-                this.curPage = parseInt(val);
-                this.$emit('page-change',val)
-            }
-        },
-    },
-    watch:{
-    }
-}
-</script>
-<style lang="less" scoped>
-    .page{
-        width: 100%;
-        height: 40px;
-        display: flex;
-        align-items: center;
-        // justify-content: space-between;
-        .p-list{
-            // .px2percent(540,698,min-width);
-            margin: 0 auto;
-            height: 40px;
-        }
-        .p-turn{
-            width: 22.63%;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            // justify-content: space-between;
-            .p-topage{
-                width: 76px;
-                height: 40px;
-                background: #ffffff;
-                border: 1px solid var(--border-color-base);
-                border-radius: 6px;
-                box-shadow: 0px 4px 12px 0px rgba(17,51,83,0.02);
-                padding: 9px 12px;
-                outline:none;
-                caret-color:var(--text-color);
-                font-size: 16px;
-                font-family: Font;
-                margin-right: 10px;
-            }
-            .p-topage:active {
-                background: #ffffff;
-                border: 1px solid var(--primary-color);
-            }
-            .p-topage:focus {
-                background: #ffffff;
-                border: 1px solid var(--primary-color);
-            }
-            input::-webkit-input-placeholder {
-                font-size: 16px;
-                font-family: Font;
-                text-align: left;
-                color: #c0c3cc;
-                line-height: 22px;
-                letter-spacing: 0px;
-            }
-            .p-txt{
-                width: 16px;
-                height: 24px;
-                font-size: 16px;
-                font-family: Font;
-                text-align: left;
-                color: #606366;
-                line-height: 24px;
-            }
-            .to{
-                margin-right: 10px;
-            }
-        }
-    }
-</style>

package/dist/components/basicComponents/ParentView.vue

@@ -1,10 +0,0 @@
-<!--
- * @Author: Sneed
- * @Date: 2020-11-05 14:03:08
- * @LastEditTime: 2020-11-05 14:03:29
- * @LastEditors: Sneed
- * @Description: 
--->
-<template>
-    <router-view />
-</template>

package/dist/components/basicComponents/PortfolioMenu.vue

@@ -1,156 +0,0 @@
-<template>
-    <div class="portfolio-menu">
-        <!-- <a-button
-            type="primary"
-            style="margin-bottom: 16px"
-            @click="toggleCollapsed"
-        >
-        :inline-collapsed="collapsed"
-            <a-icon :type="collapsed ? 'menu-unfold' : 'menu-fold'" />
-        </a-button> -->
-        <!-- <a-layout-sider  v-model:collapsed="isCollapse" collapsible> -->
-        <!-- :inline-collapsed="collapsed" -->
-        <a-menu
-            :mode="mode"
-            v-model="defaultSelectedKeys"
-            @click="onClickMenu"
-        >
-            <a-menu-item
-                v-for="item in menus"
-                :key="item.click_url"
-                :to="item.click_url"
-            >
-                <div class="menu-icon-wrapper">
-                    <SvgIcon
-                        :iconClass="item.icon"
-                        className="menu-icon"
-					    :stroke="null"
-                    />
-                </div>
-                <span :title="item.bar_name">{{ item.bar_name }}</span>
-            </a-menu-item>
-        </a-menu>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "PortfolioMenu",
-
-    props: {
-        // 菜单类型：user,portfolio
-        menuType: {
-            type: String,
-            default: "user",
-        },
-        mode: {
-            type: String,
-            default: "vertical",
-        }
-    },
-    data() {
-        return {
-            defaultSelectedKeys: ["/wallet/overview"],
-            collapsed: false,
-        };
-    },
-    computed: {
-        account() {
-            return this.$store.getters.account || "";
-        },
-        accountIsCustody() {
-            return this.$store.getters.accountIsCustody;
-        },
-        allMenus() {
-            return this.menuType == 'user' ? this.$store.state.navigation[this.menuType].filter(v => v.client == 'WEB') : this.$store.state.navigation[this.menuType];
-        },
-        menus() {
-            // type
-            // COMMON("公共"),
-            // MANAGED("托管"),
-            // UNMANAGED("非托管"),
-            if (!this.account) return [];
-            let result = this.allMenus.filter((item) => item.type === "COMMON");
-            if (this.accountIsCustody) {
-                result = result.concat(
-                    this.allMenus.filter((item) => item.type === "MANAGED")
-                );
-            } else {
-                result = result.concat(
-                    this.allMenus.filter((item) => item.type === "UNMANAGED")
-                );
-            }
-            return result.sort((a, b) => a.sort - b.sort);
-        },
-    },
-    watch: {
-        $route: {
-            handler(val) {
-                console.log("val:", val);
-                this.defaultSelectedKeys.splice(0, 1, val.path);
-            },
-            immediate: true,
-        },
-    },
-    methods: {
-        onClickMenu(options) {
-            console.log("onClickMenu options:", options);
-            sessionStorage.setItem('portfoilType', this.menuType)
-            this.$store.commit('setMenuChange')
-            this.$router.push(options.key);
-        },
-        toggleCollapsed() {
-            this.collapsed = !this.collapsed;
-        },
-    },
-};
-</script>
-
-<style lang="less">
-.portfolio-menu {
-    .ant-menu {
-        border-right: none;
-        //color: var(--text-color);
-    }
-    .ant-menu-item{
-        display: flex;
-        align-items: center;
-    }
-    .menu-icon-wrapper{
-        width: 24px;
-        height: 24px;
-        line-height: 1;
-        margin-right: 10px;
-        .menu-icon{
-            //color: var(--text-color-placeholder);
-        }
-    }
-    .ant-menu-item-selected {
-        //color: var(--text-color);
-    }
-    .ant-menu-item:hover,
-    .ant-menu-item-active {
-        //color: var(--text-color);
-    }
-    .ant-menu-vertical > .ant-menu-item {
-        height: 56px;
-        line-height: 56px;
-    }
-    .ant-menu-vertical .ant-menu-item::before {
-        position: absolute;
-        top: 0;
-        left: 0;
-        bottom: 0;
-        border-left: 3px solid var(--primary-color);
-        content: "";
-        opacity: 0;
-        transition: all 0.3s ease-in-out;
-    }
-    .ant-menu-vertical .ant-menu-item-selected:before {
-        opacity: 1;
-    }
-    .ant-menu-vertical .ant-menu-item::after {
-        display: none;
-    }
-}
-</style>

package/dist/components/basicComponents/PowxBread.vue

@@ -1,110 +0,0 @@
-<!--
- * @Author: Sneed
- * @Date: 2020-11-04 21:10:32
- * @LastEditTime: 2021-11-15 19:42:58
- * @LastEditors: Lewis
- * @Description:
--->
-<template>
-	<div class="breadcrumb-container">
-		<a-breadcrumb separator=" ">
-			<a-breadcrumb-item
-				v-for="(item, index) in list"
-				:key="index"
-				>
-                <a :class="[item.path && 'link']" @click='goPath(item.path, index, item)'>{{ item.name }}</a>
-            </a-breadcrumb-item>
-		</a-breadcrumb>
-		<div class="layou-export">
-			<slot></slot>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	props: {
-		list: {
-			type: Array,
-			default: function() {
-				return {};
-			},
-		},
-        callOutSelf: {
-            type: Boolean,
-            default: false
-        }
-	},
-    methods: {
-        goPath(path, index, item) {
-            if (this.callOutSelf) {
-                this.$emit('breadClick', {index, item})
-            } else {
-                if (path) {
-                    this.$router.push({
-                        path
-                    })
-                }
-            }
-        }
-    }
-};
-</script>
-
-<style lang="less" scoped>
-.breadcrumb-container {
-	position: relative;
-	/deep/ .ant-breadcrumb {
-		padding: 14px 10px;
-		span {
-			line-height: 32px;
-            &.link {
-                cursor: pointer;
-            }
-		}
-	}
-	/deep/ .ant-breadcrumb > span:last-child {
-		font-weight: 500;
-	}
-	/deep/ .ant-breadcrumb-link {
-		width: 54px;
-		height: 32px;
-		font-family: FontMedium;
-		text-align: center;
-		color: var(--text-color-secondary);
-		line-height: 32px;
-        font-size: 24px;
-	}
-	/deep/ .ant-breadcrumb-separator {
-		position: relative;
-		display: inline-block;
-		width: 16px;
-		height: 16px;
-		vertical-align: middle;
-		margin: 0 15px;
-	}
-	/deep/ .ant-breadcrumb-separator::after {
-		content: "";
-		position: absolute;
-		width: 16px;
-		height: 16px;
-		background-size: contain;
-		background-image: url("../../assets/img/bread.png");
-	}
-	.layou-export {
-		position: absolute;
-		top: 0;
-		right: 10px;
-		padding: 13px 10px 15px;
-		span {
-			font-size: 18px;
-			line-height: 32px;
-			font-family: Font;
-			text-align: left;
-			color: var(--text-color-placeholder);
-		}
-	}
-	.ant-breadcrumb > span {
-		color: #515a6e;
-	}
-}
-</style>