Skip to content

X
xtj-ckui
Commit b55c6f65 by T
Options

第一次提交，数据不对调整后的最新版本

parents
正在显示 包含 952 行增加 和 0 行删除
.gitignore 0 → 100644
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
README.md 0 → 100644
# fwyz
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
babel.config.js 0 → 100644
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json 0 → 100644
{
"name": "fwyz",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"axios": "^0.21.1",
"core-js": "^3.6.5",
"element-plus": "^2.2.17",
"vant": "^3.1.5",
"vue": "^3.0.0",
"vue-router": "^4.0.10",
"wechat-jssdk": "^5.0.7",
"weixin-js-sdk": "^1.6.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^7.0.0",
"less": "^4.1.1",
"less-loader": "^7.3.0"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/vue3-essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
],
"main": "index.js",
"license": "MIT"
}
public/index.html 0 → 100644
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>宁波巡特警应急装备库装备智能管控系统</title>
</head>
<script>
window._CONFIG = {};
window._CONFIG['publicURL'] = 'http://192.168.3.188:5007';
</script>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
src/App.vue 0 → 100644
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script>
export default {
name: 'App'
}
</script>
src/api/manage.js 0 → 100644
import { axios } from '@/utils/request'
//post
export function postAction(url,parameter) {
return axios({
url: url,
method:'post' ,
data: parameter
})
}
//post method= {post | put}
export function httpAction(url,parameter,method) {
return axios({
url: url,
method:method ,
data: parameter
})
}
//put
export function putAction(url,parameter) {
return axios({
url: url,
method:'put',
data: parameter
})
}
//get
export function getAction(url,parameter) {
return axios({
url: url,
method: 'get',
params: parameter
})
}
//deleteAction
export function deleteAction(url,parameter) {
return axios({
url: url,
method: 'delete',
params: parameter
})
}
src/components/HelloWorld.vue 0 → 100644
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<p>
For a guide and recipes on how to configure / customize this project,<br>
check out the
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
</p>
<h3>Installed CLI Plugins</h3>
<ul>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
</ul>
<h3>Essential Links</h3>
<ul>
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
</ul>
<h3>Ecosystem</h3>
<ul>
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
</ul>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
props: {
msg: String
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
margin: 40px 0 0;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #42b983;
}
</style>
src/main.js 0 → 100644
import { createApp } from 'vue'
import App from './App.vue'
import router from "./router/index";
// 全局引入vant
import Vant from 'vant';
import 'vant/lib/index.css';
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
const app = createApp();
app.config.productionTip = false;
createApp(App).use(Vant).use(ElementPlus).use(router).mount('#app')
src/router/index.js 0 → 100644
import { createRouter, createWebHashHistory } from "vue-router";
import Home from "../views/Home.vue";
const routes = [
{
path: "/",
name: "Home",
component: Home,
},
{
path: "/pass",
name: "pass",
component: () =>
import(/* webpackChunkName: "about" */ "../views/Pass.vue"),
},
];
const router = createRouter({
history: createWebHashHistory(),
routes,
});
export default router;
src/utils/axios.js 0 → 100644
const VueAxios = {
vm: {},
// eslint-disable-next-line no-unused-vars
install(Vue, router = {}, instance) {
if (this.installed) {
return;
}
this.installed = true;
if (!instance) {
// eslint-disable-next-line no-console
console.error('You have to install axios');
return;
}
Vue.axios = instance;
Object.defineProperties(Vue.prototype, {
axios: {
get: function get() {
return instance;
}
},
$http: {
get: function get() {
return instance;
}
}
});
}
};
export {
VueAxios,
// eslint-disable-next-line no-undef
//instance as axios
}
\ No newline at end of file
src/utils/request.js 0 → 100644
import axios from 'axios'
import { VueAxios } from './axios'
// 创建 axios 实例
const request = axios.create({
// API 请求的默认前缀
baseURL: '/',
timeout: 6000 // 请求超时时间
})
request.interceptors.response.use((response) => {
return response.data
})
const installer = {
vm: {},
install (Vue) {
Vue.use(VueAxios, request)
}
}
export default request
export {
installer as VueAxios,
request as axios
}
src/views/Home.vue 0 → 100644
<template>
<div>
<el-container>
<el-header height="90px">
<div class="title">宁波巡特警应急装备库装备智能管控系统</div>
</el-header>
<el-row style="margin-top: 8px;">
<el-col :span="15" style="padding-right: 10px;">
<el-card>
<template #header>
<div class="card-header">
<span>装备出入库记录表</span>
</div>
</template>
<el-table :data="inOutData" border :header-cell-style="{background:'#FFFFFF',color:'#000000'}" :row-class-name="tableRowClassName" style="height: 562px;">
<el-table-column prop="type" label="类型" align="center">
<template #default="scope">
{{ scope.row.Type == 0 ? '入库' : scope.row.Type == 11 ? '异常出库' : '出库' }}
</template>
</el-table-column>
<el-table-column prop="EquName" label="物料名称" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="MaterielName" label="号型名称" align="center" :show-overflow-tooltip="true"/>
<el-table-column prop="LocationName" label="位置" align="center"/>
<el-table-column prop="UserName" label="操作人员" align="center"/>
<el-table-column prop="CreateTime" label="出入库日期" align="center" :show-overflow-tooltip="true" />
</el-table>
</el-card>
<el-card style="margin-top: 20px;">
<template #header>
<div class="card-header">
<span>装备即将过期提醒</span>
</div>
</template>
<el-table :data="bfData" border :header-cell-style="{background:'#FFFFFF',color:'#000000'}" :row-class-name="tableRowClassName" empty-text="暂无装备即将过期">
<!-- <el-table-column prop="type" label="类型" align="center">
<template #default="scope">
{{ scope.row.Type == 0 ? '入库' : scope.row.Type == 11 ? '异常出库' : '出库' }}
</template>
</el-table-column> -->
<el-table-column prop="EqName" label="物料名称" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="MaterielName" label="号型名称" align="center" :show-overflow-tooltip="true"/>
<el-table-column prop="LocationName" label="所属储位" align="center"/>
<el-table-column prop="LibraryName" label="所属仓库" align="center"/>
<el-table-column prop="StateName" label="装备状态" align="center"/>
<!-- <el-table-column prop="CreateTime" label="出入库日期" align="center" :show-overflow-tooltip="true" /> -->
</el-table>
</el-card>
</el-col>
<el-col :span="9" style="padding-left: 10px;">
<el-card style="height: 240px;background: #E9EEF3;">
<div style="display: flex;line-height: 80px">
<div class="topTitle">装备总数： <span style="color: blue;font-size: 28px;">{{ countObj.h_EqCount }}</span></div>
<div class="topTitle">在库数量： <span style="color: blue;font-size: 28px">{{ countObj.h_kucunCount }}</span></div>
<div class="topTitle">维修数量： <span style="color: blue;font-size: 28px">{{ countObj.h_WXCount }}</span></div>
<!-- <div class="topTitle">公共装备： <span style="color: blue;font-size: 28px">{{ countObj.h_EqPublicCount }}</span></div>
<div class="topTitle">个人装备： <span style="color: blue;font-size: 28px">{{ countObj.h_EqPrivateCount }}</span></div> -->
</div>
<div style="display: flex;line-height: 80px">
<div class="topTitle">借用数量： <span style="color: blue;font-size: 28px">{{ countObj.h_BorrowCount }}</span></div>
<div class="topTitle">当日出库： <span style="color: blue;font-size: 28px">{{ countObj.h_jinrichukuCount }}</span></div>
<div class="topTitle">当日入库： <span style="color: blue;font-size: 28px">{{ countObj.h_jinrirukuCount }}</span></div>
</div>
<div style="display: flex;line-height: 80px">
<!-- <div class="topTitle">当日出库： <span style="color: blue;font-size: 28px">{{ countObj.h_jinrichukuCount }}</span></div>
<div class="topTitle">当日入库： <span style="color: blue;font-size: 28px">{{ countObj.h_jinrirukuCount }}</span></div> -->
</div>
</el-card>
<el-card style="height: 390px;margin-top: 10px">
<template #header>
<div class="card-header">
<span :class="errLog.length> 0 ? 'point-flicker': ''">异常出库记录</span>
</div>
</template>
<el-carousel direction="vertical" v-if="errLog.length > 0" :autoplay="true" height="320px" :interval="intervalTime" :initial-index="initialIndex">
<el-carousel-item v-for="item in errLog" :key="item.ID">
<el-descriptions :column="3" border size="large">
<el-descriptions-item label="物料名称">{{item.EquName}}</el-descriptions-item>
<el-descriptions-item label="使用人">{{item.UserName}}</el-descriptions-item>
<el-descriptions-item label="时间">{{item.CreateTime}}</el-descriptions-item>
</el-descriptions>
<el-image :src="srcUrl + '/' + item.PhotoUrl" style="width: 100%;" v-if="item.PhotoUrl"/>
</el-carousel-item>
</el-carousel>
</el-card>
<el-card style="height: 320px;margin-top: 10px">
<template #header>
<div class="card-header">
<span>人员监控记录</span>
</div>
</template>
<el-table :data="doorLog" :height="320" border :header-cell-style="{background:'#FFFFFF',color:'#000000'}">
<el-table-column prop="PoliceName" label="姓名" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="DepartName" label="所属部门" align="center" :show-overflow-tooltip="true"/>
<el-table-column prop="DoorType" label="类型" align="center" width="120">
<template #default="scope">
{{ scope.row.DoorType == 10 ? '出库' : '入库' }}
</template>
</el-table-column>
<el-table-column prop="CreateTime" label="出入库时间" align="center" :show-overflow-tooltip="true" />
</el-table>
</el-card>
</el-col>
</el-row>
</el-container>
</div>
</template>
<script>
import { getAction } from '@/api/manage'
export default {
name: 'Home',
data () {
return {
bfData: [],
inOutData: [],
doorLog: [],
errLogTotal: 0,
intervalTime: 10000,
errLog: [],
initialIndex: 0,
srcUrl: window._CONFIG['publicURL'],
countObj: {
h_EqCount: 0,
h_EqPublicCount: 0,
h_EqPrivateCount: 0,
h_kucunCount: 0,
h_jinrichukuCount: 0,
h_jinrirukuCount: 0
},
timer: null
}
},
created() {
this.getErrorLog()
this.getLjBfLog()
this.getInventoryLog()
this.getDoorInLog()
this.getChartStatistics()
this.timer = setInterval(() => {
setTimeout(() => {
this.getLjBfLog()
this.getInventoryLog()
this.getErrorLog()
this.getDoorInLog()
this.getChartStatistics()
},0)
}, 5000)
setTimeout(() => {
window.location.reload()
}, 1000*3600*6)
},
beforeUnmount(){
clearInterval(this.timer);
this.timer = null;
},
methods: {
tableRowClassName({row}) {
if (row.Type === 11) {
if (row.IsReturned) {
return 'green-row'
}
return 'warning-row';
}
return '';
},
getLjBfLog() {
getAction(window._CONFIG['publicURL'] + '/api/Equipment?Page=1&Rows=11&Order=DESC&Sort=CreateTime&IsLjBaoFeiDay=10').then(res => {
this.bfData = res.Rows
})
},
getInventoryLog() {
getAction(window._CONFIG['publicURL'] + '/api/Borrow/GetInventoryLog?Page=1&Rows=13&Order=DESC&Sort=CreateTime').then(res => {
this.inOutData = res.Rows
})
},
getErrorLog() {
getAction(window._CONFIG['publicURL'] + '/api/Borrow/GetInventoryLogGroupByPic?Page=1&Rows=5&Order=DESC&Sort=CreateTime&Type=11').then(res => {
this.errLog = res.Rows
if (this.errLogTotal < res.Total) {
this.initialIndex = 0
this.intervalTime = 30000
}
this.errLogTotal = res.Total
setTimeout(() => {
this.intervalTime = 10000
}, 30000)
})
},
getDoorInLog() {
getAction(window._CONFIG['publicURL'] + '/api/DoorInLog?Page=1&Rows=20&Order=DESC&Sort=CreateTime').then(res => {
this.doorLog = res.Rows
})
},
getChartStatistics() {
getAction(window._CONFIG['publicURL'] + '/api/ChartStatistics').then(res => {
this.countObj = res
})
}
}
}
</script>
<style lang="less" scope>
.el-header {
background-color: #44b4ff;
color: #fff;
text-align: center;
line-height: 90px;
.title {
font-size: 42px;
font-weight: 700;
}
}
.el-card__header {
background-color: #62d2ff;
.card-header {
font-size: 25px;
font-weight: 550;
color: #fff;
text-align: center;
}
}
.el-card__body {
padding: 0 !important;
}
.topTitle{
flex: 1;
font-size: 24px;
font-weight: 520;
padding-left: 20px;;
}
.el-table .warning-row {
background: #FF0000;
color: #fff;
}
.el-table .green-row {
background: orange;
color: #fff;
}
.block {
padding: 30px 0;
text-align: center;
border-right: solid 1px var(--el-border-color);
display: inline-block;
width: 49%;
box-sizing: border-box;
vertical-align: top;
}
.is-bordered-content {
color: red !important;
}
@keyframes fade {
from {
opacity: 1.0;
}
50% {
opacity: 0.4;
}
to {
opacity: 1.0;
}
}
@-webkit-keyframes fade {
from {
opacity: 1.0;
}
50% {
opacity: 0.4;
}
to {
opacity: 1.0;
}
}
.point-flicker {
fill: #FF0000;
color: #FF0000;
animation: fade 800ms infinite;
-webkit-animation: fade 800ms infinite;
}
</style>
\ No newline at end of file
src/views/Pass.vue 0 → 100644
<template>
<div id="verify_msg">
<div class="ver_header_bg">
<img src="../assets/cnag_ver_header_bg.jpg">
</div>
<div class="ver_success">
<strong>验证成功</strong>
</div>
<div class="ver_box">
<div class="ver_head_img">
<img src="../assets/ver_head.jpg">
</div>
<!-- <div class="img_title ver_title">
档案照片(点击放大)
</div> -->
<div class="clearfix checkImg" style="text-align:center;">
<div class="fl" style="display:inline-block;" v-if="result.backImagePath">
<a data-name="backImagePath" @click="open(index)">
<img data-name="backImagePath" :src="result.backImagePath">
</a>
</div>
<div class="fl" style="display:inline-block;" v-if="result.frontImagePath">
<a data-name="frontImagePath" @click="open(index)">
<img data-name="frontImagePath" :src="result.frontImagePath">
</a>
</div>
</div>
<!-- <div id="frontAndBack" class="clearfix fb">
<p class="fl fb_one">背面</p>
<p class="fr fb_two">正面</p>
</div> -->
<!-- <div class="msg_title ver_title">
档案信息
</div> -->
<div>
<table>
<tr>
<td colspan=2>
<span class="ver_name">认证编号：</span><span data-name="certificationNumber" class="ver_meg big_width">
{{ result.proCode }}
</span>
</td>
</tr>
<tr>
<td colspan=2>
<span class="ver_name">钱币名称：</span>
<span data-name="name" class="ver_meg big_width" v-if="result.name.length > 16">
{{ result.name.substring(0, 16) }}
<br/>
{{ result.name.substring(16, result.name.length) }}
</span>
<span data-name="name" class="ver_meg big_width" v-else>
{{ result.name }}
</span>
</td>
</tr>
<tr>
<td>
<span class="ver_name">评级结果：</span>
<span data-name="confirmLevel" class="ver_meg short_width">
{{ result.confirmLevel }}
</span>
</td>
<td>
<span class="ver_name">年份：</span>
<span data-name="faceCoinYear" class="ver_meg short_width">
{{ result.faceCoinYear }}
</span>
</td>
</tr>
<tr>
<td>
<span class="ver_name">材质：</span>
<span data-name="textureCode1" class="ver_meg short_width">
{{ result.textureCode1 }}
</span>
</td>
<td>
<span class="ver_name">面额(元)：</span>
<span data-name="denomination" class="ver_meg short_width">
{{ result.denomination }}
</span>
</td>
</tr>
<tr>
<td colspan=2>
<span class="ver_name">造币厂：</span>
<span data-name="castingUnit" class="ver_meg big_width">
{{ result.castingUnit }}
</span>
</td>
</tr>
<tr>
<td colspan=2>
<span class="ver_name">最大发行量：</span>
<span data-name="maxCirculation" class="ver_meg big_width">
{{ result.maxCirculation }}
</span>
</td>
</tr>
<tr>
<td>
<span class="ver_name">直径(mm)：</span>
<span data-name="diameter" class="ver_meg short_width">
{{ result.diameter }}
</span>
</td>
<td>
<span class="ver_name">质量：</span>
<span data-name="quality" class="ver_meg short_width">
{{ result.quality }}
</span>
</td>
</tr>
<tr>
<td colspan=2>
<span class="ver_name">正面图案：</span>
<span data-name="frontPatternDescribe1" class="ver_meg big_width">
{{ result.frontPatternDescribe1 }}
</span>
</td>
</tr>
<tr>
<td colspan=2>
<span class="ver_name">背面图案：</span>
<span data-name="backPatternDescribe1" class="ver_meg big_width">
{{ result.backPatternDescribe1 }}
</span>
</td>
</tr>
</table>
</div>
</div>
<div class="ver_back">
<a href="/wx/index.html">真伪验证</a>
</div>
</div>
</template>
<script>
import { ImagePreview } from 'vant';
export default {
name: 'Pass',
data () {
return {
result: {}
}
},
created() {
this.result = JSON.parse(this.$route.query._objStr)
},
methods: {
open () {
ImagePreview([this.result.backImagePath]);
}
}
}
</script>
<style scoped>
#verify_msg .ver_header_bg img{
width: 100%;
}
#verify_msg .ver_box{
width: 96%;
margin: 0 auto;
background: #f3dfba;
padding-bottom: 1em;
}
#verify_msg .ver_head_img img{
width: 100%;
}
.ver_title{
color: #e40000;
text-align: center;
font-size: .8em;
margin-top: .8em;
margin-bottom: .8em;
}
.checkImg .fr, .checkImg .fl{
width: 40%;
background: #fff;
padding: .4em 0.4em .4em;
overflow: hidden;
height: 7.2em;
}
.checkImg .fr{
margin-right: 4%;
}
.checkImg .fl{
margin-left: 4%;
}
.checkImg .fr img, .checkImg .fl img{
width: 100%;
height: 100%;
}
table{
width: 92%;
margin: 0 auto;
font-size: .8em;
color: #8a641b;
}
table .ver_name{
font-weight: bold;
vertical-align: middle;
display: inline-block;
}
table .ver_meg{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
display: inline-block;
}
table td{
padding: .3em 0 .4em .5em;
border-bottom: 1px solid #e4c58b;
width: 50%;
}
.msg_title{
margin-top: 1.2em;
margin-bottom: .4em;
}
#ver_mark{
position: fixed;
bottom: 1em;
right: 1em;
width: 2.2em;
height: 2.2em;
}
.big_width{
max-width: 20em;
}
.short_width{
max-width: 8em;
}
.ver_success{
text-align: center;
padding: .4em;
}
.ver_success strong{
font-size: 1em;
color: #0271c0;
}
.ver_back{
padding: 1.4em 0;
text-align: center;
}
.ver_back a{
font-size: 1em;
color: #fff;
background: #366cd7;
padding: .3em 4em;
letter-spacing: .4em;
border-radius: 6px;
}
.fb p{
width: 40%;
text-align: center;
font-size: .8em;
color: #8a641b;
}
.fb_one{
margin-left: 4%;
}
.fb_two{
margin-right: 4%;
}
</style>
\ No newline at end of file
vue.config.js 0 → 100644
module.exports = {
publicPath: './',
devServer: {
host: '192.168.2.246',
port: 10051,
proxy: {
'/cnagerp': {
target: 'http://114.255.139.109:9001',
ws: false,
changeOrigin: true
}
}
}
}
\ No newline at end of file
yarn.lock 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论