min-project/pages/projectMy/projectMy.wxml

<!--pages/projectMy/projectMy.wxml-->
<view class="container {{ classify == '' ? 'no-data-bj' : '' }}">
    <header-nav class="header-nav" bgcolor="transparent">我的项目</header-nav>
    <view class="header-box"></view>
    <view class="no-data flexcenter" wx:if="{{ classify == '' }}">
        <image class="icon" src="https://app.gter.net/image/miniApp/offer/empty-icon.png" mode="widthFix"></image>
        <view class="text">把你感兴趣的项目加进来，</view>
        <view class="text">可以做项目对比哦！</view>
    </view>

    <view class="classify flexflex" wx:if="{{ classify != '' }}">
        <view class="classify-item flexflex flex1" bind:tap="cutClassify" data-type="vs">
            <view class="pitch" wx:if="{{ classify == 'vs' }}">
                <image class="icon" src="https://app.gter.net/image/miniApp/offer/list-left-icon.svg"></image>
                <view class="text flexacenter">
                    <image class="text-icon-box" src="https://app.gter.net/image/miniApp/offer/vs-icon.png" mode="widthFix"></image>
                    项目对比
                </view>
            </view>
            <block wx:else>项目对比</block>
        </view>
        <view class="classify-item flexflex flex1" bind:tap="cutClassify" data-type="manage">
            <view class="pitch right" wx:if="{{ classify == 'manage' }}">
                <image class="icon" src="https://app.gter.net/image/miniApp/offer/list-right-icon.svg"></image>
                <view class="text flexacenter">
                    <image class="text-icon-box" src="https://app.gter.net/image/miniApp/offer/project-icon.png" mode="widthFix"></image>
                    项目管理
                </view>
            </view>
            <block wx:else>项目管理</block>
        </view>
    </view>

    <view class="vs-box" wx:if="{{ classify == 'vs' }}">
        <view class="quick-box" wx:if="{{ quickList.length }}">
            <view class="head-box flexacenter">
                <view class="dot"></view>
                快速对比（{{ quickList.length }}）
            </view>
            <view class="list {{ !quickMoreState ? 'hide' : '' }}" style="height: {{ !quickMoreState ? first3_5 : allQuickHeight }}px;">
                <movable-area class="movable-area flexacenter" wx:for="{{ quickList }}" wx:key="index">
                    <movable-view class="item" direction="horizontal" bindchange="shtouchmove" x='{{ item.move }}' bindtouchend="handleTouchEnd" data-type="{{ 'quickList' }}" data-index="{{ index }}" wx:key="index">
                        <view class="content flexacenter">
                            <view class="project-list">
                                <view class="project-item flexacenter" wx:for="{{ item.data }}" wx:key="index">
                                    <image class="icon" mode="widthFix" src="{{ item.schoollogo }}"></image>
                                    {{ item.schoolalias }}
                                    <image class="arrows" src="https://app.gter.net/image/miniApp/offer/arrows-circle-yellow-green.svg" mode="widthFix"></image>
                                    <view class="text one-line-display">{{ item.name_zh }}</view>
                                </view>
                            </view>
                            <view class="btn flexcenter" bind:tap="goContrast" data-ids="{{ item.projectid }}">开始对比</view>
                        </view>
                        <view class="delete flexcenter" bind:tap="quickDelete" data-id="{{ item.id }}" data-index="{{ index }}">删除</view>
                    </movable-view>
                </movable-area>
            </view>

            <view class="more-btn flexcenter {{ quickMoreState ? 'pack' : '' }}" bind:tap="openQuickMore" wx:if="{{ quickList.length > 3 }}">
                {{ quickMoreState ? '收起' : '展开全部' }}
                <image class="mengcheng" src="https://app.gter.net/image/miniApp/offer/mengcheng-icon.svg" mode="widthFix"></image>
                <image class="icon" src="https://app.gter.net/image/miniApp/offer/arrow-circle.png" mode="widthFix"></image>
            </view>
        </view>
        <view class="quick-border" wx:if="{{ quickList.length }}"></view>
        <view class="select-box">
            <view class="head-box flexacenter">
                <view class="dot"></view>
                选择2~3个项目开始对比
            </view>

            <view class="list">
                <block wx:for="{{ projectList }}" wx:key="index">
                    <movable-area wx:if="{{ item.status == 1 }}" class="item flexacenter">
                        <movable-view class="movable-view" direction="horizontal" bindchange="shtouchmove" x='{{ item.move }}' bindtouchend="handleTouchEnd" data-type="{{ 'projectList' }}" data-index="{{ index }}" wx:key="index" bind:tap="goPage" data-url="/pages/projectDetails/projectDetails?uniqid={{ item.uniqid }}">
                            <view class="content flexacenter" data-index="{{ index }}">
                                <view class="left">
                                    <view class="name">{{ item.name_zh }}</view>
                                    <view class="english">{{ item.name_en }}</view>
                                    <view class="message flexacenter">
                                        <image class="icon" src="{{ item.schoollogo }}" mode="widthFix"></image>
                                        {{ item.schoolalias }}
                                        <block wx:if="{{ item.ismanage == 1 }}">
                                            <view class="line">|</view>
                                            <view class="state-text">{{ stateObj[item.typeid] }}</view>
                                        </block>
                                    </view>
                                </view>
                                <view class="btn flexcenter" catch:tap="cutSelect" data-index="{{ index }}" data-pitch="{{ item.pitch }}">
                                    <image wx:if="{{ item.pitch }}" class="icon" src="https://app.gter.net/image/miniApp/offer/tick-red.svg" mode="widthFix"></image>
                                    <image wx:elif="{{ selectList.length == 3 }}" class="icon" src="https://app.gter.net/image/miniApp/offer/tick-gray.svg" mode="widthFix"></image>
                                    <image wx:else class="icon" src="https://app.gter.net/image/miniApp/offer/tick-dark-gray.svg" mode="widthFix"></image>
                                </view>
                            </view>
                            <view class="delete flexcenter" catch:tap="projectDelete" data-index="{{ index }}" data-projectid="{{ item.projectid }}">删除</view>
                        </movable-view>
                    </movable-area>
                </block>
            </view>

            <view class="empty flexcenter" wx:if="{{ projectCount == 0 && projectPage == 0 }}">
                <view class="dot-box flexacenter">
                    <image class="dot" wx:for="{{ 3 }}" wx:key="index" mode="widthFix" src="https://app.gter.net/image/miniApp/project/u1829.svg"></image>
                    <image class="dot" wx:for="{{ 3 }}" wx:key="index" mode="widthFix" src="https://app.gter.net/image/miniApp/project/u1832.svg"></image>
                </view>
                <image class="empty-icom" mode="widthFix" src="https://app.gter.net/image/miniApp/offer/u1828.svg"></image>
                <view>暂无数据</view>
            </view>

        </view>

        <view class="vs-bottom flexacenter" wx:if="{{ vsBottom }}">
            <view class="begin-btn flex1 flexcenter" bind:tap="startContrast">开始对比</view>
        </view>

        <view class="lack-hint flexacenter" wx:if="{{ projectCount < 2 }}">
            <image class="icon" src="https://app.gter.net/image/miniApp/offer/warning-icon.svg" mode="widthFix"></image>
            至少要有两个项目才能开始对比哦
        </view>
    </view>

    <view class="manage-box" wx:elif="{{ classify == 'manage' }}">
        <scroll-view class="state-scroll state-list" scroll-x="{{ true }}">
            <view class="item {{ typeIndex == index ? 'pitch' : '' }}" wx:for="{{ typeList }}" wx:key="index" bind:tap="cutTypeid" data-value="{{ item.value }}" data-index="{{ index }}">{{ item.name }} {{ item.count }}</view>
        </scroll-view>
        <scroll-view class="list" scroll-x="{{ true }}" style="height: {{ arrHeight + 150 }}px;">
            <view class="item item{{ index }} {{ dragging == index ? 'zIndex' : 'itemTransition' }} {{ item.ismanage == 0 ? ' delete' : '' }}" wx:for="{{ list }}" wx:key="index" data-key="{{ item.sortKey }}" data-index="{{ index }}" catch:touchmove="{{ dragging != null ? 'touchMove' : '' }}" catch:touchend="{{ dragging != null ? 'touchEnd' : '' }}" style="top: {{ item.top }}px;position: {{ isloading ? 'absolute' : '' }}">
                <block wx:if="{{ item.ismanage == 0 }}"></block>
                <block wx:else>
                    <view class="top flexacenter" catch:tap="goPage" data-url="/pages/projectDetails/projectDetails?uniqid={{ item.uniqid }}">
                        <view class="info flex1">
                            <view class="name">{{ item.name_zh }}</view>
                            <view class="english">{{ item.name_en }}</view>
                            <view class="school flexacenter">
                                <image class="icon" src="{{ item.schoollogo }}" mode="widthFix"></image>
                                {{ item.schoolalias }}
                            </view>
                        </view>
                        <view class="state">
                            <view class="state-mask" wx:if="{{ item.state }}" catch:tap="statePitch" data-state="{{ item.state || false }}" data-index="{{ index }}"></view>
                            <view class="state-box {{ item.typeid == 0 ? 'undetermined' : '' }} {{ item.state ? 'show' : '' }}">
                                <view class="state-pitch flexcenter " catch:tap="statePitch" data-state="{{ item.state || false }}" data-index="{{ index }}">
                                    {{ stateObj[item.typeid] }}
                                    <image class="icon" mode="widthFix" src="https://app.gter.net/image/miniApp/offer/triangle-white.svg"></image>
                                </view>

                                <view class="state-list">
                                    <view class="state-item flexcenter {{ item.typeid == i ? 'pitch' : '' }}" wx:for="{{ stateObj }}" wx:for-item="it" wx:for-index="i" wx:key="i" catch:tap="changeType" data-typeid="{{ i }}" data-index="{{ index }}">{{ it }}</view>
                                </view>

                                <view class="delete flexcenter" catch:tap="delete" data-index="{{ index }}">
                                    <view class="btn flexcenter">
                                        <image class="icon" mode="widthFix" src="https://app.gter.net/image/miniApp/offer/delete-light-grey.svg"></image>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
                    <view class="bottom flexflex">
                        <view class="edit flexcenter">
                            <image class="icon" src="https://app.gter.net/image/miniApp/project/u1434.png" mode="widthFix"></image>
                        </view>

                        <block wx:if="{{ item.input }}">
                            <textarea class="input flex1" focus="{{ true }}" auto-focus="{{ true }}" auto-height="{{ true }}" placeholder="添加备注…" maxlength="100" cursor-spacing="10" bindinput="inputRemark" bindlinechange="linechange" bindblur="bindblur" bindfocus="focusfocus" data-index="{{ index }}" value="{{ item.remarks }}"></textarea>
                        </block>
                        <block wx:else>
                            <view wx:if="{{ item.remarks }}" class="input flex1 text " bind:tap="openInput" data-index="{{ index }}">{{ item.remarks }}</view>
                            <view wx:else class="input flex1 text placeholder" bind:tap="openInput" data-index="{{ index }}">添加备注…</view>
                        </block>

                        <view class="drag-box" bind:longpress="longPress" data-index="{{ index }}">
                            <image class="icon" src="https://app.gter.net/image/miniApp/offer/drag-icon.png" mode="widthFix"></image>
                        </view>
                    </view>
                </block>
            </view>

            <view class="end" wx:if="{{ page == 0 && list.length != 0 }}">- End -</view>

            <view class="empty flexcenter" wx:if="{{ page == 0 && typeList[typeIndex]['count'] == 0 }}">
                <view class="dot-box flexacenter">
                    <image class="dot" wx:for="{{ 3 }}" wx:key="index" mode="widthFix" src="https://app.gter.net/image/miniApp/project/u1829.svg"></image>
                    <image class="dot" wx:for="{{ 3 }}" wx:key="index" mode="widthFix" src="https://app.gter.net/image/miniApp/project/u1832.svg"></image>
                </view>
                <image class="empty-icom" mode="widthFix" src="https://app.gter.net/image/miniApp/offer/u1828.svg"></image>
                <view>暂无数据</view>
            </view>
        </scroll-view>

        <view class="manage-hint flexflex" wx:if="{{ manageHintState }}">
            <image class="icon" src="https://app.gter.net/image/miniApp/offer/warning-icon.svg" mode="widthFix"></image>
            <view class="hint-text flex1">
                加入<text>对比单</text>的项目会同步进入<text>项目管理</text>当中；两者独立管理，删除操作互不影响。
            </view>
            <view class="close flexcenter" bind:tap="manageClose">
                <image class="close-icon" src="https://app.gter.net/image/miniApp/offer/close-black.png" mode="widthFix"></image>
            </view>
        </view>
    </view>

    <go-login wx:if="{{ isloginBtnState }}" islogin="{{ islogin }}" binduserClickLogin="userClickLogin" bindpopClose="popClose"></go-login>
</view>

<!-- <index-sidebar wx:if="{{ classify == 'vs' }}" id="index-sidebar" class="index-sidebar" sidebarType="xg" isInitFinish="{{ isInitFinish }}" bind:openLogin="openLoginBtnState" islogin="{{ islogin }}"></index-sidebar> -->