bonus
/
Dining_Hall
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

库存盘点

This commit is contained in:
binbin_pan 2024-12-19 13:40:10 +08:00
parent 4173d5dbce
commit e3d9ed9a96
11 changed files with 772 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
App.vue
View File

@ -35,7 +35,6 @@ export default {
page {
box-sizing: border-box;
background-color: #fff;
min-height: 100%;
height: auto;
white-space: pre-wrap;
word-wrap: break-word;
@ -43,4 +42,7 @@ page {
::v-deep .uni-system-preview-image {
z-index: 10080 !important;
}
.u-navbar__content__right__text {
color: $u-primary !important;
}
</style>

36
api/aqSafety.js
View File

@ -97,4 +97,40 @@ export function getCheckRecordDetail(params) {
method: 'get',
params
});
}
// 库存盘点-列表
export function getInventoryCountList(params) {
return request({
url: '/app/inventoryCount/getInventoryCountList',
method: 'get',
params
});
}
// 库存盘点-提交
export function takeStock(data) {
return request({
url: '/app/inventoryCount/takeStock',
method: 'post',
data
});
}
// 盘点记录-列表
export function getTakeStockRecordList(params) {
return request({
url: '/app/inventoryCount/getTakeStockRecordList',
method: 'get',
params
});
}
// 盘点记录-详情
export function getTakeStockRecordDetail(params) {
return request({
url: '/app/inventoryCount/getTakeStockRecordDetail',
method: 'get',
params
});
}

3
config.js
View File

@ -2,7 +2,8 @@
module.exports = {
// baseUrl: 'https://vue.ruoyi.vip/prod-api',
baseUrl: 'http://192.168.0.39:21995',
baseUrl2: 'http://localhost:8080',
// baseUrl: 'http://192.168.2.160:21995',
// baseUrl: 'http://localhost:8080',
uploadFileUrl: '/app/common/appUploadFile',
fileUrl: 'http://192.168.0.39:21995/statics', // 图片预览
// fileUrl: 'http://127.0.0.1:21995/statics', // 图片预览

9
pages.json
View File

@ -132,6 +132,13 @@
{
"navigationStyle": "custom"
}
},
{
"path" : "pages/stockTaking/takingRecord",
"style" :
{
"navigationStyle": "custom"
}
}
],
"tabBar": {
@ -162,7 +169,7 @@
},
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "RuoYi",
"navigationBarTitleText": "贵州安全工机具",
"navigationBarBackgroundColor": "#FFFFFF"
}
}

62
pages/components/Navbar.vue
View File

@ -1,15 +1,14 @@
<template>
<div>
<view class="status_bar">
<div class="item" @click="goBack"><u-icon name="arrow-left" size="18" v-show="showBack" /></div>
<div class="item">{{ title }}</div>
<div class="item" @click="chickIcon">
<u-icon :name="rightIcon" v-if="showRightIcon" size="20"></u-icon>
<u-text v-else-if="showRightText" type="primary" :text="text"></u-text>
</div>
</view>
<div class="status_bar_placeholder"></div>
</div>
<view>
<u-navbar
:title="title"
@leftClick="goBack"
@rightClick="chickIcon"
:autoBack="true"
:rightText="text"
placeholder
></u-navbar>
</view>
</template>
<script>
@ -46,7 +45,7 @@ export default {
text: {
type: String,
default: ''
},
}
},
data() {
return {}
@ -74,41 +73,4 @@ export default {
}
</script>
<style lang="scss">
.status_bar_placeholder {
height: 44px;
width: 100%;
}
.status_bar {
padding: 0 25px;
width: 100%;
height: 44px;
border: 0;
background-color: #fff;
/* background: url('/static/images/imgs/nav.png'); */
/* background-size: 100% 100%; */
position: fixed;
z-index: 99;
display: flex;
justify-content: center;
flex-direction: space-between;
align-items: center;
font-weight: 500;
font-size: 16px;
color: #0f274b;
.item {
width: 20%;
text-align: center;
}
.item:nth-child(2) {
width: 60%;
}
.item:nth-child(3) {
width: 20%;
display: flex;
justify-content: flex-end;
}
}
</style>
<style lang="scss"></style>

7
pages/inspectionEntry/index.vue
View File

@ -6,7 +6,7 @@
<div class="search">
<u-input
v-model="keyWord"
placeholder="请输入搜索内容"
placeholder="请输入搜索关键词"
suffixIcon="search"
suffixIconStyle="color: #666"
shape="circle"
@ -63,7 +63,7 @@
<u-cell-group :border="false">
<u-cell
isLink
:label="formData.checkTime ? '' : '请选择发现日期'"
:label="formData.checkTime ? '' : '请选择经办日期'"
:value="formData.checkTime"
:border="false"
@click="showPickerTime = true"
@ -89,7 +89,7 @@
></u-input>
</u-form-item>
<u-form-item label="备注" prop="remark" required>
<u-textarea v-model="formData.remark" placeholder="请输入备注" :rows="5" maxlength="300" count></u-textarea>
<u-textarea v-model="formData.remark" placeholder="请输入备注" :rows="5" maxlength="200" count></u-textarea>
</u-form-item>
<u-form-item label="附件" prop="fileList">
<uni-file-picker
@ -116,6 +116,7 @@
v-if="showPickerTime"
:show="showPickerTime"
v-model="dataTime"
:max-date="new Date()"
mode="date"
@cancel="showPickerTime = false"
@confirm="confirmTime"

43
pages/inspectionEntry/inspectionRecord.vue
View File

@ -66,11 +66,11 @@
</u-row>
</div>
<u-line style="margin-bottom: 10px"></u-line>
<u-form :model="formData" :rules="rules" ref="uForm" labelWidth="auto" labelPosition="left">
<u-form :model="formData" ref="uForm" labelWidth="auto" labelPosition="left">
<u-form-item label="经办人" prop="manager" borderBottom>
<u-input
v-model="formData.manager"
placeholder="请输入经办人"
placeholder="经办人"
border="none"
inputAlign="right"
readonly
@ -79,7 +79,7 @@
<u-form-item label="经办日期" prop="checkTime" borderBottom>
<u-input
v-model="formData.checkTime"
placeholder="请输入经办日期"
placeholder="经办日期"
border="none"
inputAlign="right"
readonly
@ -88,9 +88,9 @@
<u-form-item label="备注" prop="remark">
<u-textarea
v-model="formData.remark"
placeholder="请输入备注"
placeholder="备注"
:rows="5"
maxlength="300"
maxlength="200"
count
disabled
></u-textarea>
@ -151,39 +151,6 @@ export default {
fileList: [], // 上传图片-处理前
uploadPaths: [] // 上传图片-处理后
},
rules: {
manager: [{ required: true, message: '请输入经办人', trigger: 'blur' }],
checkTime: [{ required: true, message: '请选择经办日期', trigger: 'blur' }],
goodNum: [
{ required: true, message: '请输入可继续使用数量', trigger: 'blur' },
// 正则校验 正整数
{
validator: (rule, value, callback) => {
if (!/^[1-9]\d*$/.test(value)) {
callback(new Error('请输入正整数'))
} else {
callback()
}
},
trigger: 'blur'
}
],
backNum: [
{ required: true, message: '请输入待报废量', trigger: 'blur' },
// 正则校验 正整数
{
validator: (rule, value, callback) => {
if (!/^[1-9]\d*$/.test(value)) {
callback(new Error('请输入正整数'))
} else {
callback()
}
},
trigger: 'blur'
}
],
remark: [{ required: true, message: '请输入备注', trigger: 'blur' }]
}
}
},
onLoad() {

2
pages/returnInventory/details.vue
View File

@ -46,7 +46,7 @@
v-model="formData.remark"
placeholder="请输入备注"
:rows="5"
maxlength="300"
maxlength="200"
count
disabled
></u-textarea>

5
pages/returnInventory/index.vue
View File

@ -41,7 +41,7 @@
></u-input>
</u-form-item>
<u-form-item label="备注" prop="remark" required>
<u-textarea v-model="formData.remark" placeholder="请输入备注" :rows="5" maxlength="300" count></u-textarea>
<u-textarea v-model="formData.remark" placeholder="请输入备注" :rows="5" maxlength="200" count></u-textarea>
</u-form-item>
<u-form-item label="附件上传" prop="fileList">
<uni-file-picker
@ -139,7 +139,7 @@
</div>
</div>
<div style="height: 60px"></div>
<div v-if="detailList.length > 0" style="height: 60px"></div>
<div class="bt-btn" v-if="detailList.length > 0">
<u-button type="primary" text="保 存" style="margin: 8px 0" @click="submit"></u-button>
</div>
@ -159,6 +159,7 @@
v-if="showPickerTime"
:show="showPickerTime"
v-model="dataTime"
:max-date="new Date()"
mode="date"
@cancel="showPickerTime = false"
@confirm="confirmTime"

442
pages/stockTaking/index.vue
View File

@ -1,27 +1,435 @@
<template>
<view>
<Navbar title="库存盘点" :showRightText="true" :isBack="false" :text="'盘点记录'" @chickIcon="handleRightText" />
</view>
<view>
<Navbar title="库存盘点" :showRightText="true" :isBack="false" :text="'盘点记录'" @chickIcon="handleRightText" />
<div class="cont">
<!-- 搜索 -->
<div class="search">
<u-input
v-model="keyWord"
placeholder="请输入搜索关键词"
suffixIcon="search"
suffixIconStyle="color: #666"
shape="circle"
@blur="handleSearch"
></u-input>
</div>
<!-- 列表 -->
<div class="list-cont" v-for="(item, index) in tableList" :key="index" @click="handleCheck(item)">
<u-row justify="space-between" customStyle="margin-bottom: 10px; padding: 0 15px;">
<u-col span="6">
<div>{{ item.name }}</div>
</u-col>
<u-col span="6">
<div style="text-align: end; color: #999">{{ item.model }}</div>
</u-col>
</u-row>
<u-line style="margin-bottom: 5px"></u-line>
<div class="list-item">
<span>库 存 量：</span>
<span style="color: #5ae725">{{ item.kcNum }}</span>
</div>
</div>
<u-loadmore :status="status" line v-if="tableList.length > 10" />
<!-- 空状态 -->
<u-empty v-if="tableList.length == 0" mode="data"></u-empty>
</div>
<!-- 弹出层 -->
<u-popup :show="showType" mode="center" :closeOnClickOverlay="false" round="8">
<div class="uPopup">
<div class="pop-title">盘点</div>
<div class="top-box">
<u-row justify="space-between" customStyle="margin-bottom: 10px;">
<u-col span="6">
<div>{{ pop.name }}</div>
</u-col>
<u-col span="6">
<div style="text-align: end">{{ pop.model }}</div>
</u-col>
</u-row>
<div class="list-item">
<span>库 存 量：</span>
<span>{{ pop.kcNum }}</span>
</div>
</div>
<u-line style="margin-bottom: 10px"></u-line>
<u-form :model="formData" :rules="rules" ref="uForm" labelWidth="auto" labelPosition="left">
<u-form-item label="盘点人" prop="manager" borderBottom required>
<u-input v-model="formData.manager" placeholder="请输入盘点人" border="none" inputAlign="right"></u-input>
</u-form-item>
<u-form-item label="盘点日期" prop="startTime" borderBottom required>
<u-cell-group :border="false">
<u-cell
isLink
:label="formData.startTime ? '' : '请选择盘点日期'"
:value="formData.startTime"
:border="false"
@click="showPickerTime = true"
></u-cell>
</u-cell-group>
</u-form-item>
<u-form-item label="盘盈量" prop="pyNum" borderBottom required>
<u-input
v-model="formData.pyNum"
type="number"
placeholder="请输入盘盈量"
border="none"
inputAlign="right"
@blur="handleNumBlur(1)"
></u-input>
</u-form-item>
<u-form-item label="盘亏量" prop="pkNum" borderBottom required>
<u-input
v-model="formData.pkNum"
type="number"
placeholder="请输入盘亏量"
border="none"
inputAlign="right"
@blur="handleNumBlur(2)"
></u-input>
</u-form-item>
<u-form-item label="备注" prop="remark" required>
<u-textarea v-model="formData.remark" placeholder="请输入备注" :rows="5" maxlength="200" count></u-textarea>
</u-form-item>
<u-form-item label="附件" prop="fileList">
<uni-file-picker
v-model="formData.fileList"
:auto-upload="false"
ref="files"
limit="9"
@select="selectImg"
@delete="deleteImg"
:readonly="false"
/>
</u-form-item>
</u-form>
<div style="height: 35px"></div>
<div class="btn">
<u-button plain text="取消" style="margin: 8px 0" @click="showType = false"></u-button>
<u-button type="success" plain text="确定" style="margin: 8px 0" @click="submit"></u-button>
</div>
</div>
</u-popup>
<!-- 日期 -->
<u-datetime-picker
v-if="showPickerTime"
:show="showPickerTime"
v-model="dataTime"
:max-date="new Date()"
mode="date"
@cancel="showPickerTime = false"
@confirm="confirmTime"
></u-datetime-picker>
<!-- loading -->
<u-loading-page :loading="isLoading" icon-size="39" style="z-index: 99999"></u-loading-page>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
handleRightText() {
console.log('🚀 ~ handleRightText ~ ')
// uni.navigateTo({
// url: '/pages/inspectionEntry/inspectionList'
// })
import config from '@/config'
import { getInventoryCountList, takeStock } from '@/api/aqSafety'
export default {
data() {
return {
actionUrl: config.baseUrl + config.uploadFileUrl,
token: uni.getStorageSync('App-Token'),
isLoading: false,
showPickerTime: false,
dataTime: Number(new Date()),
keyWord: '',
status: 'loadmore',
pageNum: 1,
pageSize: 10,
total: 0,
tableList: [],
showType: false,
inventoryPopList: [],
typePopName: '',
pop: {},
formData: {
modelId: '', // 安全工器具id
name: '',
model: '',
manager: '', // 盘点人
startTime: '', // 盘点开始日期
endTime: '', // 盘点结束日期
pyNum: '', // 盘盈量
pkNum: '', // 盘亏量
remark: '', // 备注
fileList: [], // 上传图片-处理前
uploadPaths: [] // 上传图片-处理后
},
rules: {
manager: [{ required: true, message: '请输入盘点人', trigger: 'blur' }],
startTime: [{ required: true, message: '请选择盘点日期', trigger: 'blur' }],
pyNum: [
{ required: true, message: '请输入盘盈量', trigger: 'blur' },
// 正则校验 正整数
{
validator: (rule, value, callback) => {
if (!/^[0-9]\d*$/.test(value)) {
callback(new Error('请输入正整数'))
} else {
callback()
}
},
trigger: 'blur'
}
],
pkNum: [
{ required: true, message: '请输入盘亏量', trigger: 'blur' },
// 正则校验 正整数
{
validator: (rule, value, callback) => {
if (!/^[0-9]\d*$/.test(value)) {
callback(new Error('请输入正整数'))
} else {
callback()
}
},
trigger: 'blur'
}
],
remark: [{ required: true, message: '请输入备注', trigger: 'blur' }]
}
}
},
onLoad() {
this.getList()
},
methods: {
handleSearch() {
this.pageSize = 10
this.getList()
},
async getList() {
try {
const params = {
encryptedData: JSON.stringify({ keyWord: this.keyWord }),
pageNum: this.pageNum,
pageSize: this.pageSize
}
console.log('🚀 ~ getList ~ params', params)
const res = await getInventoryCountList(params)
console.log('🚀 ~ getList ~ res', res)
this.tableList = res.data.list
this.total = res.data.total
} catch (error) {
console.log('🚀 ~ getList ~ error', error)
}
},
handleNumBlur(type) {
if (type === 1) {
if (this.formData.pyNum > 0) {
this.formData.pkNum = '0'
// 清除校验
this.$refs.uForm.clearValidate('pkNum')
}
} else {
if (this.formData.pkNum > 0) {
this.formData.pyNum = '0'
// 清除校验
this.$refs.uForm.clearValidate('pyNum')
}
}
}
}
},
onReachBottom() {
console.log('🚀 ~ onReachBottom ~ ')
if (this.total < 10 || this.total == this.tableList.length) {
this.status = 'nomore'
return
}
this.status = 'loading'
setTimeout(() => {
this.pageSize += 10
this.getList()
if (this.tableList.length != this.total) this.status = 'loadmore'
else this.status = 'nomore'
}, 500)
console.log('加载..', this.pageSize)
},
handleRightText() {
console.log('🚀 ~ handleRightText ~ ')
uni.navigateTo({
url: '/pages/stockTaking/takingRecord'
})
},
handleCheck(item) {
console.log('🚀 ~ handleCheck ~ item:', item)
this.pop = item
this.showType = true
// 清空表单
this.$nextTick(() => {
// this.$refs.uForm.resetFields()
this.formData = {
modelId: item.id,
name: item.name,
model: item.model,
manager: '',
startTime: '',
endTime: '',
pyNum: '',
pkNum: '',
remark: '',
fileList: [], // 上传图片-处理前
uploadPaths: [] // 上传图片-处理后
}
})
},
// 日期选择器
confirmTime(e) {
console.log('🚀 ~ confirmTime ~ e', e)
this.formData.startTime = this.formData.endTime = this.formatTimestamp(e.value)
console.log('🚀 ~ confirmTime ~ this.formData.startTime:', this.formData.startTime)
this.showPickerTime = false
},
// 将时间戳转换为日期格式 yyyy-MM-dd
formatTimestamp(timestamp) {
const date = new Date(timestamp)
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
return `${year}-${month}-${day}`
},
selectImg(e) {
console.log('🚀 ~ selectImg ~ e:', e)
e.tempFiles.forEach(file => {
this.formData.fileList.push(file)
})
console.log('🚀 ~ selectImg ~ this.formData:', this.formData)
},
deleteImg(e) {
console.log('🚀 ~ deleteImg ~ e:', e)
this.formData.fileList.splice(e.index, 1)
console.log('🚀 ~ deleteImg ~ this.formData.fileList:', this.formData.fileList)
},
upload(path) {
uni.uploadFile({
url: this.actionUrl,
filePath: path,
name: 'file',
header: {
Authorization: this.token
},
success: res => {
console.log('🚀 ~ selectImg ~ res:', res)
console.log('🚀 ~ selectImg ~ res--data:', JSON.parse(res.data).data)
this.formData.uploadPaths.push(JSON.parse(res.data).data)
// console.log('🚀 ~ upload ~ this.handlePhotoList:', this.formData.handlePhotoList)
},
fail: err => {
console.log('🚀 ~ selectImg ~ err:', err)
}
})
},
// 提交
submit() {
console.log('🚀 ~ submit ~ ')
console.log('🚀 ~ submit ~ this.formData:', this.formData)
// 校验表单
this.$refs.uForm.validate().then(res => {
console.log('🚀 ~ submit ~ 提交-校验通过')
this.isLoading = true
this.formData.uploadPaths = []
const uploadPromises = this.formData.fileList.map(async file => {
console.log('🚀 ~ uploadFile ~ file:', file)
return this.upload(file.path)
})
Promise.all(uploadPromises)
.then(() => {
console.log('所有文件上传完成')
setTimeout(async () => {
try {
const params = {
...this.formData,
// modelId: this.pop.id,
// model: this.pop.model,
// name: this.pop.name,
}
delete params.fileList
console.log('🚀 ~ submit ~ params:', params)
const encryptedData = JSON.stringify(params)
const res = await takeStock({ encryptedData })
console.log('🚀 ~ submit ~ res:', res)
this.isLoading = false
this.$modal.msg('提交成功')
this.showType = false
setTimeout(() => {
// 刷新页面
this.getList()
}, 200)
} catch (error) {
console.log('🚀 ~ submit ~ error', error)
this.isLoading = false
}
}, 600)
})
.catch(error => {
console.error('文件上传过程中出现错误:', error)
this.isLoading = false
})
})
}
}
}
</script>
<style lang="scss">
page {
background-color: #f8f8f8;
}
.cont {
padding: 15px;
}
.search {
margin-bottom: 15px;
}
.list-cont {
padding: 15px 0;
margin-bottom: 15px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
.list-item {
padding: 5px 15px;
}
}
.uPopup {
width: 90vw;
min-height: 80vh;
background-color: #fff;
border-radius: 8px;
padding: 15px;
box-sizing: border-box;
.pop-title {
font-size: 16px;
font-weight: 800;
margin-bottom: 10px;
text-align: center;
color: #777;
}
.top-box {
padding: 15px;
background-color: #7dd5a9;
color: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.btn {
position: absolute;
bottom: 0px;
width: calc(90vw - 30px);
display: flex;
}
}
</style>

273
pages/stockTaking/takingRecord.vue Normal file
View File

@ -0,0 +1,273 @@
<template>
<view>
<div class="cont">
<!-- 搜索 -->
<div class="search">
<u-input
v-model="keyWord"
placeholder="请输入搜索内容"
suffixIcon="search"
suffixIconStyle="color: #666"
shape="circle"
@blur="handleSearch"
></u-input>
</div>
<!-- 列表 -->
<div class="list-cont" v-for="(item, index) in tableList" :key="index" @click="handleCheck(item)">
<u-row justify="space-between" customStyle="margin-bottom: 10px; padding: 0 15px;">
<u-col span="6">
<div>{{ item.name }}</div>
</u-col>
<u-col span="6">
<div style="text-align: end; color: #999">{{ item.model }}</div>
</u-col>
</u-row>
<u-line style="margin-bottom: 5px"></u-line>
<div class="list-item">
<span>盘 盈 量：</span>
<span style="color: #5ae725">{{ item.pyNum }}</span>
</div>
<div class="list-item">
<span>盘 亏 量：</span>
<span style="color: #f9ae3d">{{ item.pkNum }}</span>
</div>
<div class="list-item">
<span>盘点日期：</span>
<span>{{ item.startTime }}~{{ item.endTime }}</span>
</div>
</div>
<u-loadmore :status="status" line v-if="tableList.length > 10" />
<!-- 空状态 -->
<u-empty v-if="tableList.length == 0" mode="data"></u-empty>
</div>
<!-- 弹出层 -->
<u-popup :show="showType" mode="center" :closeOnClickOverlay="false" round="8" zIndex="10070">
<div class="uPopup">
<div class="pop-title">盘点记录</div>
<div class="top-box">
<u-row justify="space-between" customStyle="margin-bottom: 10px;">
<u-col span="6">
<div>{{ pop.name }}</div>
</u-col>
<u-col span="6">
<div style="text-align: end">{{ pop.model }}</div>
</u-col>
</u-row>
<u-row justify="space-between" customStyle="margin-bottom: 10px;">
<u-col span="6">
<div>盘盈量：{{ pop.pyNum }}</div>
</u-col>
<u-col span="6">
<div style="text-align: end">盘亏量{{ pop.pkNum }}</div>
</u-col>
</u-row>
</div>
<u-line style="margin-bottom: 10px"></u-line>
<u-form :model="formData" ref="uForm" labelWidth="auto" labelPosition="left">
<u-form-item label="盘点人" prop="manager" borderBottom>
<u-input
v-model="formData.manager"
placeholder="盘点人"
border="none"
inputAlign="right"
readonly
></u-input>
</u-form-item>
<u-form-item label="盘点日期" prop="time" borderBottom>
<u-input
v-model="formData.time"
placeholder="盘点日期"
border="none"
inputAlign="right"
readonly
></u-input>
</u-form-item>
<u-form-item label="备注" prop="remark">
<u-textarea
v-model="formData.remark"
placeholder="备注"
:rows="5"
maxlength="200"
count
disabled
></u-textarea>
</u-form-item>
<u-form-item label="附件" prop="fileList">
<uni-file-picker v-model="formData.fileList" :auto-upload="false" ref="files" limit="9" readonly />
</u-form-item>
</u-form>
<div class="btn">
<u-button plain text="关 闭" style="margin: 8px 0" @click="showType = false"></u-button>
</div>
</div>
</u-popup>
<!-- 日期 -->
<u-datetime-picker
v-if="showPickerTime"
:show="showPickerTime"
v-model="dataTime"
mode="date"
@cancel="showPickerTime = false"
@confirm="confirmTime"
></u-datetime-picker>
</view>
</template>
<script>
import config from '@/config'
import { getTakeStockRecordList, getTakeStockRecordDetail } from '@/api/aqSafety'
export default {
data() {
return {
actionUrl: config.baseUrl + config.uploadFileUrl,
token: uni.getStorageSync('App-Token'),
showPickerTime: false,
dataTime: Number(new Date()),
keyWord: '',
status: 'loadmore',
pageNum: 1,
pageSize: 10,
total: 0,
tableList: [],
showType: false,
inventoryPopList: [],
typePopName: '',
pop: {},
formData: {
modelId: '', // 安全工器具id
manager: '', // 盘点人
pyNum: '', // 盘盈量
backNum: '', // 盘亏量
remark: '', // 备注
fileList: [], // 图片
},
}
},
onLoad() {
this.getList()
},
methods: {
handleSearch() {
this.pageSize = 10
this.getList()
},
async getList() {
try {
const params = {
encryptedData: JSON.stringify({ keyWord: this.keyWord }),
pageNum: this.pageNum,
pageSize: this.pageSize
}
console.log('🚀 ~ getList ~ params', params)
const res = await getTakeStockRecordList(params)
console.log('🚀 ~ getList ~ res', res)
this.tableList = res.data.list
this.total = res.data.total
} catch (error) {
console.log('🚀 ~ getList ~ error', error)
}
},
onReachBottom() {
console.log('🚀 ~ onReachBottom ~ ')
if (this.total < 10 || this.total == this.tableList.length) {
this.status = 'nomore'
return
}
this.status = 'loading'
setTimeout(() => {
this.pageSize += 10
this.getList()
if (this.tableList.length != this.total) this.status = 'loadmore'
else this.status = 'nomore'
}, 500)
console.log('加载..', this.pageSize)
},
// 获取详情
async getDetail() {
try {
const params = {
encryptedData: JSON.stringify({ id: this.pop.id, applyId: this.pop.applyId })
}
console.log('🚀 ~ getDetail ~ params', params)
const res = await getTakeStockRecordDetail(params)
console.log('🚀 ~ getDetail ~ res', res)
this.formData = res.data
this.formData.time = this.formData.startTime + '~' + this.formData.endTime
if (this.formData.fileList && this.formData.fileList.length > 0) {
this.formData.fileList.forEach(item => {
item.url = config.fileUrl + item.fileUrl + '?token=' + this.token
})
}
} catch (error) {
console.log('🚀 ~ getDetail ~ error', error)
}
},
// 查看详情
handleCheck(item) {
console.log('🚀 ~ handleCheck ~ item:', item)
this.pop = item
this.getDetail()
this.showType = true
}
}
}
</script>
<style lang="scss">
page {
/* padding: 15px; */
background-color: #f8f8f8;
}
.cont {
padding: 15px;
}
.search {
margin-bottom: 15px;
}
.list-cont {
padding: 15px 0;
margin-bottom: 15px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
.list-item {
padding: 5px 15px;
}
}
.uPopup {
width: 90vw;
min-height: 80vh;
background-color: #fff;
border-radius: 8px;
padding: 15px;
box-sizing: border-box;
.pop-title {
font-size: 16px;
font-weight: 800;
margin-bottom: 10px;
text-align: center;
color: #777;
}
.top-box {
padding: 15px;
background-color: #7dd5a9;
color: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.btn {
position: absolute;
bottom: 0px;
width: calc(90vw - 30px);
display: flex;
}
}
</style>