limingtao
11 months ago
parent
508fc88571
commit
905bd8dfdd
13 changed files with 1163 additions and 367 deletions
@ -0,0 +1,135 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
<u-tabbar activeColor="#2294E6" :value="name" :fixed="true" :placeholder="false" :safeAreaInsetBottom="false"> |
||||||
|
<u-tabbar-item :text="item.text" :name='item.text' @click="to(item)" v-for="(item,index) in list"> |
||||||
|
<image class="u-page__item__slot-icon" slot="active-icon" :src="item.selectedIconPath"></image> |
||||||
|
<image class="u-page__item__slot-icon" slot="inactive-icon" :src="item.iconPath"></image> |
||||||
|
</u-tabbar-item> |
||||||
|
</u-tabbar> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
props: { |
||||||
|
name: { |
||||||
|
default: '首页', |
||||||
|
// type:'String' |
||||||
|
} |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
// path: { |
||||||
|
// handler(newVal, oldVal) { |
||||||
|
// // this.initVal() |
||||||
|
// }, |
||||||
|
// // immediate 设为true，进入页面会立即执行handler函数。 |
||||||
|
// immediate: true |
||||||
|
// } |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
$: this.$, |
||||||
|
home: { |
||||||
|
// 最少2个、最多5个 tab |
||||||
|
"pagePath": "/pages/index/index", |
||||||
|
// 页面路径，必须在 pages 中先定义 |
||||||
|
"iconPath": "/static/nav/index.png", |
||||||
|
// 图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px |
||||||
|
"selectedIconPath": "/static/nav/index_active.png", |
||||||
|
// 选中时的图片路径 |
||||||
|
"text": "首页" |
||||||
|
// tab 上按钮文字 |
||||||
|
}, |
||||||
|
approve: { |
||||||
|
"pagePath": "/pages/approve/index", |
||||||
|
"iconPath": "/static/nav/jobfind.png", |
||||||
|
"selectedIconPath": "/static/nav/jobfind_active.png", |
||||||
|
"text": "审批" |
||||||
|
}, |
||||||
|
investigation: { |
||||||
|
"pagePath": "/pages/investigation/index", |
||||||
|
"iconPath": "/static/nav/job.png", |
||||||
|
"selectedIconPath": "/static/nav/job_active.png", |
||||||
|
"text": "排查" |
||||||
|
}, |
||||||
|
|
||||||
|
governance: { |
||||||
|
"pagePath": "/pages/governance/index", |
||||||
|
"iconPath": "/static/nav/lean.png", |
||||||
|
"selectedIconPath": "/static/nav/lean_active.png", |
||||||
|
"text": "治理" |
||||||
|
}, |
||||||
|
mine: { |
||||||
|
"pagePath": "/pages/mine/index", |
||||||
|
"iconPath": "/static/nav/mine.png", |
||||||
|
"selectedIconPath": "/static/nav/mine_active.png", |
||||||
|
"text": "我的" |
||||||
|
}, |
||||||
|
"list": [ |
||||||
|
|
||||||
|
], |
||||||
|
value: 0 |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
this.initTab() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
to(item, index) { |
||||||
|
this.value = index |
||||||
|
uni.switchTab({ |
||||||
|
url: item.pagePath |
||||||
|
}) |
||||||
|
}, |
||||||
|
initVal() { |
||||||
|
for (let i in this.list) { |
||||||
|
if ('/pages/' + this.path + '/index' == this.list[i].pagePath) { |
||||||
|
|
||||||
|
this.value = i |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
initTab() { |
||||||
|
let role = this.$.getData('userInfo').role || [] |
||||||
|
|
||||||
|
if (role.includes('领导')) { |
||||||
|
this.list.push(this.home) |
||||||
|
this.list.push(this.approve) |
||||||
|
this.list.push(this.investigation) |
||||||
|
this.list.push(this.governance) |
||||||
|
this.list.push(this.mine) |
||||||
|
} |
||||||
|
if (role.includes('排查人员') && !role.includes('领导')) { |
||||||
|
this.list.push(this.home) |
||||||
|
// this.list.push(this.approve) |
||||||
|
this.list.push(this.investigation) |
||||||
|
this.list.push(this.governance) |
||||||
|
this.list.push(this.mine) |
||||||
|
} |
||||||
|
if (!role.includes('排查人员') && !role.includes('领导')) { |
||||||
|
|
||||||
|
this.list.push(this.home) |
||||||
|
// this.list.push(this.approve) |
||||||
|
// this.list.push(this.investigation) |
||||||
|
this.list.push(this.governance) |
||||||
|
this.list.push(this.mine) |
||||||
|
} |
||||||
|
for (let i in this.list) { |
||||||
|
if ('/pages/' + this.path + '/index' == this.list[i].pagePath) { |
||||||
|
// console.log('/pages/' + this.path + '/index' == this.list[i].pagePath,this.list.length,i) |
||||||
|
// this.value = Number(i) |
||||||
|
} |
||||||
|
} |
||||||
|
// console.log('/pages/'+this.path+'/index') |
||||||
|
// console.log('/pages/' + this.path + '/index') |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.u-page__item__slot-icon { |
||||||
|
width: 46rpx; |
||||||
|
height: 46rpx; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,44 @@ |
|||||||
|
import $ from '@/common/globalJs/globalJs.js' |
||||||
|
|
||||||
|
function tabbar() { |
||||||
|
// let role = $.getData('userInfo').role || []
|
||||||
|
// console.log('拉拉')
|
||||||
|
// if (!role.includes('领导')) {
|
||||||
|
// uni.setTabBarItem({
|
||||||
|
// index: 1,
|
||||||
|
// visible: false,
|
||||||
|
// "pagePath": "pages/approve/index",
|
||||||
|
// "iconPath": "static/nav/jobfind.png",
|
||||||
|
// "selectedIconPath": "static/nav/jobfind_active.png",
|
||||||
|
// "text": "审批"
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// if (!role.includes('排查人员') && !role.includes('领导')) {
|
||||||
|
// uni.setTabBarItem({
|
||||||
|
// index: 2,
|
||||||
|
// visible: false,
|
||||||
|
// "pagePath": "pages/investigation/index",
|
||||||
|
// "iconPath": "static/nav/job.png",
|
||||||
|
// "selectedIconPath": "static/nav/job_active.png",
|
||||||
|
// "text": "排查"
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// if (!role.includes('治理人员') && !role.includes('领导')) {
|
||||||
|
|
||||||
|
// uni.setTabBarItem({
|
||||||
|
// index: 3,
|
||||||
|
// visible: false,
|
||||||
|
// "pagePath": "pages/governance/index",
|
||||||
|
// "iconPath": "static/nav/lean.png",
|
||||||
|
// "selectedIconPath": "static/nav/lean_active.png",
|
||||||
|
// "text": "治理"
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
// console.log($.getData('userInfo'))
|
||||||
|
// return uni.getSystemInfoSync().platform;
|
||||||
|
}; |
||||||
|
export default { |
||||||
|
tabbar |
||||||
|
} |
||||||
@ -0,0 +1,197 @@ |
|||||||
|
{ |
||||||
|
root: 'D:\\项目\\自己\\曹\\hitap-chat', |
||||||
|
registry: 'https://registry.npmmirror.com', |
||||||
|
pkgs: [], |
||||||
|
production: false, |
||||||
|
cacheStrict: false, |
||||||
|
cacheDir: 'C:\\Users\\sybil\\.npminstall_tarball', |
||||||
|
env: { |
||||||
|
npm_config_registry: 'https://registry.npmmirror.com', |
||||||
|
npm_config_argv: '{"remain":[],"cooked":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\sybil\\\\.cnpmrc","--disturl=https://cdn.npmmirror.com/binaries/node","--registry=https://registry.npmmirror.com"],"original":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\sybil\\\\.cnpmrc","--disturl=https://cdn.npmmirror.com/binaries/node","--registry=https://registry.npmmirror.com"]}', |
||||||
|
npm_config_user_agent: 'npminstall/7.11.1 npm/? node/v18.16.1 win32 x64', |
||||||
|
npm_config_cache: 'C:\\Users\\sybil\\.npminstall_tarball', |
||||||
|
NODE: 'D:\\nodejs\\node.exe', |
||||||
|
npm_node_execpath: 'D:\\nodejs\\node.exe', |
||||||
|
npm_execpath: 'D:\\nvm\\nvm\\v18.16.1\\node_modules\\cnpm\\node_modules\\npminstall\\bin\\install.js', |
||||||
|
npm_config_userconfig: 'C:\\Users\\sybil\\.cnpmrc', |
||||||
|
npm_config_disturl: 'https://cdn.npmmirror.com/binaries/node', |
||||||
|
npm_config_r: 'https://registry.npmmirror.com', |
||||||
|
COREPACK_NPM_REGISTRY: 'https://registry.npmmirror.com', |
||||||
|
EDGEDRIVER_CDNURL: 'https://npmmirror.com/mirrors/edgedriver', |
||||||
|
NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', |
||||||
|
NVM_NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', |
||||||
|
PHANTOMJS_CDNURL: 'https://cdn.npmmirror.com/binaries/phantomjs', |
||||||
|
CHROMEDRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/chromedriver', |
||||||
|
OPERADRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/operadriver', |
||||||
|
CYPRESS_DOWNLOAD_PATH_TEMPLATE: 'https://cdn.npmmirror.com/binaries/cypress/${version}/${platform}-${arch}/cypress.zip', |
||||||
|
ELECTRON_MIRROR: 'https://cdn.npmmirror.com/binaries/electron/', |
||||||
|
ELECTRON_BUILDER_BINARIES_MIRROR: 'https://cdn.npmmirror.com/binaries/electron-builder-binaries/', |
||||||
|
SASS_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-sass', |
||||||
|
SWC_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-swc', |
||||||
|
NWJS_URLBASE: 'https://cdn.npmmirror.com/binaries/nwjs/v', |
||||||
|
PUPPETEER_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/chrome-for-testing', |
||||||
|
PUPPETEER_DOWNLOAD_BASE_URL: 'https://cdn.npmmirror.com/binaries/chrome-for-testing', |
||||||
|
PLAYWRIGHT_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/playwright', |
||||||
|
SENTRYCLI_CDNURL: 'https://cdn.npmmirror.com/binaries/sentry-cli', |
||||||
|
SAUCECTL_INSTALL_BINARY_MIRROR: 'https://cdn.npmmirror.com/binaries/saucectl', |
||||||
|
RE2_DOWNLOAD_MIRROR: 'https://cdn.npmmirror.com/binaries/node-re2', |
||||||
|
RE2_DOWNLOAD_SKIP_PATH: 'true', |
||||||
|
PRISMA_ENGINES_MIRROR: 'https://cdn.npmmirror.com/binaries/prisma', |
||||||
|
npm_config_better_sqlite3_binary_host: 'https://cdn.npmmirror.com/binaries/better-sqlite3', |
||||||
|
npm_config_keytar_binary_host: 'https://cdn.npmmirror.com/binaries/keytar', |
||||||
|
npm_config_sharp_binary_host: 'https://cdn.npmmirror.com/binaries/sharp', |
||||||
|
npm_config_sharp_libvips_binary_host: 'https://cdn.npmmirror.com/binaries/sharp-libvips', |
||||||
|
npm_config_robotjs_binary_host: 'https://cdn.npmmirror.com/binaries/robotjs', |
||||||
|
npm_rootpath: 'D:\\项目\\自己\\曹\\hitap-chat', |
||||||
|
INIT_CWD: 'D:\\项目\\自己\\曹\\hitap-chat' |
||||||
|
}, |
||||||
|
binaryMirrors: { |
||||||
|
ENVS: { |
||||||
|
COREPACK_NPM_REGISTRY: 'https://registry.npmmirror.com', |
||||||
|
EDGEDRIVER_CDNURL: 'https://npmmirror.com/mirrors/edgedriver', |
||||||
|
NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', |
||||||
|
NVM_NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', |
||||||
|
PHANTOMJS_CDNURL: 'https://cdn.npmmirror.com/binaries/phantomjs', |
||||||
|
CHROMEDRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/chromedriver', |
||||||
|
OPERADRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/operadriver', |
||||||
|
CYPRESS_DOWNLOAD_PATH_TEMPLATE: 'https://cdn.npmmirror.com/binaries/cypress/${version}/${platform}-${arch}/cypress.zip', |
||||||
|
ELECTRON_MIRROR: 'https://cdn.npmmirror.com/binaries/electron/', |
||||||
|
ELECTRON_BUILDER_BINARIES_MIRROR: 'https://cdn.npmmirror.com/binaries/electron-builder-binaries/', |
||||||
|
SASS_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-sass', |
||||||
|
SWC_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-swc', |
||||||
|
NWJS_URLBASE: 'https://cdn.npmmirror.com/binaries/nwjs/v', |
||||||
|
PUPPETEER_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/chrome-for-testing', |
||||||
|
PUPPETEER_DOWNLOAD_BASE_URL: 'https://cdn.npmmirror.com/binaries/chrome-for-testing', |
||||||
|
PLAYWRIGHT_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/playwright', |
||||||
|
SENTRYCLI_CDNURL: 'https://cdn.npmmirror.com/binaries/sentry-cli', |
||||||
|
SAUCECTL_INSTALL_BINARY_MIRROR: 'https://cdn.npmmirror.com/binaries/saucectl', |
||||||
|
RE2_DOWNLOAD_MIRROR: 'https://cdn.npmmirror.com/binaries/node-re2', |
||||||
|
RE2_DOWNLOAD_SKIP_PATH: 'true', |
||||||
|
PRISMA_ENGINES_MIRROR: 'https://cdn.npmmirror.com/binaries/prisma', |
||||||
|
npm_config_better_sqlite3_binary_host: 'https://cdn.npmmirror.com/binaries/better-sqlite3', |
||||||
|
npm_config_keytar_binary_host: 'https://cdn.npmmirror.com/binaries/keytar', |
||||||
|
npm_config_sharp_binary_host: 'https://cdn.npmmirror.com/binaries/sharp', |
||||||
|
npm_config_sharp_libvips_binary_host: 'https://cdn.npmmirror.com/binaries/sharp-libvips', |
||||||
|
npm_config_robotjs_binary_host: 'https://cdn.npmmirror.com/binaries/robotjs' |
||||||
|
}, |
||||||
|
'@ali/s2': { host: 'https://cdn.npmmirror.com/binaries/looksgood-s2' }, |
||||||
|
sharp: { replaceHostFiles: [Array], replaceHostMap: [Object] }, |
||||||
|
'@tensorflow/tfjs-node': { |
||||||
|
replaceHostFiles: [Array], |
||||||
|
replaceHostRegExpMap: [Object], |
||||||
|
replaceHostMap: [Object] |
||||||
|
}, |
||||||
|
cypress: { |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/cypress', |
||||||
|
newPlatforms: [Object] |
||||||
|
}, |
||||||
|
'utf-8-validate': { |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/utf-8-validate/v{version}' |
||||||
|
}, |
||||||
|
xprofiler: { |
||||||
|
remote_path: './xprofiler/v{version}/', |
||||||
|
host: 'https://cdn.npmmirror.com/binaries' |
||||||
|
}, |
||||||
|
leveldown: { host: 'https://cdn.npmmirror.com/binaries/leveldown/v{version}' }, |
||||||
|
couchbase: { host: 'https://cdn.npmmirror.com/binaries/couchbase/v{version}' }, |
||||||
|
gl: { host: 'https://cdn.npmmirror.com/binaries/gl/v{version}' }, |
||||||
|
sqlite3: { |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/sqlite3', |
||||||
|
remote_path: 'v{version}' |
||||||
|
}, |
||||||
|
'@journeyapps/sqlcipher': { host: 'https://cdn.npmmirror.com/binaries' }, |
||||||
|
grpc: { |
||||||
|
host: 'https://cdn.npmmirror.com/binaries', |
||||||
|
remote_path: '{name}/v{version}' |
||||||
|
}, |
||||||
|
'grpc-tools': { host: 'https://cdn.npmmirror.com/binaries' }, |
||||||
|
wrtc: { |
||||||
|
host: 'https://cdn.npmmirror.com/binaries', |
||||||
|
remote_path: '{name}/v{version}' |
||||||
|
}, |
||||||
|
fsevents: { host: 'https://cdn.npmmirror.com/binaries/fsevents' }, |
||||||
|
nodejieba: { host: 'https://cdn.npmmirror.com/binaries/nodejieba' }, |
||||||
|
canvas: { host: 'https://cdn.npmmirror.com/binaries/canvas' }, |
||||||
|
'skia-canvas': { host: 'https://cdn.npmmirror.com/binaries/skia-canvas' }, |
||||||
|
'flow-bin': { |
||||||
|
replaceHost: 'https://github.com/facebook/flow/releases/download/v', |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/flow/v' |
||||||
|
}, |
||||||
|
'jpegtran-bin': { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/jpegtran-bin' |
||||||
|
}, |
||||||
|
'cwebp-bin': { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/cwebp-bin' |
||||||
|
}, |
||||||
|
'zopflipng-bin': { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/zopflipng-bin' |
||||||
|
}, |
||||||
|
'optipng-bin': { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/optipng-bin' |
||||||
|
}, |
||||||
|
mozjpeg: { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/mozjpeg-bin' |
||||||
|
}, |
||||||
|
gifsicle: { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/gifsicle-bin' |
||||||
|
}, |
||||||
|
'pngquant-bin': { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/pngquant-bin', |
||||||
|
replaceHostMap: [Object] |
||||||
|
}, |
||||||
|
'pngcrush-bin': { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/pngcrush-bin' |
||||||
|
}, |
||||||
|
'jpeg-recompress-bin': { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/jpeg-recompress-bin' |
||||||
|
}, |
||||||
|
'advpng-bin': { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/advpng-bin' |
||||||
|
}, |
||||||
|
'pngout-bin': { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/pngout-bin' |
||||||
|
}, |
||||||
|
'jpegoptim-bin': { |
||||||
|
replaceHost: [Array], |
||||||
|
host: 'https://cdn.npmmirror.com/binaries/jpegoptim-bin' |
||||||
|
}, |
||||||
|
argon2: { host: 'https://cdn.npmmirror.com/binaries/argon2' }, |
||||||
|
'ali-zeromq': { host: 'https://cdn.npmmirror.com/binaries/ali-zeromq' }, |
||||||
|
'ali-usb_ctl': { host: 'https://cdn.npmmirror.com/binaries/ali-usb_ctl' }, |
||||||
|
'gdal-async': { host: 'https://cdn.npmmirror.com/binaries/node-gdal-async' }, |
||||||
|
'libpg-query': { host: 'https://cdn.npmmirror.com/binaries' } |
||||||
|
}, |
||||||
|
forbiddenLicenses: null, |
||||||
|
flatten: false, |
||||||
|
proxy: undefined, |
||||||
|
prune: false, |
||||||
|
disableFallbackStore: false, |
||||||
|
workspacesMap: Map(0) {}, |
||||||
|
enableWorkspace: false, |
||||||
|
workspaceRoot: 'D:\\项目\\自己\\曹\\hitap-chat', |
||||||
|
isWorkspaceRoot: true, |
||||||
|
isWorkspacePackage: false, |
||||||
|
offline: false, |
||||||
|
strictSSL: false, |
||||||
|
ignoreScripts: false, |
||||||
|
foregroundScripts: false, |
||||||
|
ignoreOptionalDependencies: false, |
||||||
|
detail: false, |
||||||
|
forceLinkLatest: false, |
||||||
|
trace: false, |
||||||
|
engineStrict: false, |
||||||
|
registryOnly: false, |
||||||
|
client: false, |
||||||
|
autoFixVersion: [Function: autoFixVersion] |
||||||
|
} |
||||||
@ -0,0 +1,314 @@ |
|||||||
|
<template> |
||||||
|
<view id="page"> |
||||||
|
<view class="Width100 Box BorderBox"> |
||||||
|
<view class="Content BorderBox Width100"> |
||||||
|
<top-title :is-show-left="false" :title="'审批'" :rightWidth='120' class="custom_bg"> |
||||||
|
<!-- <template slot="right"> |
||||||
|
<image :src="$.imgSrc + '/mine/search.png'" @click="$.open('/pages/mine/setting')" mode="aspectFit" class="InlineBlock imgIcon"></image> |
||||||
|
<image :src="$.imgSrc + '/mine/plus.png'" mode="aspectFit" @click="$.open('/pages/mine/notice')" class="InlineBlock imgIcon"></image> |
||||||
|
</template> --> |
||||||
|
</top-title> |
||||||
|
</view> |
||||||
|
<view class="tab"> |
||||||
|
<view class="tab-item" :class="tab === 1 ? 'active' : ''" @click='tab = 1'> |
||||||
|
<text>待办</text> |
||||||
|
<text class="number">200</text> |
||||||
|
</view> |
||||||
|
<view class="tab-item" :class="tab === 2 ? 'active' : ''" @click='tab = 2'> |
||||||
|
<text>正在办理</text> |
||||||
|
<text class="number">480</text> |
||||||
|
</view> |
||||||
|
<view class="tab-item" :class="tab === 3 ? 'active' : ''" @click='tab = 3'> |
||||||
|
<text>已完成</text> |
||||||
|
<text class="number">182</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="Content MarginAuto BorderBox"> |
||||||
|
<no-data v-if="isEmpty" /> |
||||||
|
<view v-else class="List Width100 BorderBox"> |
||||||
|
<view class="Unit FontBold BorderBox Width100 MarginT_30rpx BG_FFFFFF" |
||||||
|
v-for="item in list" :key='item.id' @click='handleClick(item)'> |
||||||
|
<image class="imgleft" :src="item.imgurl" mode="widthFix"></image> |
||||||
|
<view class="right"> |
||||||
|
<view class="title">{{ item.title }}</view> |
||||||
|
<view class="type"> |
||||||
|
<text>排查</text> |
||||||
|
<text>超期2天</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="trapezoidal"> |
||||||
|
超期 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<Tabbar name="审批" v-if="tabbarShow"></Tabbar> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Tabbar from "../../components/tabbar.vue"; |
||||||
|
import NoData from "../../components/no-data.vue"; |
||||||
|
import TopTitle from "../../components/top-title"; |
||||||
|
import tabFun from '@/libs/function/tabbar.js' |
||||||
|
export default { |
||||||
|
// 组件 |
||||||
|
components: { |
||||||
|
NoData,TopTitle,Tabbar |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
// 公用的js |
||||||
|
bgUrl1: '', // 登录信息背景图 |
||||||
|
list: [ |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
title: 'G228火炬路与S503岙东路路', |
||||||
|
roadCode: 123, |
||||||
|
roadName: 'G228火炬路与S503岙东路', |
||||||
|
imgurl: '/static/logo.png', |
||||||
|
createTime: '2024-10-05', |
||||||
|
deptName: '支队级', |
||||||
|
sessionId: 12121212 |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
title: 'G228火炬路与S503岙东路路', |
||||||
|
roadCode: 123, |
||||||
|
roadName: 'G228火炬路与S503岙东路', |
||||||
|
imgurl: '/static/logo.png', |
||||||
|
createTime: '2024-10-05', |
||||||
|
deptName: '支队级', |
||||||
|
sessionId: 12121212 |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 3, |
||||||
|
title: 'G228火炬路与S503岙东路路', |
||||||
|
roadCode: 123, |
||||||
|
roadName: 'G228火炬路与S503岙东路', |
||||||
|
imgurl: '/static/logo.png', |
||||||
|
createTime: '2024-10-05', |
||||||
|
deptName: '支队级', |
||||||
|
sessionId: 12121212 |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 4, |
||||||
|
title: 'G228火炬路与S503岙东路路', |
||||||
|
roadCode: 123, |
||||||
|
roadName: 'G228火炬路与S503岙东路', |
||||||
|
imgurl: '/static/logo.png', |
||||||
|
createTime: '2024-10-05', |
||||||
|
deptName: '支队级', |
||||||
|
sessionId: 12121212 |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 5, |
||||||
|
title: 'G228火炬路与S503岙东路路', |
||||||
|
roadCode: 123, |
||||||
|
roadName: 'G228火炬路与S503岙东路', |
||||||
|
imgurl: '/static/logo.png', |
||||||
|
createTime: '2024-10-05', |
||||||
|
deptName: '支队级', |
||||||
|
sessionId: 12121212 |
||||||
|
}, |
||||||
|
], |
||||||
|
isEmpty: false, |
||||||
|
isMore: true, |
||||||
|
page: 1, |
||||||
|
tab: 1, |
||||||
|
tabbarShow:true |
||||||
|
} |
||||||
|
}, |
||||||
|
// 页面加载 |
||||||
|
onLoad(e) { |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
onShow(){ |
||||||
|
uni.hideTabBar()//隐藏官方的tabBar |
||||||
|
// tabFun.tabbar() |
||||||
|
// this.tabbarShow=false |
||||||
|
// this.$nextTick(()=>{ |
||||||
|
// this.tabbarShow=true |
||||||
|
// }) |
||||||
|
}, |
||||||
|
// 计算属性 |
||||||
|
computed: {}, |
||||||
|
// 方法 |
||||||
|
methods: { |
||||||
|
getList() { |
||||||
|
let datas = { |
||||||
|
limit: 10, |
||||||
|
page: 1, |
||||||
|
} |
||||||
|
// this.$request.globalRequest('/xxxxxxxx', datas, 'GET').then(res => { |
||||||
|
// if (res.code == 0) { |
||||||
|
// if (res.data.total === 0) { |
||||||
|
// this.isEmpty = true; |
||||||
|
// return false |
||||||
|
// } |
||||||
|
// this.list.push(...res.data.list) |
||||||
|
// if (this.list.length >= res.data.total) { |
||||||
|
// this.isMore = false |
||||||
|
// } |
||||||
|
// } else { |
||||||
|
// this.$.toast(res.msg) |
||||||
|
// } |
||||||
|
// }) |
||||||
|
}, |
||||||
|
handleClick(row) { |
||||||
|
console.log(row) |
||||||
|
}, |
||||||
|
// 跳转页面 |
||||||
|
skipPage(even) { |
||||||
|
// this.$.open(even) |
||||||
|
}, |
||||||
|
}, |
||||||
|
onReady() {}, |
||||||
|
// 页面卸载 |
||||||
|
onUnload() { |
||||||
|
|
||||||
|
}, |
||||||
|
// 触发下拉刷新 |
||||||
|
onPullDownRefresh() { |
||||||
|
// 延迟关闭刷新动画 |
||||||
|
setTimeout(() => { |
||||||
|
uni.stopPullDownRefresh(); |
||||||
|
}, 1500); |
||||||
|
}, |
||||||
|
// 页面上拉触底事件的处理函数 |
||||||
|
onReachBottom() { |
||||||
|
if (this.isMore) { |
||||||
|
this.page++ |
||||||
|
this.getList() |
||||||
|
} |
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
</style> |
||||||
|
<style lang="scss" scoped> |
||||||
|
page { |
||||||
|
background: #F6F8FA; |
||||||
|
} |
||||||
|
.imgIcon { |
||||||
|
width: 40rpx; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.imgIcon:nth-of-type(2) { |
||||||
|
margin-left: 40rpx; |
||||||
|
} |
||||||
|
.img { |
||||||
|
width: 40rpx; |
||||||
|
height: 40rpx; |
||||||
|
margin-left: 30rpx; |
||||||
|
} |
||||||
|
.trapezoidal { |
||||||
|
position: relative; |
||||||
|
display: inline-block; |
||||||
|
min-width: 2em; |
||||||
|
text-align: center; |
||||||
|
padding: 3rpx 20rpx 3rpx 18rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.trapezoidal::before, |
||||||
|
.trapezoidal::after { |
||||||
|
content: ''; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0%; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
border-radius: 0rpx 0 0 0; |
||||||
|
background: #FF1111; |
||||||
|
z-index: -1; |
||||||
|
transform-origin: bottom; |
||||||
|
transform: skew(18deg); |
||||||
|
border: 0rpx solid #333; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
.trapezoidal::after { |
||||||
|
left: auto; |
||||||
|
right: 0; |
||||||
|
transform: skew(-0deg); |
||||||
|
border-radius: 0 0rpx 0 0; |
||||||
|
background-color: #FF1111; |
||||||
|
border-left: 0 none; |
||||||
|
} |
||||||
|
|
||||||
|
.tab { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-around; |
||||||
|
font-size: 16px; |
||||||
|
height: 44px; |
||||||
|
background: #ffffff; |
||||||
|
box-shadow: 3px 0px 10px #ccc; |
||||||
|
color: #666666; |
||||||
|
position: relative; |
||||||
|
.tab-item { |
||||||
|
position: relative; |
||||||
|
height: 41px; |
||||||
|
line-height: 41px; |
||||||
|
padding: 0 30rpx 0 30rpx; |
||||||
|
border-bottom: 3px solid #fff; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
&.active { |
||||||
|
color: rgb(60, 109, 195); |
||||||
|
border-color: rgb(60, 109, 195); |
||||||
|
} |
||||||
|
.number { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 18px; |
||||||
|
margin-left: 10rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.Box { |
||||||
|
padding-top:var(--status-bar-height); |
||||||
|
.Content { |
||||||
|
width: calc(100% - 48rpx); |
||||||
|
padding-bottom: 88rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.Unit { |
||||||
|
padding: 24rpx; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
position: relative; |
||||||
|
box-shadow: 1px 1px 3px #ccc; |
||||||
|
.trapezoidal { |
||||||
|
position: absolute; |
||||||
|
top: 0px; |
||||||
|
right: 0px; |
||||||
|
color: #ffffff; |
||||||
|
font-size: 14px; |
||||||
|
font-weight: normal; |
||||||
|
z-index: 1; |
||||||
|
} |
||||||
|
image { |
||||||
|
width: 140rpx; |
||||||
|
} |
||||||
|
.right { |
||||||
|
flex: 1; |
||||||
|
padding-left: 30rpx; |
||||||
|
.title { |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
.type { |
||||||
|
font-size: 14px; |
||||||
|
color: #666; |
||||||
|
font-weight: normal; |
||||||
|
text { |
||||||
|
margin-right: 20rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue