1839 lines
53 KiB
Vue
1839 lines
53 KiB
Vue
|
<template>
|
|||
|
|
<view class="devTools">
|
|||
|
|
<!-- #ifndef APP-PLUS -->
|
|||
|
|
<view class="navbar">
|
|||
|
|
<view
|
|||
|
|
class="navbarBody"
|
|||
|
|
:style="{
|
|||
|
|
marginTop: navbarStyle.statusBarHeightPx,
|
|||
|
|
height: navbarStyle.navbarHeightPx,
|
|||
|
|
}"
|
|||
|
|
>
|
|||
|
|
<view
|
|||
|
|
class="left"
|
|||
|
|
@click="back"
|
|||
|
|
>
|
|||
|
|
<image src="@/devTools/page/static/fold.png" />
|
|||
|
|
<text class="margin-left-sm">返回</text>
|
|||
|
|
</view>
|
|||
|
|
<view
|
|||
|
|
class="right"
|
|||
|
|
:style="{ 'margin-right': windowInfo.navbar.capsuleRightPx + 'px' }"
|
|||
|
|
v-if="tabList[tabIndex].canRefreshing"
|
|||
|
|
@click="getPage(true)"
|
|||
|
|
>
|
|||
|
|
<text :class="tabList[tabIndex].isRefreshing ? 'refreshing' : ''">
|
|||
|
|
{{ tabList[tabIndex].isRefreshing ? "刷新中" : "刷新" }}
|
|||
|
|
</text>
|
|||
|
|
<image src="@/devTools/page/static/refresh.png" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
|
|||
|
|
<view
|
|||
|
|
ref="mask"
|
|||
|
|
class="mask"
|
|||
|
|
@click="$devTools.hide()"
|
|||
|
|
></view>
|
|||
|
|
|
|||
|
|
<view
|
|||
|
|
@click.stop
|
|||
|
|
ref="panel"
|
|||
|
|
class="panel"
|
|||
|
|
:style="{
|
|||
|
|
height: panelHeight + 'px',
|
|||
|
|
}"
|
|||
|
|
>
|
|||
|
|
<view class="head">
|
|||
|
|
<scroll-view
|
|||
|
|
:scroll-x="true"
|
|||
|
|
class="tabList showScrollbars"
|
|||
|
|
:class="isDialog ? '' : 'tab-h5'"
|
|||
|
|
:show-scrollbar="false"
|
|||
|
|
>
|
|||
|
|
<view style="display: flex; flex-direction: row">
|
|||
|
|
<view
|
|||
|
|
v-for="(item, index) in tabList"
|
|||
|
|
:key="index"
|
|||
|
|
class="tabItem"
|
|||
|
|
@click="tabIndex = index"
|
|||
|
|
>
|
|||
|
|
<text
|
|||
|
|
class="tabText"
|
|||
|
|
:class="index == tabIndex ? 'active' : ''"
|
|||
|
|
>
|
|||
|
|
{{ item.title }}
|
|||
|
|
</text>
|
|||
|
|
<view
|
|||
|
|
class="tabLine"
|
|||
|
|
v-if="index == tabIndex"
|
|||
|
|
></view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</scroll-view>
|
|||
|
|
<view
|
|||
|
|
v-if="isDialog"
|
|||
|
|
class="close"
|
|||
|
|
@click="$devTools.hide()"
|
|||
|
|
>
|
|||
|
|
<view class="line"></view>
|
|||
|
|
<text class="icon">×</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<mobileSwiperScroll
|
|||
|
|
:scrollHeight="listHeight"
|
|||
|
|
:tabIndex="tabIndex"
|
|||
|
|
:tabList="tabList"
|
|||
|
|
@refresh="onrefresh"
|
|||
|
|
@pullingdown="onpullingdown"
|
|||
|
|
@tabIndexChange="tabIndex = $event"
|
|||
|
|
ref="mobileSwiperScroll"
|
|||
|
|
>
|
|||
|
|
<template #default="{ item, index }">
|
|||
|
|
<template v-if="item.title == 'Tools'">
|
|||
|
|
<cell>
|
|||
|
|
<tools
|
|||
|
|
ref="tools"
|
|||
|
|
@goOpenRequest="$refs.sendRequest.show()"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="item.title == 'Error'">
|
|||
|
|
<cell
|
|||
|
|
v-for="(_item, _index) in item.data"
|
|||
|
|
:key="_index"
|
|||
|
|
>
|
|||
|
|
<errorItem
|
|||
|
|
:item="_item"
|
|||
|
|
:key="_index"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="item.title == 'Console'">
|
|||
|
|
<cell
|
|||
|
|
v-for="(_item, _index) in item.data"
|
|||
|
|
:key="_index"
|
|||
|
|
>
|
|||
|
|
<consoleItem
|
|||
|
|
:item="_item"
|
|||
|
|
:key="_index"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="item.title == 'Network'">
|
|||
|
|
<cell
|
|||
|
|
v-for="(_item, _index) in item.data"
|
|||
|
|
:key="_index"
|
|||
|
|
>
|
|||
|
|
<networkItem
|
|||
|
|
:item="_item"
|
|||
|
|
:key="_index"
|
|||
|
|
@goSendRequest="$refs.sendRequest.show($event, true)"
|
|||
|
|
@goOpenRequest="$refs.sendRequest.show($event)"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="item.title == 'Storage'">
|
|||
|
|
<cell>
|
|||
|
|
<storageList ref="storageList" />
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="item.title == 'Pages'">
|
|||
|
|
<cell>
|
|||
|
|
<subTitleBar
|
|||
|
|
:isOpen="item.isShowPages"
|
|||
|
|
title="当前页面栈"
|
|||
|
|
@click="pagesShowChange('isShowPages')"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
<cell>
|
|||
|
|
<pages
|
|||
|
|
ref="pages"
|
|||
|
|
:isShow="item.isShowPages"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
<cell>
|
|||
|
|
<view class="cellDivisionLine"></view>
|
|||
|
|
</cell>
|
|||
|
|
<cell>
|
|||
|
|
<subTitleBar
|
|||
|
|
:isOpen="item.isShowRouteList"
|
|||
|
|
title="全部路由"
|
|||
|
|
@click="pagesShowChange('isShowRouteList')"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
<template v-if="item.isShowRouteList">
|
|||
|
|
<cell
|
|||
|
|
v-for="_item in item.routeList"
|
|||
|
|
:key="_item.path"
|
|||
|
|
>
|
|||
|
|
<routeItem :item="_item" />
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<cell>
|
|||
|
|
<view class="cellDivisionLine"></view>
|
|||
|
|
</cell>
|
|||
|
|
<cell>
|
|||
|
|
<subTitleBar
|
|||
|
|
:isOpen="item.isShowData"
|
|||
|
|
title="页面停留统计"
|
|||
|
|
@click="pagesShowChange('isShowData')"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
<template v-if="item.isShowData">
|
|||
|
|
<cell
|
|||
|
|
v-for="(_item, _index) in item.data"
|
|||
|
|
:key="_item.route"
|
|||
|
|
>
|
|||
|
|
<pageItem
|
|||
|
|
:item="_item"
|
|||
|
|
:key="_index"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<cell>
|
|||
|
|
<view class="cellDivisionLine"></view>
|
|||
|
|
</cell>
|
|||
|
|
<cell>
|
|||
|
|
<subTitleBar
|
|||
|
|
:isOpen="item.dayOnlineShow"
|
|||
|
|
title="日活跃时间统计"
|
|||
|
|
@click="pagesShowChange('dayOnlineShow')"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
<template v-if="item.dayOnlineShow">
|
|||
|
|
<cell
|
|||
|
|
v-for="(_item, _index) in item.dayOnlineList"
|
|||
|
|
:key="_index"
|
|||
|
|
>
|
|||
|
|
<dayOnlineItem
|
|||
|
|
@click="showOnlineDetailsDialog(_item)"
|
|||
|
|
:item="_item"
|
|||
|
|
:key="_index"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<cell>
|
|||
|
|
<view class="cellDivisionLine"></view>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="item.title == 'Vuex'">
|
|||
|
|
<cell>
|
|||
|
|
<vuexList
|
|||
|
|
ref="vuexList"
|
|||
|
|
:stateType="tabList[tabList.findIndex((x) => x.title == 'Vuex')].stateType"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="item.title == 'Logs'">
|
|||
|
|
<cell
|
|||
|
|
v-for="(_item, _index) in item.data"
|
|||
|
|
:key="_index"
|
|||
|
|
>
|
|||
|
|
<logItem
|
|||
|
|
:item="_item"
|
|||
|
|
:key="_index"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="item.title == 'Info'">
|
|||
|
|
<cell>
|
|||
|
|
<infoList ref="infoList" />
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="item.title == 'UniBus'">
|
|||
|
|
<cell>
|
|||
|
|
<subTitleBar
|
|||
|
|
:isOpen="item.isShowCount"
|
|||
|
|
title="事件统计"
|
|||
|
|
@click="pagesShowChange('isShowCount')"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
<template v-if="item.isShowCount">
|
|||
|
|
<cell
|
|||
|
|
v-for="_item in item.countList"
|
|||
|
|
:key="_item.e"
|
|||
|
|
>
|
|||
|
|
<view
|
|||
|
|
class="eventItem"
|
|||
|
|
@longpress.stop="busCountMenu(_item)"
|
|||
|
|
>
|
|||
|
|
<text class="eventName">name: {{ _item.e }}</text>
|
|||
|
|
<view class="eventCount">
|
|||
|
|
<text
|
|||
|
|
v-if="item.filterType == '' || item.filterType == 'on'"
|
|||
|
|
class="eventCountItem"
|
|||
|
|
>
|
|||
|
|
on: {{ _item.on }}
|
|||
|
|
</text>
|
|||
|
|
<text
|
|||
|
|
v-if="item.filterType == '' || item.filterType == 'emit'"
|
|||
|
|
class="eventCountItem"
|
|||
|
|
>
|
|||
|
|
emit: {{ _item.emit }}
|
|||
|
|
</text>
|
|||
|
|
<text
|
|||
|
|
v-if="item.filterType == '' || item.filterType == 'once'"
|
|||
|
|
class="eventCountItem"
|
|||
|
|
>
|
|||
|
|
once: {{ _item.once }}
|
|||
|
|
</text>
|
|||
|
|
<text
|
|||
|
|
v-if="item.filterType == '' || item.filterType == 'off'"
|
|||
|
|
class="eventCountItem"
|
|||
|
|
>
|
|||
|
|
off: {{ _item.off }}
|
|||
|
|
</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<cell>
|
|||
|
|
<view class="cellDivisionLine"></view>
|
|||
|
|
</cell>
|
|||
|
|
<cell>
|
|||
|
|
<subTitleBar
|
|||
|
|
:isOpen="item.isShowLog"
|
|||
|
|
title="执行记录"
|
|||
|
|
@click="pagesShowChange('isShowLog')"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
<template v-if="item.isShowLog">
|
|||
|
|
<cell
|
|||
|
|
v-for="(_item, _index) in item.logList"
|
|||
|
|
:key="_index"
|
|||
|
|
>
|
|||
|
|
<view
|
|||
|
|
class="eventLogItem"
|
|||
|
|
@longpress.stop="busLogMenu(_item)"
|
|||
|
|
>
|
|||
|
|
<text class="logText">{{ _item.e }}</text>
|
|||
|
|
<text class="logTime">{{ _item.date }}</text>
|
|||
|
|
</view>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<cell>
|
|||
|
|
<view class="cellDivisionLine"></view>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="item.title == 'FileSys'">
|
|||
|
|
<!-- #ifdef APP-PLUS || MP-WEIXIN -->
|
|||
|
|
<cell
|
|||
|
|
v-for="(_item, _index) in item.data"
|
|||
|
|
:key="_index"
|
|||
|
|
>
|
|||
|
|
<fileSysItem
|
|||
|
|
:item="_item"
|
|||
|
|
:key="_index"
|
|||
|
|
:dirType="item.dirType"
|
|||
|
|
:dirList="item.dirList"
|
|||
|
|
@goChildDir="goChildDir"
|
|||
|
|
@getPage="getPage"
|
|||
|
|
@editDirName="editDirName"
|
|||
|
|
@openEditFileDialog="($event) => $refs.textFileEditDialog.show($event)"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
<cell v-if="item.data.length == 0 || (item.data.length == 1 && item.data[0].type == 'back')">
|
|||
|
|
<view class="devEmpty">
|
|||
|
|
<text class="devEmptyText">空空如也</text>
|
|||
|
|
</view>
|
|||
|
|
</cell>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<!-- #ifndef APP-PLUS || MP-WEIXIN -->
|
|||
|
|
<cell>
|
|||
|
|
<view class="listCenterView">
|
|||
|
|
<text class="listCenterText">该平台无FileSys文件管理</text>
|
|||
|
|
</view>
|
|||
|
|
</cell>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
</template>
|
|||
|
|
<template v-if="item.title == 'Setting'">
|
|||
|
|
<cell>
|
|||
|
|
<settingView ref="settingView" />
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<template v-if="item.title == 'JsRunner'">
|
|||
|
|
<!-- #ifdef APP-PLUS || H5 -->
|
|||
|
|
<cell
|
|||
|
|
v-for="(_item, _index) in item.data"
|
|||
|
|
:key="_index"
|
|||
|
|
>
|
|||
|
|
<jsRunnerItem
|
|||
|
|
:item="_item"
|
|||
|
|
:key="_index"
|
|||
|
|
/>
|
|||
|
|
</cell>
|
|||
|
|
<cell v-if="item.data.length == 0">
|
|||
|
|
<view class="devEmpty">
|
|||
|
|
<text class="devEmptyText">动态执行JS代码</text>
|
|||
|
|
</view>
|
|||
|
|
</cell>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<!-- #ifndef APP-PLUS || H5 -->
|
|||
|
|
<cell>
|
|||
|
|
<view class="listCenterView">
|
|||
|
|
<text class="listCenterText">该平台不支持该功能</text>
|
|||
|
|
</view>
|
|||
|
|
</cell>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<template v-if="item.isLongList">
|
|||
|
|
<cell v-if="!item.isLoadAll && item.data.length == 30">
|
|||
|
|
<view
|
|||
|
|
class="loadAll"
|
|||
|
|
@click="showListAll"
|
|||
|
|
>
|
|||
|
|
<image
|
|||
|
|
class="loadAllFold"
|
|||
|
|
src="@/devTools/page/static/unfold.png"
|
|||
|
|
/>
|
|||
|
|
<text class="loadAllText">展示全部数据</text>
|
|||
|
|
<image
|
|||
|
|
class="loadAllFold"
|
|||
|
|
src="@/devTools/page/static/unfold.png"
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
</cell>
|
|||
|
|
|
|||
|
|
<cell v-if="item.type == 'success' && item.data.length == 0">
|
|||
|
|
<view class="devEmpty">
|
|||
|
|
<text class="devEmptyText">空空如也</text>
|
|||
|
|
</view>
|
|||
|
|
</cell>
|
|||
|
|
|
|||
|
|
<cell v-if="(item.type == 'loading' || item.type == 'loading') && item.data.length == 0">
|
|||
|
|
<view class="devEmpty">
|
|||
|
|
<text class="devEmptyText">加载中</text>
|
|||
|
|
</view>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<cell>
|
|||
|
|
<view style="height: 300rpx"></view>
|
|||
|
|
</cell>
|
|||
|
|
</template>
|
|||
|
|
</mobileSwiperScroll>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<bottomTools
|
|||
|
|
:tabIndex="tabIndex"
|
|||
|
|
:tabTitle="tabTitle"
|
|||
|
|
:options="bottomToolsOptions"
|
|||
|
|
:isShow="isShowBottomTools"
|
|||
|
|
:stateType="tabList[tabList.findIndex((x) => x.title == 'Vuex')].stateType"
|
|||
|
|
@filterTypeChange="onFilterTypeChange"
|
|||
|
|
@goChildDir="goChildDir"
|
|||
|
|
@changeFileDirType="changeFileDirType"
|
|||
|
|
@changeStorageType="changeStorageType"
|
|||
|
|
@editDirName="editDirName"
|
|||
|
|
@getPage="getPage"
|
|||
|
|
@runJs="runJs"
|
|||
|
|
@emptyCodeHis="emptyCodeHis"
|
|||
|
|
@changeStateType="changeStateType"
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<editDialog ref="editDialog" />
|
|||
|
|
|
|||
|
|
<dayOnlinePageList ref="dayOnlinePageList" />
|
|||
|
|
|
|||
|
|
<sendRequest ref="sendRequest" />
|
|||
|
|
|
|||
|
|
<textFileEditDialog
|
|||
|
|
ref="textFileEditDialog"
|
|||
|
|
@getPage="getPage"
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<createDir
|
|||
|
|
ref="createDir"
|
|||
|
|
:dirList="tabList[11].dirList"
|
|||
|
|
:dirType="tabList[11].dirType"
|
|||
|
|
@getPage="getPage"
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<addStorage
|
|||
|
|
:storageType="tabList[5].storageType"
|
|||
|
|
@getPage="getPage"
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<routeDialog />
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
<script>
|
|||
|
|
import init from "../../index";
|
|||
|
|
import consoleItem from "./listItem/consoleItem.vue";
|
|||
|
|
import infoList from "./listItem/infoList.vue";
|
|||
|
|
import storageList from "./listItem/storageList.vue";
|
|||
|
|
import tools from "./listItem/tools.vue";
|
|||
|
|
import vuexList from "./listItem/vuexList.vue";
|
|||
|
|
import animationControl from "./mixins/animationControl";
|
|||
|
|
import { timeFormat, timeFromNow } from "../../core/libs/timeFormat";
|
|||
|
|
import devCache from "../../core/libs/devCache";
|
|||
|
|
import networkItem from "./listItem/networkItem.vue";
|
|||
|
|
import pages from "./listItem/pages.vue";
|
|||
|
|
import logItem from "./listItem/logItem.vue";
|
|||
|
|
import pageItem from "./listItem/pageItem.vue";
|
|||
|
|
import errorItem from "./listItem/errorItem.vue";
|
|||
|
|
import mobileSwiperScroll from "./ui/mobileSwiperScroll.vue";
|
|||
|
|
import subTitleBar from "./ui/subTitleBar.vue";
|
|||
|
|
import dayOnlineItem from "./listItem/dayOnlineItem.vue";
|
|||
|
|
import dayOnlinePageList from "./dialog/dayOnlinePageList.vue";
|
|||
|
|
import sendRequest from "./dialog/sendRequest.vue";
|
|||
|
|
import bottomTools from "./bottomTools.vue";
|
|||
|
|
import dirReader from "./libs/dirReader";
|
|||
|
|
import fileSysItem from "./listItem/fileSysItem.vue";
|
|||
|
|
import fileSize from "./libs/fileSize";
|
|||
|
|
import textFileEditDialog from "./dialog/textFileEditDialog.vue";
|
|||
|
|
import createDir from "./dialog/createDir.vue";
|
|||
|
|
import editDialog from "./dialog/editDialog.vue";
|
|||
|
|
import addStorage from "./dialog/addStorage.vue";
|
|||
|
|
import settingView from "./listItem/setting.vue";
|
|||
|
|
import mp from "./mixins/mp";
|
|||
|
|
import jsRunnerItem from "./listItem/jsRunnerItem.vue";
|
|||
|
|
import routeItem from "./listItem/routeItem.vue";
|
|||
|
|
import routeDialog from "./dialog/routeDialog.vue";
|
|||
|
|
|
|||
|
|
// #ifndef APP-PLUS
|
|||
|
|
import h5Cell from "./ui/h5Cell.vue";
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 时间戳转时间文字
|
|||
|
|
*/
|
|||
|
|
function getTime(t) {
|
|||
|
|
let c = "0s";
|
|||
|
|
if (t < 60) {
|
|||
|
|
c = t + "秒";
|
|||
|
|
} else if (t < 60 * 60) {
|
|||
|
|
c = Math.ceil(t / 60) + "分钟";
|
|||
|
|
} else {
|
|||
|
|
c = Math.ceil(t / 60 / 60) + "小时" + Math.ceil((t % (60 * 60)) / 60) + "分钟";
|
|||
|
|
}
|
|||
|
|
return c;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
mixins: [animationControl, mp],
|
|||
|
|
components: {
|
|||
|
|
mobileSwiperScroll,
|
|||
|
|
consoleItem,
|
|||
|
|
storageList,
|
|||
|
|
vuexList,
|
|||
|
|
tools,
|
|||
|
|
infoList,
|
|||
|
|
networkItem,
|
|||
|
|
pages,
|
|||
|
|
logItem,
|
|||
|
|
pageItem,
|
|||
|
|
errorItem,
|
|||
|
|
subTitleBar,
|
|||
|
|
dayOnlinePageList,
|
|||
|
|
dayOnlineItem,
|
|||
|
|
sendRequest,
|
|||
|
|
bottomTools,
|
|||
|
|
fileSysItem,
|
|||
|
|
textFileEditDialog,
|
|||
|
|
createDir,
|
|||
|
|
editDialog,
|
|||
|
|
addStorage,
|
|||
|
|
settingView,
|
|||
|
|
jsRunnerItem,
|
|||
|
|
routeItem,
|
|||
|
|
routeDialog,
|
|||
|
|
// #ifndef APP-PLUS
|
|||
|
|
cell: h5Cell,
|
|||
|
|
// #endif
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
/**
|
|||
|
|
* 是否处于弹窗状态
|
|||
|
|
*/
|
|||
|
|
isDialog: true,
|
|||
|
|
|
|||
|
|
tabLoading: true,
|
|||
|
|
tabIndex: 0,
|
|||
|
|
tabList: [
|
|||
|
|
{
|
|||
|
|
title: "Tools", //标题
|
|||
|
|
hasLoad: false,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "Error", //标题
|
|||
|
|
canRefreshing: true, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
type: "init", //列表状态
|
|||
|
|
data: [], //数据条数
|
|||
|
|
hasLoad: false,
|
|||
|
|
isLongList: true, // 是否长列表
|
|||
|
|
isLoadAll: false, //是否加载全部
|
|||
|
|
filterType: "", //过滤类型
|
|||
|
|
isShowBottomTools: true, //显示底部工具栏
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "Console", //标题
|
|||
|
|
canRefreshing: true, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
type: "init", //列表状态
|
|||
|
|
data: [], //数据条数
|
|||
|
|
hasLoad: false,
|
|||
|
|
isLongList: true, // 是否长列表
|
|||
|
|
isLoadAll: false, //是否加载全部
|
|||
|
|
filterType: "", //过滤类型
|
|||
|
|
isShowBottomTools: true, //显示底部工具栏
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "Network", //标题
|
|||
|
|
canRefreshing: true, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
type: "init", //列表状态
|
|||
|
|
data: [], //数据条数
|
|||
|
|
hasLoad: false,
|
|||
|
|
isLongList: true, // 是否长列表
|
|||
|
|
isLoadAll: false, //是否加载全部
|
|||
|
|
filterType: "", //过滤类型
|
|||
|
|
isShowBottomTools: true, //显示底部工具栏
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "JsRunner", //标题
|
|||
|
|
canRefreshing: false, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
type: "init", //列表状态
|
|||
|
|
data: [], //数据条数
|
|||
|
|
hasLoad: false,
|
|||
|
|
// #ifdef APP-PLUS || H5
|
|||
|
|
isShowBottomTools: true, //显示底部工具栏
|
|||
|
|
// #endif
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "Storage", //标题
|
|||
|
|
canRefreshing: true, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
hasLoad: false,
|
|||
|
|
storageType: "localStorage", //缓存类型默认为localStorage
|
|||
|
|
isShowBottomTools: true, //显示底部工具栏
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "Pages", //标题
|
|||
|
|
canRefreshing: true, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
hasLoad: false,
|
|||
|
|
isShowPages: true, //是否展示页面堆栈列表
|
|||
|
|
data: [],
|
|||
|
|
isShowData: false, //是否展示页面全部统计数据
|
|||
|
|
dayOnlineList: [], //日浏览量日志
|
|||
|
|
dayOnlineShow: false,
|
|||
|
|
isShowBottomTools: true, //显示底部工具栏
|
|||
|
|
isShowRouteList: false, // 是否显示路由列表
|
|||
|
|
routeList: [], //全部路由列表
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "Vuex", //标题
|
|||
|
|
canRefreshing: true, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
hasLoad: false,
|
|||
|
|
stateType: "vuex", //全局变量类型 vuex pinia globalData
|
|||
|
|
isShowBottomTools: true, //显示底部工具栏
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "Logs", //标题
|
|||
|
|
canRefreshing: true, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
type: "init", //列表状态
|
|||
|
|
data: [], //数据条数
|
|||
|
|
page: 0, //当前页码
|
|||
|
|
hasLoad: false,
|
|||
|
|
isLoadAll: false, //是否加载全部
|
|||
|
|
isLongList: true, // 是否长列表
|
|||
|
|
isShowBottomTools: true, //显示底部工具栏
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "Info", //标题
|
|||
|
|
canRefreshing: true, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
hasLoad: false,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "UniBus", //标题
|
|||
|
|
canRefreshing: true, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
type: "init", //列表状态
|
|||
|
|
isShowCount: true,
|
|||
|
|
countList: [],
|
|||
|
|
isShowLog: false,
|
|||
|
|
logList: [],
|
|||
|
|
filterType: "", //过滤类型
|
|||
|
|
hasLoad: false,
|
|||
|
|
isShowBottomTools: true, //显示底部工具栏
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "FileSys", //标题
|
|||
|
|
canRefreshing: true, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
type: "init", //列表状态
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
dirType: "PRIVATE_DOC", //文件类型 wx, PRIVATE_WWW, PRIVATE_DOC PUBLIC_DOCUMENTS PUBLIC_DOWNLOADS
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef MP
|
|||
|
|
dirType: "wx", //文件类型 wx, PRIVATE_WWW, PRIVATE_DOC
|
|||
|
|
// #endif
|
|||
|
|
data: [], //文件列表
|
|||
|
|
dirList: [], //目录列表
|
|||
|
|
hasLoad: false,
|
|||
|
|
isShowBottomTools: true, //显示底部工具栏
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "Setting", //标题
|
|||
|
|
canRefreshing: true, //是否允许下拉刷新
|
|||
|
|
isRefreshing: false, //下拉刷新状态
|
|||
|
|
refreshType: "waitPullUp", //刷新状态 'waitPullUp','waitRelease','refreshing'
|
|||
|
|
type: "init", //列表状态
|
|||
|
|
data: [], //数据条数
|
|||
|
|
page: 0, //当前页码
|
|||
|
|
hasLoad: false,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
/**
|
|||
|
|
* 监听tab改变事件
|
|||
|
|
*/
|
|||
|
|
tabIndex(index) {
|
|||
|
|
if (!this.tabList[index].hasLoad) {
|
|||
|
|
this.getPage();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
/**
|
|||
|
|
* 挂载dev对象
|
|||
|
|
*/
|
|||
|
|
$devTools() {
|
|||
|
|
return init;
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 面板高度
|
|||
|
|
*/
|
|||
|
|
panelHeight() {
|
|||
|
|
// #ifndef APP-PLUS
|
|||
|
|
if (1) return this.windowInfo.system.windowHeight - this.windowInfo.navbar.heightPx;
|
|||
|
|
// #endif
|
|||
|
|
return Math.ceil(this.windowInfo.system.windowHeight * 0.8);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 滚动列表的高度
|
|||
|
|
*/
|
|||
|
|
listHeight() {
|
|||
|
|
let sys = uni.getSystemInfoSync();
|
|||
|
|
// #ifdef H5
|
|||
|
|
if (1) return sys.windowHeight - 50 - uni.upx2px(80) - 1;
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef MP-WEIXIN
|
|||
|
|
if (1) return sys.windowHeight - this.windowInfo.navbar.heightPx - uni.upx2px(80) - 1;
|
|||
|
|
// #endif
|
|||
|
|
return this.panelHeight - uni.upx2px(80) - 1;
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 当前tab栏的标题
|
|||
|
|
*/
|
|||
|
|
tabTitle() {
|
|||
|
|
return this.tabList[this.tabIndex].title;
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 获取底部栏需要的参数
|
|||
|
|
*/
|
|||
|
|
bottomToolsOptions() {
|
|||
|
|
let that = this;
|
|||
|
|
const getTabItemByTitle = (title) => {
|
|||
|
|
let i = that.tabList.findIndex((x) => x.title == title);
|
|||
|
|
return that.tabList[i];
|
|||
|
|
};
|
|||
|
|
return {
|
|||
|
|
errorFilterType: getTabItemByTitle("Error").filterType,
|
|||
|
|
consoleFilterType: getTabItemByTitle("Console").filterType,
|
|||
|
|
networkFilterType: getTabItemByTitle("Network").filterType,
|
|||
|
|
busFilterType: getTabItemByTitle("UniBus").filterType,
|
|||
|
|
fileSysDirList: getTabItemByTitle("FileSys").dirList,
|
|||
|
|
fileSysDirType: getTabItemByTitle("FileSys").dirType,
|
|||
|
|
storageType: getTabItemByTitle("Storage").storageType,
|
|||
|
|
codeHisLength: getTabItemByTitle("JsRunner").data.length,
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 是否显示底部工具栏
|
|||
|
|
*/
|
|||
|
|
isShowBottomTools() {
|
|||
|
|
// [1, 2, 3, 4, 5, 7, 9, 10].indexOf(tabIndex) != -1
|
|||
|
|
let item = this.tabList[this.tabIndex];
|
|||
|
|
return item.isShowBottomTools === true;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
let that = this;
|
|||
|
|
this.getPage();
|
|||
|
|
// #ifndef APP-PLUS
|
|||
|
|
this.isDialog = false;
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
// ! 刷新当前列表
|
|||
|
|
uni.$on("devTools_listGetPage", () => {
|
|||
|
|
that.getPage();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// ! 删除指定请求记录
|
|||
|
|
uni.$on("devTools_delNetworkItemById", (id) => {
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Network");
|
|||
|
|
let i = that.tabList[tabIndex].data.findIndex((x) => x.id == id);
|
|||
|
|
if (i != -1) {
|
|||
|
|
that.tabList[tabIndex].data.splice(i, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// ! 删除日志
|
|||
|
|
uni.$on("devTools_delLog", (item) => {
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Logs");
|
|||
|
|
let i = that.tabList[tabIndex].data.findIndex((x) => x.date == item.date && x.t == item.t);
|
|||
|
|
if (i != -1) {
|
|||
|
|
that.tabList[tabIndex].data.splice(i, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// ! 删除错误记录
|
|||
|
|
uni.$on("devTools_delError", (item) => {
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Error");
|
|||
|
|
let i = that.tabList[tabIndex].data.findIndex(
|
|||
|
|
(x) => x.type == item.type && x.t == item.t && x.m == item.m && x.tr == item.tr && x.p == item.p
|
|||
|
|
);
|
|||
|
|
if (i != -1) {
|
|||
|
|
that.tabList[tabIndex].data.splice(i, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// ! 删除打印日志
|
|||
|
|
uni.$on("devTools_delConsoleItem", (item) => {
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Console");
|
|||
|
|
let i = that.tabList[tabIndex].data.findIndex((x) => {
|
|||
|
|
let t = JSON.stringify(x.list);
|
|||
|
|
return t == JSON.stringify(item.list) && x.time == item.time && x.page == item.page && x.type == item.type;
|
|||
|
|
});
|
|||
|
|
if (i != -1) {
|
|||
|
|
that.tabList[tabIndex].data.splice(i, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// !初始化Vuex，自动推断全局变量类型
|
|||
|
|
let vIndex = that.tabList.findIndex((x) => x.title == "Vuex");
|
|||
|
|
let vType = "globalData";
|
|||
|
|
if (that.$store) {
|
|||
|
|
vType = "vuex";
|
|||
|
|
} else if (uni.Pinia || that.$pinia) {
|
|||
|
|
vType = "pinia";
|
|||
|
|
}
|
|||
|
|
// console.log("vType", vType);
|
|||
|
|
that.tabList[vIndex].stateType = vType;
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
/**
|
|||
|
|
* 页面加载事件
|
|||
|
|
*/
|
|||
|
|
pageOnLoad(options) {
|
|||
|
|
let that = this;
|
|||
|
|
that.$nextTick(() => {
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
that.panelShow();
|
|||
|
|
// #endif
|
|||
|
|
});
|
|||
|
|
uni.$once("devTools_closeDevToolsPanel", () => {
|
|||
|
|
that.panelHide();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 加载列表
|
|||
|
|
*/
|
|||
|
|
async getPage() {
|
|||
|
|
let that = this;
|
|||
|
|
const index = Number(that.tabIndex);
|
|||
|
|
let item = that.tabList[index];
|
|||
|
|
if (item.isRefreshing) return;
|
|||
|
|
|
|||
|
|
await that.awaitNextTick();
|
|||
|
|
|
|||
|
|
if (item.title == "Storage") {
|
|||
|
|
that.refreshStorage();
|
|||
|
|
} else if (item.title == "Vuex") {
|
|||
|
|
that.refreshVuex();
|
|||
|
|
} else if (item.title == "Info") {
|
|||
|
|
that.refreshInfo();
|
|||
|
|
} else if (item.title == "Pages") {
|
|||
|
|
that.getPages();
|
|||
|
|
} else if (item.title == "Console") {
|
|||
|
|
that.getConsole();
|
|||
|
|
} else if (item.title == "Network") {
|
|||
|
|
that.getNetwork();
|
|||
|
|
} else if (item.title == "Logs") {
|
|||
|
|
that.getLogs();
|
|||
|
|
} else if (item.title == "Error") {
|
|||
|
|
that.getError();
|
|||
|
|
} else if (item.title == "UniBus") {
|
|||
|
|
that.getUniBus();
|
|||
|
|
} else if (item.title == "FileSys") {
|
|||
|
|
that.getDirList();
|
|||
|
|
} else if (item.title == "Setting") {
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Setting");
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].type = "loading";
|
|||
|
|
that.$refs.settingView.getPage();
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].isRefreshing = false;
|
|||
|
|
that.tabList[tabIndex].refreshType = "success";
|
|||
|
|
that.tabList[tabIndex].type = "success";
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "waitRelease";
|
|||
|
|
}, 1000);
|
|||
|
|
}, 500);
|
|||
|
|
}
|
|||
|
|
that.tabList[index].hasLoad = true;
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 等待渲染完成
|
|||
|
|
*/
|
|||
|
|
awaitNextTick() {
|
|||
|
|
let that = this;
|
|||
|
|
return new Promise((yes) => {
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
setTimeout(() => {
|
|||
|
|
yes();
|
|||
|
|
}, 200);
|
|||
|
|
// #endif
|
|||
|
|
// #ifndef APP-PLUS
|
|||
|
|
that.$nextTick(() => {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
yes();
|
|||
|
|
}, 200);
|
|||
|
|
});
|
|||
|
|
// #endif
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 隐藏弹窗
|
|||
|
|
*/
|
|||
|
|
hide() {
|
|||
|
|
init.hide();
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 下拉刷新事件
|
|||
|
|
*/
|
|||
|
|
onrefresh() {
|
|||
|
|
if (!this.tabList[this.tabIndex].canRefreshing || this.tabList[this.tabIndex].type == "loading") return false;
|
|||
|
|
this.getPage(true);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 下拉过程触发
|
|||
|
|
*/
|
|||
|
|
onpullingdown(args) {
|
|||
|
|
let e = args.event;
|
|||
|
|
if (this.tabList[this.tabIndex].refreshType == "refreshing") return false;
|
|||
|
|
if (e.pullingDistance > e.viewHeight) {
|
|||
|
|
this.tabList[this.tabIndex].refreshType = "waitRelease";
|
|||
|
|
} else {
|
|||
|
|
this.tabList[this.tabIndex].refreshType = "waitPullUp";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 刷新缓存数据
|
|||
|
|
*/
|
|||
|
|
refreshStorage() {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Storage");
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].refreshType = "refreshing";
|
|||
|
|
that.$refs.storageList.getData(that.tabList[tabIndex].storageType);
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].isRefreshing = false;
|
|||
|
|
that.tabList[tabIndex].refreshType = "success";
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "waitRelease";
|
|||
|
|
}, 1000);
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 刷新vuex数据
|
|||
|
|
*/
|
|||
|
|
refreshVuex() {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Vuex");
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].refreshType = "refreshing";
|
|||
|
|
that.$refs.vuexList.getData();
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].isRefreshing = false;
|
|||
|
|
that.tabList[tabIndex].refreshType = "success";
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "waitRelease";
|
|||
|
|
}, 1000);
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 刷新pages
|
|||
|
|
*/
|
|||
|
|
getPages() {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Pages");
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].refreshType = "refreshing";
|
|||
|
|
that.tabList[tabIndex].data = [];
|
|||
|
|
|
|||
|
|
that.$refs.pages.getData();
|
|||
|
|
|
|||
|
|
let data = devCache.get("pageCount");
|
|||
|
|
if (!data) data = [];
|
|||
|
|
|
|||
|
|
data = data.map((x) => {
|
|||
|
|
x.timeCount = getTime(x.activeTimeCount);
|
|||
|
|
return x;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
let onlineList = devCache.get("dayOnline");
|
|||
|
|
if (!onlineList) onlineList = [];
|
|||
|
|
onlineList = onlineList.map((x) => {
|
|||
|
|
x.timeCount = getTime(x.activeTimeCount);
|
|||
|
|
x.page = x.page.map((v) => {
|
|||
|
|
v.timeCount = getTime(v.t);
|
|||
|
|
return v;
|
|||
|
|
});
|
|||
|
|
return x;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
let pages = [];
|
|||
|
|
// #ifdef H5 || APP-PLUS
|
|||
|
|
try {
|
|||
|
|
pages = __uniRoutes.map((item) => {
|
|||
|
|
if (item.alias) {
|
|||
|
|
item.path = item.alias;
|
|||
|
|
}
|
|||
|
|
return item;
|
|||
|
|
});
|
|||
|
|
} catch (error) {
|
|||
|
|
pages = [];
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef MP-WEIXIN
|
|||
|
|
try {
|
|||
|
|
let wxPages = __wxConfig.pages;
|
|||
|
|
pages = wxPages.map((item) => {
|
|||
|
|
return {
|
|||
|
|
path: "/" + item,
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
} catch (error) {
|
|||
|
|
pages = [];
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].data = data;
|
|||
|
|
that.tabList[tabIndex].routeList = pages;
|
|||
|
|
that.tabList[tabIndex].dayOnlineList = onlineList;
|
|||
|
|
that.tabList[tabIndex].refreshType = "success";
|
|||
|
|
that.tabList[tabIndex].isRefreshing = false;
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "waitRelease";
|
|||
|
|
}, 1000);
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 改变pages列表展示状态
|
|||
|
|
*/
|
|||
|
|
pagesShowChange(key) {
|
|||
|
|
this.tabList[this.tabIndex][key] = !this.tabList[this.tabIndex][key];
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 打开在线统计详情弹窗
|
|||
|
|
*/
|
|||
|
|
showOnlineDetailsDialog(item) {
|
|||
|
|
this.$refs.dayOnlinePageList.show(item);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 刷新info
|
|||
|
|
*/
|
|||
|
|
refreshInfo() {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Info");
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].refreshType = "refreshing";
|
|||
|
|
that.$refs.infoList.getData();
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].isRefreshing = false;
|
|||
|
|
that.tabList[tabIndex].refreshType = "success";
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "waitRelease";
|
|||
|
|
}, 1000);
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 加载数据
|
|||
|
|
*/
|
|||
|
|
getConsole() {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Console");
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].type = "loading";
|
|||
|
|
let data = devCache.get("console");
|
|||
|
|
if (!data) data = [];
|
|||
|
|
data = data.map((item) => {
|
|||
|
|
// item.date = timeFormat(item.time);
|
|||
|
|
item.date = timeFromNow(item.time);
|
|||
|
|
return item;
|
|||
|
|
});
|
|||
|
|
let filterType = that.tabList[tabIndex].filterType;
|
|||
|
|
if (filterType != "") {
|
|||
|
|
data = data.filter((x) => x.type == filterType);
|
|||
|
|
}
|
|||
|
|
if (data.length > 30 && that.tabList[tabIndex].isLongList && !that.tabList[tabIndex].isLoadAll) {
|
|||
|
|
data.splice(30, data.length - 1);
|
|||
|
|
}
|
|||
|
|
that.tabList[tabIndex].data = data;
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "success";
|
|||
|
|
that.tabList[tabIndex].isRefreshing = false;
|
|||
|
|
that.tabList[tabIndex].type = "success";
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "waitRelease";
|
|||
|
|
}, 1000);
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 加载请求数据
|
|||
|
|
*/
|
|||
|
|
getNetwork() {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Network");
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].type = "loading";
|
|||
|
|
|
|||
|
|
let data = devCache.get("request");
|
|||
|
|
if (!data) data = [];
|
|||
|
|
data = data.map((item) => {
|
|||
|
|
item.date = timeFromNow(item.sendTime);
|
|||
|
|
return item;
|
|||
|
|
});
|
|||
|
|
let filterType = that.tabList[tabIndex].filterType;
|
|||
|
|
if (filterType != "") {
|
|||
|
|
if (filterType == "请求失败") {
|
|||
|
|
data = data.filter((x) => x.type == 2 || (x.type == 1 && x.responseStatus != 200));
|
|||
|
|
} else if (filterType == "其他") {
|
|||
|
|
data = data.filter((x) => x.method != "get" && x.method != "post");
|
|||
|
|
} else if (filterType == "10s+") {
|
|||
|
|
data = data.filter((x) => x.type != 0 && x.useTime > 10);
|
|||
|
|
} else if (filterType == "500KB+") {
|
|||
|
|
data = data.filter((x) => x.type == 1 && x.responseBodySize > 1024 * 500);
|
|||
|
|
} else {
|
|||
|
|
data = data.filter((x) => x.method == filterType);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (data.length > 30 && that.tabList[tabIndex].isLongList && !that.tabList[tabIndex].isLoadAll) {
|
|||
|
|
data.splice(30, data.length - 1);
|
|||
|
|
}
|
|||
|
|
that.tabList[tabIndex].data = data;
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].isRefreshing = false;
|
|||
|
|
that.tabList[tabIndex].refreshType = "success";
|
|||
|
|
that.tabList[tabIndex].type = "success";
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "waitRelease";
|
|||
|
|
}, 1000);
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 获取日志
|
|||
|
|
*/
|
|||
|
|
getLogs() {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Logs");
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].type = "loading";
|
|||
|
|
let data = devCache.get("logReport");
|
|||
|
|
if (!data) data = [];
|
|||
|
|
data = data.map((x) => {
|
|||
|
|
x.date = timeFromNow(x.t);
|
|||
|
|
return x;
|
|||
|
|
});
|
|||
|
|
if (data.length > 30 && that.tabList[tabIndex].isLongList && !that.tabList[tabIndex].isLoadAll) {
|
|||
|
|
data.splice(30, data.length - 1);
|
|||
|
|
}
|
|||
|
|
that.tabList[tabIndex].data = data;
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].isRefreshing = false;
|
|||
|
|
that.tabList[tabIndex].refreshType = "success";
|
|||
|
|
that.tabList[tabIndex].type = "success";
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "waitRelease";
|
|||
|
|
}, 1000);
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 获取错误列表
|
|||
|
|
*/
|
|||
|
|
getError() {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Error");
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].type = "loading";
|
|||
|
|
let data = devCache.get("errorReport");
|
|||
|
|
if (!data) data = [];
|
|||
|
|
data = data.map((x) => {
|
|||
|
|
x.date = timeFromNow(x.t);
|
|||
|
|
return x;
|
|||
|
|
});
|
|||
|
|
let filterType = that.tabList[tabIndex].filterType;
|
|||
|
|
if (filterType != "") {
|
|||
|
|
data = data.filter((x) => x.type == filterType);
|
|||
|
|
}
|
|||
|
|
if (data.length > 30 && that.tabList[tabIndex].isLongList && !that.tabList[tabIndex].isLoadAll) {
|
|||
|
|
data.splice(30, data.length - 1);
|
|||
|
|
}
|
|||
|
|
that.tabList[tabIndex].data = data;
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].isRefreshing = false;
|
|||
|
|
that.tabList[tabIndex].refreshType = "success";
|
|||
|
|
that.tabList[tabIndex].type = "success";
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "waitRelease";
|
|||
|
|
}, 1000);
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 加载全部列表
|
|||
|
|
*/
|
|||
|
|
showListAll() {
|
|||
|
|
let that = this;
|
|||
|
|
that.tabList[that.tabIndex].isLoadAll = true;
|
|||
|
|
that.tabList[that.tabIndex].data = [];
|
|||
|
|
that.tabList[that.tabIndex].type = "loading";
|
|||
|
|
that.getPage();
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 加载eventBus日志列表
|
|||
|
|
*/
|
|||
|
|
getUniBus() {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "UniBus");
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].refreshType = "refreshing";
|
|||
|
|
|
|||
|
|
let logList = devCache.get("uniBus");
|
|||
|
|
if (!logList) logList = [];
|
|||
|
|
|
|||
|
|
let busCount = devCache.get("busCount");
|
|||
|
|
if (!busCount) busCount = [];
|
|||
|
|
|
|||
|
|
logList = logList.map((x) => {
|
|||
|
|
x.date = timeFormat(x.t);
|
|||
|
|
return x;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
let filterType = that.tabList[tabIndex].filterType;
|
|||
|
|
if (filterType != "") {
|
|||
|
|
logList = logList.filter((x) => x.e.indexOf(`${filterType}>`) == 0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].logList = logList;
|
|||
|
|
that.tabList[tabIndex].countList = busCount;
|
|||
|
|
that.tabList[tabIndex].refreshType = "success";
|
|||
|
|
that.tabList[tabIndex].isRefreshing = false;
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "waitRelease";
|
|||
|
|
}, 1000);
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 长按BUS事件
|
|||
|
|
*/
|
|||
|
|
busCountMenu(item) {
|
|||
|
|
let that = this;
|
|||
|
|
|
|||
|
|
let menu = [
|
|||
|
|
{
|
|||
|
|
text: `复制名称`,
|
|||
|
|
click() {
|
|||
|
|
uni.setClipboardData({
|
|||
|
|
data: item.e,
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: `复制完整日志`,
|
|||
|
|
click() {
|
|||
|
|
uni.setClipboardData({
|
|||
|
|
data: JSON.stringify(item),
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
uni.showActionSheet({
|
|||
|
|
itemList: menu.map((x) => x.text),
|
|||
|
|
success({ tapIndex }) {
|
|||
|
|
menu[tapIndex].click();
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 长按BUS log事件
|
|||
|
|
*/
|
|||
|
|
busLogMenu(item) {
|
|||
|
|
let that = this;
|
|||
|
|
let menu = [
|
|||
|
|
{
|
|||
|
|
text: `复制名称`,
|
|||
|
|
click() {
|
|||
|
|
uni.setClipboardData({
|
|||
|
|
data: item.e,
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
text: `复制完整日志`,
|
|||
|
|
click() {
|
|||
|
|
uni.setClipboardData({
|
|||
|
|
data: JSON.stringify(item),
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
];
|
|||
|
|
uni.showActionSheet({
|
|||
|
|
itemList: menu.map((x) => x.text),
|
|||
|
|
success({ tapIndex }) {
|
|||
|
|
menu[tapIndex].click();
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 列表过滤类型改变事件
|
|||
|
|
*/
|
|||
|
|
onFilterTypeChange(type) {
|
|||
|
|
this.tabList[this.tabIndex].filterType = type;
|
|||
|
|
this.getPage();
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 加载文件列表
|
|||
|
|
*/
|
|||
|
|
async getDirList() {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "FileSys");
|
|||
|
|
// #ifndef APP-PLUS || MP-WEIXIN
|
|||
|
|
if (1) return;
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
that.tabList[tabIndex].isRefreshing = true;
|
|||
|
|
that.tabList[tabIndex].type = "loading";
|
|||
|
|
|
|||
|
|
let path = "";
|
|||
|
|
let data = [];
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
if (that.tabList[tabIndex].dirType == "PRIVATE_DOC") {
|
|||
|
|
path = "_doc";
|
|||
|
|
} else if (that.tabList[tabIndex].dirType == "PRIVATE_WWW") {
|
|||
|
|
path = "_www";
|
|||
|
|
} else if (that.tabList[tabIndex].dirType == "PUBLIC_DOCUMENTS") {
|
|||
|
|
path = "_documents";
|
|||
|
|
} else if (that.tabList[tabIndex].dirType == "PUBLIC_DOWNLOADS") {
|
|||
|
|
path = "_downloads";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (that.tabList[tabIndex].dirList) {
|
|||
|
|
that.tabList[tabIndex].dirList.forEach((item) => {
|
|||
|
|
path = path + "/" + item;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
data = await dirReader.getDirFileList(path);
|
|||
|
|
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
// #ifdef MP-WEIXIN
|
|||
|
|
let fs = wx.getFileSystemManager();
|
|||
|
|
path = wx.env.USER_DATA_PATH;
|
|||
|
|
if (that.tabList[tabIndex].dirList) {
|
|||
|
|
that.tabList[tabIndex].dirList.forEach((item) => {
|
|||
|
|
path = path + "/" + item;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
let fileList = [];
|
|||
|
|
let dirList = [];
|
|||
|
|
let list = fs.readdirSync(path + "/");
|
|||
|
|
for (let i = 0; i < list.length; i++) {
|
|||
|
|
let name = list[i];
|
|||
|
|
let stats = fs.statSync(path + "/" + name);
|
|||
|
|
let row = {
|
|||
|
|
type: stats.isFile() ? "file" : "dir",
|
|||
|
|
size: stats.size,
|
|||
|
|
time: stats.lastModifiedTime,
|
|||
|
|
name,
|
|||
|
|
fileType: name.split(".").pop(),
|
|||
|
|
};
|
|||
|
|
if (stats.isFile()) {
|
|||
|
|
fileList.push(row);
|
|||
|
|
} else {
|
|||
|
|
dirList.push(row);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
data = [...dirList, ...fileList];
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
data = data.map((x) => {
|
|||
|
|
x.date = timeFormat(x.time, "yyyy-mm-dd hh:MM");
|
|||
|
|
x.sizeText = fileSize.getByteSize(x.size);
|
|||
|
|
x.icon = x.type == "dir" ? "/devTools/page/static/fileSys/wenjianjia.png" : dirReader.getFileIcon(x.fileType);
|
|||
|
|
return x;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (that.tabList[tabIndex].dirList.length > 0) {
|
|||
|
|
data.unshift({
|
|||
|
|
type: "back",
|
|||
|
|
name: "返回上一级",
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
that.tabList[tabIndex].data = data;
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].isRefreshing = false;
|
|||
|
|
that.tabList[tabIndex].refreshType = "success";
|
|||
|
|
that.tabList[tabIndex].type = "success";
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.tabList[tabIndex].refreshType = "waitRelease";
|
|||
|
|
}, 1000);
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 打开文件夹
|
|||
|
|
*/
|
|||
|
|
goChildDir(dirName) {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "FileSys");
|
|||
|
|
if (typeof dirName == "string" && dirName.indexOf("_goIndex_") == 0) {
|
|||
|
|
let i = Number(dirName.replace("_goIndex_", ""));
|
|||
|
|
that.tabList[tabIndex].dirList.splice(i, 99999);
|
|||
|
|
} else if (dirName == "__back__") {
|
|||
|
|
if (that.tabList[tabIndex].dirList.length > 0) {
|
|||
|
|
that.tabList[tabIndex].dirList.splice(that.tabList[tabIndex].dirList.length - 1, 1);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
that.tabList[tabIndex].dirList.push(dirName);
|
|||
|
|
}
|
|||
|
|
that.getPage();
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 更改文件管理器地址
|
|||
|
|
*/
|
|||
|
|
changeFileDirType(type) {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "FileSys");
|
|||
|
|
this.tabList[tabIndex].dirType = type;
|
|||
|
|
this.tabList[tabIndex].dirList = [];
|
|||
|
|
this.tabList[tabIndex].data = [];
|
|||
|
|
this.getPage();
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 编辑文件夹或创建文件夹
|
|||
|
|
*/
|
|||
|
|
editDirName(options) {
|
|||
|
|
this.$refs.createDir.show(options);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 更改缓存类型
|
|||
|
|
*/
|
|||
|
|
changeStorageType(type) {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Storage");
|
|||
|
|
this.tabList[tabIndex].storageType = type;
|
|||
|
|
this.getPage();
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 运行js代码
|
|||
|
|
*/
|
|||
|
|
runJs({ code, type }) {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "JsRunner");
|
|||
|
|
let id = new Date().getTime() + "_" + Math.random();
|
|||
|
|
this.tabList[tabIndex].data.push({
|
|||
|
|
id,
|
|||
|
|
code,
|
|||
|
|
result: "",
|
|||
|
|
isEnd: false,
|
|||
|
|
});
|
|||
|
|
let logIndex = this.tabList[tabIndex].data.findIndex((x) => x.id == id);
|
|||
|
|
let context;
|
|||
|
|
try {
|
|||
|
|
// #ifdef H5
|
|||
|
|
context = window;
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
context = globalThis;
|
|||
|
|
// #endif
|
|||
|
|
} catch (error) {}
|
|||
|
|
let result = undefined;
|
|||
|
|
uni.hideKeyboard();
|
|||
|
|
if (type == "h5" || type == "nvue") {
|
|||
|
|
try {
|
|||
|
|
let fun = ("ev" + "__混淆__" + "al").replace("__混淆__", "");
|
|||
|
|
if (context && context[fun]) {
|
|||
|
|
result = context[fun](code);
|
|||
|
|
} else {
|
|||
|
|
result = "当前环境不支持运行js!";
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
if (error && error.message) {
|
|||
|
|
result = error.message;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
try {
|
|||
|
|
uni.$once("devTools_jsRunnerCallback", (result) => {
|
|||
|
|
console.log("result", result);
|
|||
|
|
this.$set(this.tabList[this.tabIndex].data[logIndex], "result", result);
|
|||
|
|
this.$set(this.tabList[this.tabIndex].data[logIndex], "isEnd", true);
|
|||
|
|
this.$refs.mobileSwiperScroll.scrollToBottom();
|
|||
|
|
});
|
|||
|
|
uni.$emit("devTools_jsRunner", code);
|
|||
|
|
} catch (error) {}
|
|||
|
|
}, 1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let his = devCache.get("codeRunHis");
|
|||
|
|
if (!his) his = [];
|
|||
|
|
let i = his.indexOf(code);
|
|||
|
|
if (i > -1) {
|
|||
|
|
his.splice(i, 1);
|
|||
|
|
}
|
|||
|
|
his.unshift(code);
|
|||
|
|
if (his.length > 100) {
|
|||
|
|
his.splice(100, 9999999);
|
|||
|
|
}
|
|||
|
|
devCache.set("codeRunHis", his);
|
|||
|
|
|
|||
|
|
this.$set(this.tabList[this.tabIndex].data[logIndex], "result", result);
|
|||
|
|
this.$set(this.tabList[this.tabIndex].data[logIndex], "isEnd", true);
|
|||
|
|
this.$refs.mobileSwiperScroll.scrollToBottom();
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 清空js运行记录
|
|||
|
|
*/
|
|||
|
|
emptyCodeHis() {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "JsRunner");
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "清空成功！",
|
|||
|
|
icon: "success",
|
|||
|
|
});
|
|||
|
|
that.tabList[tabIndex].data = [];
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* Vuex变量类型改变事件
|
|||
|
|
*/
|
|||
|
|
changeStateType(type) {
|
|||
|
|
let that = this;
|
|||
|
|
let tabIndex = that.tabList.findIndex((x) => x.title == "Vuex");
|
|||
|
|
this.tabList[tabIndex].stateType = type;
|
|||
|
|
this.getPage();
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
view,
|
|||
|
|
text {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.devTools {
|
|||
|
|
/* #ifdef APP-PLUS */
|
|||
|
|
flex: 1;
|
|||
|
|
/* #endif */
|
|||
|
|
/* #ifndef APP-PLUS */
|
|||
|
|
height: 100vh;
|
|||
|
|
/* #endif */
|
|||
|
|
width: 750rpx;
|
|||
|
|
position: relative;
|
|||
|
|
|
|||
|
|
.mask {
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 1;
|
|||
|
|
width: 750rpx;
|
|||
|
|
flex: 1;
|
|||
|
|
/* #ifndef APP-PLUS */
|
|||
|
|
height: 100vh;
|
|||
|
|
/* #endif */
|
|||
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
.panel {
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 2;
|
|||
|
|
bottom: 0px;
|
|||
|
|
left: 0px;
|
|||
|
|
background-color: #ffffff;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
width: 750rpx;
|
|||
|
|
color: #333;
|
|||
|
|
/* #ifdef APP-PLUS */
|
|||
|
|
border-radius: 20rpx 20rpx 0 0;
|
|||
|
|
/* #endif */
|
|||
|
|
.head {
|
|||
|
|
width: 750rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
height: 80rpx;
|
|||
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|||
|
|
.tabList {
|
|||
|
|
height: 80rpx;
|
|||
|
|
width: 670rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
&.tab-h5 {
|
|||
|
|
width: 750rpx !important;
|
|||
|
|
}
|
|||
|
|
.uni-scroll-view-content {
|
|||
|
|
display: flex !important;
|
|||
|
|
flex-direction: row !important;
|
|||
|
|
}
|
|||
|
|
.tabItem {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
height: 80rpx;
|
|||
|
|
padding: 0 20rpx;
|
|||
|
|
min-width: 90rpx;
|
|||
|
|
position: relative;
|
|||
|
|
.tabText {
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #888;
|
|||
|
|
line-height: 80rpx;
|
|||
|
|
}
|
|||
|
|
.tabText.active {
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #ff2d55;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
.tabLine {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: -1px;
|
|||
|
|
height: 2px;
|
|||
|
|
width: 100rpx;
|
|||
|
|
background-color: #ff2d55;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.close {
|
|||
|
|
height: 80rpx;
|
|||
|
|
width: 80rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
position: relative;
|
|||
|
|
.icon {
|
|||
|
|
font-size: 40rpx;
|
|||
|
|
line-height: 40rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #ff2d55;
|
|||
|
|
}
|
|||
|
|
.line {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
height: 40rpx;
|
|||
|
|
width: 1px;
|
|||
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.cellDivisionLine {
|
|||
|
|
height: 1px;
|
|||
|
|
width: 750rpx;
|
|||
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.navbar {
|
|||
|
|
position: fixed;
|
|||
|
|
background-color: #fff;
|
|||
|
|
width: 750rpx;
|
|||
|
|
z-index: 2;
|
|||
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
|
|||
|
|
.navbarBody {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
color: #333;
|
|||
|
|
width: 710rpx;
|
|||
|
|
margin-left: 20rpx;
|
|||
|
|
.left {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
line-height: 26rpx;
|
|||
|
|
image {
|
|||
|
|
transform: rotate(-90deg);
|
|||
|
|
width: 30rpx;
|
|||
|
|
height: 30rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.right {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
line-height: 26rpx;
|
|||
|
|
color: #ff2d55;
|
|||
|
|
image {
|
|||
|
|
width: 30rpx;
|
|||
|
|
height: 30rpx;
|
|||
|
|
margin-left: 5rpx;
|
|||
|
|
}
|
|||
|
|
.refreshing {
|
|||
|
|
color: #aaa !important;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.navbarEmpty {
|
|||
|
|
position: fixed;
|
|||
|
|
}
|
|||
|
|
.loadAll:active {
|
|||
|
|
background-color: rgba(0, 0, 0, 0.03);
|
|||
|
|
}
|
|||
|
|
.loadAll {
|
|||
|
|
width: 750rpx;
|
|||
|
|
height: 80rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
.loadAllFold {
|
|||
|
|
width: 30rpx;
|
|||
|
|
height: 30rpx;
|
|||
|
|
}
|
|||
|
|
.loadAllText {
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: #333;
|
|||
|
|
margin: 0 10rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.cellDivisionLine {
|
|||
|
|
height: 1px;
|
|||
|
|
width: 750rpx;
|
|||
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|||
|
|
}
|
|||
|
|
.cellDivisionLine {
|
|||
|
|
height: 1px;
|
|||
|
|
width: 750rpx;
|
|||
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|||
|
|
}
|
|||
|
|
.devEmpty {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
height: 200rpx;
|
|||
|
|
width: 750rpx;
|
|||
|
|
.devEmptyText {
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: #888;
|
|||
|
|
line-height: 26rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.eventItem {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
width: 750rpx;
|
|||
|
|
padding: 10rpx 20rpx;
|
|||
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|||
|
|
&:active {
|
|||
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|||
|
|
}
|
|||
|
|
.eventName {
|
|||
|
|
font-size: 20rpx;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
.eventCount {
|
|||
|
|
margin-top: 4rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
.eventCountItem {
|
|||
|
|
width: 170rpx;
|
|||
|
|
max-width: 170rpx;
|
|||
|
|
font-size: 20rpx;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.eventLogItem {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
width: 750rpx;
|
|||
|
|
padding: 10rpx 20rpx;
|
|||
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|||
|
|
&:active {
|
|||
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|||
|
|
}
|
|||
|
|
.logText {
|
|||
|
|
font-size: 20rpx;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
.logTime {
|
|||
|
|
font-size: 20rpx;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.listCenterView {
|
|||
|
|
width: 750rpx;
|
|||
|
|
min-height: 200rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
.listCenterText {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|