xuhanchi/bht-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

知识库静态还原

Browse Source
This commit is contained in:
xhc 2025-05-22 15:05:43 +08:00
parent 24581ca22c
commit 241d54b3da
11 changed files with 179 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/App.vue
View File

@ -2,7 +2,7 @@
* @Author: XHC * @Author: XHC
* @Date: 2025-05-19 10:21:48 * @Date: 2025-05-19 10:21:48
* @LastEditors: XHC * @LastEditors: XHC
* @LastEditTime: 2025-05-21 16:01:48 * @LastEditTime: 2025-05-22 14:51:18
* @Description: * @Description:
--> -->
<script> <script>
@ -23,7 +23,7 @@ export default {
@import '@/static/icon/iconfont.css'; @import '@/static/icon/iconfont.css';
/*每个页面公共css */ /*每个页面公共css */
uni-page-body { uni-page-body {
padding-bottom:var(--window-bottom) // padding-bottom:var(--window-bottom)
} }
.grey { .grey {
color: #808185; color: #808185;
@ -31,16 +31,13 @@ uni-page-body {
.list-card { .list-card {
.head { .head {
display: flex;
justify-content: space-between;
font-weight: 700; font-weight: 700;
font-size: 29rpx; font-size: 29rpx;
.title { .title {
display: inline-block; display: inline-block;
width: 400rpx;
height: 25rpx; height: 25rpx;
padding-left: 15rpx;
line-height: 25rpx; line-height: 25rpx;
padding-left: 15rpx;
border-left: 6rpx solid #0A61B9; border-left: 6rpx solid #0A61B9;
} }
} }
@ -48,9 +45,9 @@ uni-page-body {
margin: 10rpx 0; margin: 10rpx 0;
} }
.info-box { .info-box {
text { .info {
display: inline-block; display: inline-block;
padding: 5rpx; padding: 10rpx;
border-radius: 10rpx; border-radius: 10rpx;
background: #EDF3FD; background: #EDF3FD;
margin-right: 20rpx; margin-right: 20rpx;

15
src/pages.json
View File

@ -12,7 +12,10 @@
{ {
"path": "pages/knowledgeBase/knowledgeBase", "path": "pages/knowledgeBase/knowledgeBase",
"style": { "style": {
"navigationBarTitleText": "知识库" "navigationBarTitleText": "知识库",
"navigationBarBackgroundColor": "transparent",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#1469BC"
} }
}, },
{ {
@ -70,5 +73,15 @@
"custom": { "custom": {
"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue" "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
} }
},
"condition" : { //模式配置，仅开发期间生效
"current": 0, //当前激活的模式(list 的索引项)
"list": [
{
"name": "", //模式名称
"path": "", //启动页面，必选
"query": "" //启动参数，在页面的onLoad函数里面得到
}
]
} }
} }

19
src/pages/index/index.vue
View File

@ -2,7 +2,7 @@
* @Author: XHC * @Author: XHC
* @Date: 2025-05-19 11:07:37 * @Date: 2025-05-19 11:07:37
* @LastEditors: XHC * @LastEditors: XHC
* @LastEditTime: 2025-05-22 09:33:17 * @LastEditTime: 2025-05-22 14:34:42
* @Description: 首页 * @Description: 首页
--> -->
<template> <template>
@ -80,11 +80,18 @@
</view> </view>
<view v-if="categoryCurIndex == 0"> <view v-if="categoryCurIndex == 0">
<uni-card class="list-card" v-for="(item, index) in listData" :key="index"> <uni-card class="list-card" v-for="(item, index) in listData" :key="index">
<view class="head"><text class="title">{{ item.title }}</text><uni-tag :inverted="true" :text="item.state" :type="item.state == '未巡检' ? 'error' : item.state == '巡检中' ? 'warning' : 'success'" /></view> <uni-row class="head">
<uni-col :span="20">
<text class="title">{{ item.title }}</text>
</uni-col>
<uni-col :span="4">
<uni-tag :inverted="true" :text="item.state" :type="item.state == '未巡检' ? 'error' : item.state == '巡检中' ? 'warning' : 'success'" />
</uni-col>
</uni-row>
<view class="num grey">线路编号：{{ item.num }}</view> <view class="num grey">线路编号：{{ item.num }}</view>
<view class="info-box grey"> <view class="info-box grey">
<text> <i class="iconfont icon-shizhongfill"></i> {{ item.info }}</text> <text class="info"> <uni-icons fontFamily="iconfont" color="#808185">{{'&#xe74e;'}}</uni-icons> {{ item.info }}</text>
<text>任务 {{ item.task }}</text> <text class="info">任务 {{ item.task }}</text>
</view> </view>
</uni-card> </uni-card>
</view> </view>
@ -344,7 +351,7 @@ const changeCategory = (index) => {
.title { .title {
font-size: 27rpx; font-size: 27rpx;
font-weight: bold; font-weight: bold;
margin-left: 60rpx; margin: 20rpx 0 0 60rpx;
.english { .english {
font-size: 14rpx; font-size: 14rpx;
color: #B6DED2; color: #B6DED2;
@ -353,7 +360,7 @@ const changeCategory = (index) => {
.go { .go {
font-size: 11rpx; font-size: 11rpx;
font-weight: bold; font-weight: bold;
margin: -40rpx 0 0 -100rpx; margin: -30rpx 0 0 -100rpx;
border-radius: 15rpx; border-radius: 15rpx;
background: #ffffff6f; background: #ffffff6f;
width: 40rpx; width: 40rpx;

108
src/pages/knowledgeBase/knowledgeBase.vue
View File

@ -1,8 +1,112 @@
<!--
* @Author: XHC
* @Date: 2025-05-19 15:18:26
* @LastEditors: XHC
* @LastEditTime: 2025-05-22 15:04:34
* @Description:
-->
<template> <template>
<view class="knowledgeBase">knowledgeBase</view> <view class="knowledgeBase">
<view class="search-box">
<uni-search-bar class="search" radius="15" bgColor="#EDF4FD" placeholder="搜索线路名称" clearButton="auto" cancelButton="none" @confirm="search" />
<view class="search-title">
<view
v-for="(item, index) in titleList"
:key="index"
:class="titleCurIndex == index ? 'active' : ''"
class="title-item grey"
@click="changeTitle(index)"
>
{{ item.name }}
</view>
<uni-icons fontFamily="iconfont" color="#fff" :size="24">{{'&#xe621;'}}</uni-icons>
</view>
</view>
<view class="list-box" v-if="titleCurIndex == 0">
<uni-card class="list-card" v-for="(item, index) in listData" :key="index">
<view class="head"><text class="title">{{ item.title }}</text></view>
<view class="num grey">{{ item.num }}</view>
<view class="info-box grey">
<uni-row :gutter="40">
<uni-col :span="16">
<text class="info"><uni-icons fontFamily="iconfont" color="#1469BC">{{'&#xe753;'}}</uni-icons> <text>{{ item.departments }}</text></text>
</uni-col>
<uni-col :span="8">
<text class="info"><uni-icons fontFamily="iconfont" color="#808185">{{'&#xe74e;'}}</uni-icons> {{ item.time }}</text>
</uni-col>
</uni-row>
</view>
</uni-card>
</view>
</view>
</template> </template>
<script setup> <script setup>
import { reactive } from 'vue';
// 标题
let titleCurIndex = ref(0)
let titleList = reactive([
{ id: 1, name: "全部" },
{ id: 2, name: "发电机" },
{ id: 3, name: "发电机" },
{ id: 4, name: "发电机" },
{ id: 5, name: "发电机" },
])
// 列表数据
const listData = reactive([
{ title: '白鹤滩电站运行巡检作业指导书', num: 'Q/BHTHP.ZDS 7008-2024', departments: '白鹤滩水力发电厂运行部', time: '2025-02-20' },
{ title: '白鹤滩电站运行巡检作业指导书', num: 'Q/BHTHP.ZDS 7008-2024', departments: '白鹤滩水力发电厂运行部', time: '2025-02-20' },
{ title: '白鹤滩电站运行巡检作业指导书', num: 'Q/BHTHP.ZDS 7008-2024', departments: '白鹤滩水力发电厂运行部', time: '2025-02-20' },
{ title: '白鹤滩电站运行巡检作业指导书', num: 'Q/BHTHP.ZDS 7008-2024', departments: '白鹤滩水力发电厂运行部', time: '2025-02-20' },
{ title: '白鹤滩电站运行巡检作业指导书', num: 'Q/BHTHP.ZDS 7008-2024', departments: '白鹤滩水力发电厂运行部', time: '2025-02-20' },
{ title: '白鹤滩电站运行巡检作业指导书', num: 'Q/BHTHP.ZDS 7008-2024', departments: '白鹤滩水力发电厂运行部', time: '2025-02-20' },
{ title: '白鹤滩电站运行巡检作业指导书', num: 'Q/BHTHP.ZDS 7008-2024', departments: '白鹤滩水力发电厂运行部', time: '2025-02-20' },
{ title: '白鹤滩电站运行巡检作业指导书', num: 'Q/BHTHP.ZDS 7008-2024', departments: '白鹤滩水力发电厂运行部', time: '2025-02-20' },
{ title: '白鹤滩电站运行巡检作业指导书', num: 'Q/BHTHP.ZDS 7008-2024', departments: '白鹤滩水力发电厂运行部', time: '2025-02-20' },
{ title: '白鹤滩电站运行巡检作业指导书', num: 'Q/BHTHP.ZDS 7008-2024', departments: '白鹤滩水力发电厂运行部', time: '2025-02-20' },
])
// 搜索
const search = () => {
}
// 切换标题
const changeTitle = (index) => {
titleCurIndex.value = index
}
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
.knowledgeBase {
background: url('@/static/image/index/bg.png') no-repeat;
background-size: 100% auto;
.search-box {
background: #ffffff47;
border-radius: 10rpx;
margin: 0 30rpx;
padding-bottom: 5rpx;
}
.search-title {
width: 100%;
display: flex;
justify-content: space-around;
.title-item {
color: #ffffffb8;
padding-bottom: 10rpx;
}
.active {
color: #fff;
font-weight: bold;
border-bottom: 6rpx solid #fff;
}
}
.list-box {
.info {
margin-right: 0;
}
}
}
</style>

29
src/static/icon/demo_index.html
View File

@ -54,6 +54,12 @@
<div class="content unicode" style="display: block;"> <div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe621;</span>
<div class="name">筛选</div>
<div class="code-name">&amp;#xe621;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe753;</span> <span class="icon iconfont">&#xe753;</span>
<div class="name">部门管理</div> <div class="name">部门管理</div>
@ -144,9 +150,9 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1747807162377') format('woff2'), src: url('iconfont.woff2?t=1747894097939') format('woff2'),
url('iconfont.woff?t=1747807162377') format('woff'), url('iconfont.woff?t=1747894097939') format('woff'),
url('iconfont.ttf?t=1747807162377') format('truetype'); url('iconfont.ttf?t=1747894097939') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@ -172,6 +178,15 @@
<div class="content font-class"> <div class="content font-class">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-filter-fill"></span>
<div class="name">
筛选
</div>
<div class="code-name">.icon-filter-fill
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-bumenguanli"></span> <span class="icon iconfont icon-bumenguanli"></span>
<div class="name"> <div class="name">
@ -307,6 +322,14 @@
<div class="content symbol"> <div class="content symbol">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-filter-fill"></use>
</svg>
<div class="name">筛选</div>
<div class="code-name">#icon-filter-fill</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bumenguanli"></use> <use xlink:href="#icon-bumenguanli"></use>

10
src/static/icon/iconfont.css
View File

@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 4926721 */ font-family: "iconfont"; /* Project id 4926721 */
src: url('iconfont.woff2?t=1747807162377') format('woff2'), src: url('iconfont.woff2?t=1747894097939') format('woff2'),
url('iconfont.woff?t=1747807162377') format('woff'), url('iconfont.woff?t=1747894097939') format('woff'),
url('iconfont.ttf?t=1747807162377') format('truetype'); url('iconfont.ttf?t=1747894097939') format('truetype');
} }
.iconfont { .iconfont {
@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-filter-fill:before {
content: "\e621";
}
.icon-bumenguanli:before { .icon-bumenguanli:before {
content: "\e753"; content: "\e753";
} }

2
src/static/icon/iconfont.js
View File

File diff suppressed because one or more lines are too long

7
src/static/icon/iconfont.json
View File

@ -5,6 +5,13 @@
"css_prefix_text": "icon-", "css_prefix_text": "icon-",
"description": "", "description": "",
"glyphs": [ "glyphs": [
{
"icon_id": "9512562",
"name": "筛选",
"font_class": "filter-fill",
"unicode": "e621",
"unicode_decimal": 58913
},
{ {
"icon_id": "4773295", "icon_id": "4773295",
"name": "部门管理", "name": "部门管理",

BIN
src/static/icon/iconfont.ttf
View File

Binary file not shown.

BIN
src/static/icon/iconfont.woff
View File

Binary file not shown.

BIN
src/static/icon/iconfont.woff2
View File

Binary file not shown.