采购左侧模块完毕，动画页取消了
This commit is contained in:
parent
9d9aae9032
commit
1719f3ab5c
|
|
@ -193,7 +193,7 @@
|
|||
<view class="">
|
||||
<view class="first-line">
|
||||
<view style="font-size: 1.3vw;">
|
||||
{{ item.nuName.length>6?item.nuName.substring(0,6)+'.':item.nuName }}
|
||||
{{ item.nuName.length>6?item.nuName.substring(0,7)+'.':item.nuName }}
|
||||
</view>
|
||||
<view class="first-line-second">
|
||||
{{ item.elderInfo?.name?`入住`:`空闲` }}
|
||||
|
|
@ -234,9 +234,9 @@
|
|||
</view>
|
||||
|
||||
|
||||
<view class="mengban" style="background-color: transparent;" v-if="zzbqshow"
|
||||
@click="zzbqshow = false;tagtarget=-1"></view>
|
||||
<view class="right-bottom">
|
||||
<!-- <view class="mengban" style="background-color: transparent;" v-if="zzbqshow"
|
||||
@click="zzbqshow = false;tagtarget=-1"></view> -->
|
||||
<!-- <view class="right-bottom">
|
||||
<view class="bottom-title">
|
||||
<image class="bottom-carmera" src="/static/index/newindex/leftmenu/carmera.png" @click="gotolook" />
|
||||
<view class="blue-button" @click="geteverything()">
|
||||
|
|
@ -313,7 +313,7 @@
|
|||
{{ uni.getStorageSync('NUall').elderInfo?.jfztName }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
|
||||
|
|
@ -399,22 +399,27 @@
|
|||
const menutarget = ref(0)
|
||||
const emit = defineEmits(['swip', "gospecial"])
|
||||
const clickmenu = (index : number) => {
|
||||
let data = null;
|
||||
menutarget.value = index
|
||||
if (props.kf == '0') {
|
||||
data = filteredMenu('izHldy')[index]
|
||||
let data: any = {};
|
||||
menutarget.value = index;
|
||||
data = leftMenuArray.value[index]
|
||||
// if (props.kf == '0') {
|
||||
// data = filteredMenu('izHldy')[index]
|
||||
|
||||
} else {
|
||||
data = filteredMenu('izKf')[index];
|
||||
// } else {
|
||||
// data = filteredMenu('izKf')[index];
|
||||
// }
|
||||
scrollTop.value = (index - 3) * 58;
|
||||
console.log("看看数据对不对",data.nuId)
|
||||
if(data.nuId){
|
||||
uni.setStorageSync('nuId', data.nuId);
|
||||
uni.setStorageSync('nuName', data.nuName);
|
||||
uni.setStorageSync('elderId', data.elderInfo ? data.elderInfo?.id : null);
|
||||
uni.setStorageSync('NUall', data);
|
||||
inits(data.nuId)
|
||||
hlylhq(data.nuId, data.elderInfo?.id)
|
||||
emit('swip')
|
||||
}
|
||||
uni.setStorageSync('nuId', data.nuId);
|
||||
uni.setStorageSync('nuName', data.nuName);
|
||||
uni.setStorageSync('elderId', data.elderInfo ? data.elderInfo?.id : null);
|
||||
uni.setStorageSync('NUall', data);
|
||||
inits(data.nuId)
|
||||
hlylhq(data.nuId, data.elderInfo?.id)
|
||||
emit('swip')
|
||||
scrollTop.value = (index - 1) * 58
|
||||
|
||||
}
|
||||
const hldyobj = ref({})
|
||||
const hlylhq = (nuId, elderId) => {
|
||||
|
|
@ -688,31 +693,31 @@
|
|||
const jszlshow = ref(false)
|
||||
|
||||
|
||||
const emotionTagList = ref([]);
|
||||
const bodyTagList = ref([]);
|
||||
const zzbqshow = ref(false)
|
||||
const geteverything = () => {
|
||||
if (uni.getStorageSync('nuId') && uni.getStorageSync('elderId')) {
|
||||
emotionTagList.value = [];
|
||||
bodyTagList.value = [];
|
||||
zzbqshow.value = true;
|
||||
getNclist(uni.getStorageSync('nuId'), uni.getStorageSync('elderId')).then((res : any) => {
|
||||
// console.log("东西呢", res)
|
||||
res.result.emotionTagList.forEach(item => {
|
||||
if (item.izSelected == 'Y') {
|
||||
emotionTagList.value.push(item)
|
||||
}
|
||||
})
|
||||
res.result.bodyTagList.forEach(item => {
|
||||
if (item.izSelected == 'Y') {
|
||||
bodyTagList.value.push(item)
|
||||
}
|
||||
})
|
||||
// emotionTagList.value = res.result.emotionTagList;
|
||||
// bodyTagList.value = res.result.bodyTagList;
|
||||
})
|
||||
}
|
||||
}
|
||||
// const emotionTagList = ref([]);
|
||||
// const bodyTagList = ref([]);
|
||||
// const zzbqshow = ref(false)
|
||||
// const geteverything = () => {
|
||||
// if (uni.getStorageSync('nuId') && uni.getStorageSync('elderId')) {
|
||||
// emotionTagList.value = [];
|
||||
// bodyTagList.value = [];
|
||||
// zzbqshow.value = true;
|
||||
// getNclist(uni.getStorageSync('nuId'), uni.getStorageSync('elderId')).then((res : any) => {
|
||||
// // console.log("东西呢", res)
|
||||
// res.result.emotionTagList.forEach(item => {
|
||||
// if (item.izSelected == 'Y') {
|
||||
// emotionTagList.value.push(item)
|
||||
// }
|
||||
// })
|
||||
// res.result.bodyTagList.forEach(item => {
|
||||
// if (item.izSelected == 'Y') {
|
||||
// bodyTagList.value.push(item)
|
||||
// }
|
||||
// })
|
||||
// // emotionTagList.value = res.result.emotionTagList;
|
||||
// // bodyTagList.value = res.result.bodyTagList;
|
||||
// })
|
||||
// }
|
||||
// }
|
||||
function getStatusDesc(type) {
|
||||
switch (type) {
|
||||
case '稳定':
|
||||
|
|
@ -779,16 +784,16 @@
|
|||
const inits = (e) => {
|
||||
serves.value.init(e);
|
||||
}
|
||||
const tagtarget = ref(-1);
|
||||
const detail = ref("")
|
||||
const leftnumber = ref(2.2)
|
||||
const clicktag = (item, index) => {
|
||||
tagtarget.value = index;
|
||||
detail.value = getStatusDesc(item.tagName)
|
||||
leftnumber.value = getleft(index);
|
||||
// bodyTagList.value = [];
|
||||
// emotionTagList.value = [];
|
||||
}
|
||||
// const tagtarget = ref(-1);
|
||||
// const detail = ref("")
|
||||
// const leftnumber = ref(2.2)
|
||||
// const clicktag = (item, index) => {
|
||||
// tagtarget.value = index;
|
||||
// detail.value = getStatusDesc(item.tagName)
|
||||
// leftnumber.value = getleft(index);
|
||||
// // bodyTagList.value = [];
|
||||
// // emotionTagList.value = [];
|
||||
// }
|
||||
onMounted(() => {
|
||||
transition.value = false;
|
||||
setTimeout(() => {
|
||||
|
|
@ -848,22 +853,22 @@
|
|||
}
|
||||
}
|
||||
|
||||
.zzbqsmall {
|
||||
width: 23vw;
|
||||
// height: 6vw;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
|
||||
border-radius: 1.2vw;
|
||||
right: -2vw;
|
||||
top: 15vw;
|
||||
position: absolute;
|
||||
z-index: 200;
|
||||
display: flex;
|
||||
// padding: 1.6vw 1.6vw 0;
|
||||
padding: 1vw 2vw;
|
||||
color: black;
|
||||
font-size: 1vw;
|
||||
}
|
||||
// .zzbqsmall {
|
||||
// width: 23vw;
|
||||
// // height: 6vw;
|
||||
// background: #FFFFFF;
|
||||
// box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
|
||||
// border-radius: 1.2vw;
|
||||
// right: -2vw;
|
||||
// top: 15vw;
|
||||
// position: absolute;
|
||||
// z-index: 200;
|
||||
// display: flex;
|
||||
// // padding: 1.6vw 1.6vw 0;
|
||||
// padding: 1vw 2vw;
|
||||
// color: black;
|
||||
// font-size: 1vw;
|
||||
// }
|
||||
|
||||
.index-content-right {
|
||||
width: 23vw;
|
||||
|
|
@ -912,7 +917,7 @@
|
|||
.right-top {
|
||||
margin-top: 1vw;
|
||||
width: 100%;
|
||||
height: 22vw;
|
||||
height: 47.2vw;
|
||||
background-color: #fff;
|
||||
border-radius: 1.6vw;
|
||||
|
||||
|
|
@ -930,7 +935,7 @@
|
|||
|
||||
.top-list {
|
||||
width: 100%;
|
||||
height: 26vh;
|
||||
height: 68vh;
|
||||
margin-top: 1vw;
|
||||
|
||||
.list-view {
|
||||
|
|
@ -996,40 +1001,40 @@
|
|||
|
||||
}
|
||||
|
||||
.right-bottom {
|
||||
margin-top: 2vh;
|
||||
width: 100%;
|
||||
height: 24vw;
|
||||
background-color: #fff;
|
||||
border-radius: 3vh;
|
||||
padding-top: 1vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
// .right-bottom {
|
||||
// margin-top: 2vh;
|
||||
// width: 100%;
|
||||
// height: 24vw;
|
||||
// background-color: red;
|
||||
// border-radius: 3vh;
|
||||
// padding-top: 1vh;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// align-items: center;
|
||||
|
||||
.bottom-title {
|
||||
// .bottom-title {
|
||||
|
||||
width: 100%;
|
||||
padding: 0 8%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
// width: 100%;
|
||||
// padding: 0 8%;
|
||||
// display: flex;
|
||||
// justify-content: space-between;
|
||||
|
||||
.bottom-carmera {
|
||||
margin-top: 0.7vw;
|
||||
width: 3vw;
|
||||
height: 3vw;
|
||||
}
|
||||
}
|
||||
// .bottom-carmera {
|
||||
// margin-top: 0.7vw;
|
||||
// width: 3vw;
|
||||
// height: 3vw;
|
||||
// }
|
||||
// }
|
||||
|
||||
.big-older {
|
||||
margin-top: 0.9vw;
|
||||
margin-bottom: 0.3vw;
|
||||
width: 8.5vw;
|
||||
height: 8.5vw;
|
||||
border: 1rpx solid #DCDCDC;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
// .big-older {
|
||||
// margin-top: 0.9vw;
|
||||
// margin-bottom: 0.3vw;
|
||||
// width: 8.5vw;
|
||||
// height: 8.5vw;
|
||||
// border: 1rpx solid #DCDCDC;
|
||||
// border-radius: 50%;
|
||||
// }
|
||||
// }
|
||||
|
||||
.index-content-other {
|
||||
width: 67vw;
|
||||
|
|
@ -1516,66 +1521,66 @@
|
|||
// top: 2.7vw !important;
|
||||
}
|
||||
|
||||
.zzbq {
|
||||
width: 23vw;
|
||||
height: 11vw;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
|
||||
border-radius: 1.6vw;
|
||||
right: -2vw;
|
||||
top: 4vw;
|
||||
position: absolute;
|
||||
z-index: 200;
|
||||
display: flex;
|
||||
padding: 1.6vw 1.6vw 0;
|
||||
overflow: hidden;
|
||||
// .zzbq {
|
||||
// width: 23vw;
|
||||
// height: 11vw;
|
||||
// background: #FFFFFF;
|
||||
// box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
|
||||
// border-radius: 1.6vw;
|
||||
// right: -2vw;
|
||||
// top: 4vw;
|
||||
// position: absolute;
|
||||
// z-index: 200;
|
||||
// display: flex;
|
||||
// padding: 1.6vw 1.6vw 0;
|
||||
// overflow: hidden;
|
||||
|
||||
.carfd {
|
||||
width: 11.5vw;
|
||||
height: 100%;
|
||||
// .carfd {
|
||||
// width: 11.5vw;
|
||||
// height: 100%;
|
||||
|
||||
.tg {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 1vw;
|
||||
// .tg {
|
||||
// width: 100%;
|
||||
// display: flex;
|
||||
// justify-content: space-around;
|
||||
// margin-top: 1vw;
|
||||
|
||||
view {
|
||||
width: 3vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
// view {
|
||||
// width: 3vw;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// align-items: center;
|
||||
|
||||
image {
|
||||
width: 2.2vw;
|
||||
height: 2.2vw;
|
||||
}
|
||||
// image {
|
||||
// width: 2.2vw;
|
||||
// height: 2.2vw;
|
||||
// }
|
||||
|
||||
text {
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
color: #666666;
|
||||
margin-top: 0.2vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
// text {
|
||||
// font-weight: 400;
|
||||
// font-size: 1vw;
|
||||
// color: #666666;
|
||||
// margin-top: 0.2vw;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
.tittop {
|
||||
height: 2vw;
|
||||
font-weight: 400;
|
||||
font-size: 34rpx;
|
||||
color: #333333;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// .tittop {
|
||||
// height: 2vw;
|
||||
// font-weight: 400;
|
||||
// font-size: 34rpx;
|
||||
// color: #333333;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
|
||||
view {
|
||||
width: 0.4vw;
|
||||
height: 1.2vw;
|
||||
background: #017DE9;
|
||||
border-radius: 0.2vw;
|
||||
margin-right: 0.8vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// view {
|
||||
// width: 0.4vw;
|
||||
// height: 1.2vw;
|
||||
// background: #017DE9;
|
||||
// border-radius: 0.2vw;
|
||||
// margin-right: 0.8vw;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
</style>
|
||||
|
|
@ -285,7 +285,7 @@
|
|||
menuIndexshow.value = true
|
||||
}, 50)
|
||||
userInfo.value = uni.getStorageSync('userInfo');
|
||||
console.log("!!!!!",`https://www.focusnu.com/media/`+userInfo.value.avatar)
|
||||
// console.log("!!!!!",`https://www.focusnu.com/media/`+userInfo.value.avatar)
|
||||
});
|
||||
|
||||
const nomesssageshow = () => {
|
||||
|
|
|
|||
|
|
@ -4,11 +4,32 @@ import request from '@/request/index.js'
|
|||
// 查询采购单列表
|
||||
export const queryCgdList = (params) => {
|
||||
return request({
|
||||
url: `${uni.getStorageSync('serverUrl')}/api/pad/invoicing/queryCgdList?nuId=${uni.getStorageSync('nuId')}&pageNo=${params.pageNo}&pageSize=10`,
|
||||
url: `${uni.getStorageSync('serverUrl')}/api/pad/invoicing/queryCgdList?nuId=${uni.getStorageSync('nuId')}&pageNo=${params.pageNo}&pageSize=10&cgdParamInfo=${params.cgdParamInfo}&status=${params.status}&ids=${params.ids}`,
|
||||
method: 'get',
|
||||
// data: params,
|
||||
})
|
||||
}
|
||||
// 查询供应商列表
|
||||
export const getGysList = (params) => {
|
||||
return request({
|
||||
url: `${uni.getStorageSync('serverUrl')}/api/pad/invoicing/getGysList`,
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
// 查询物料分类树
|
||||
export const getMaterialTreeData = (params) => {
|
||||
return request({
|
||||
url: `${uni.getStorageSync('serverUrl')}/api/pad/invoicing/getMaterialTreeData?nuId=${uni.getStorageSync('nuId')}&izEnabled=Y`,
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
// 采购单物料筛选查询数量
|
||||
export const getCgdListNum = (params) => {
|
||||
return request({
|
||||
url: `${uni.getStorageSync('serverUrl')}/api/pad/invoicing/getCgdListNum?nuId=${uni.getStorageSync('nuId')}&gysId=${params.gysId}&typeId=${params.typeId}&status=`,
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
// // 盘点接口
|
||||
// export const savePddInfo = (params) => {
|
||||
// return request({
|
||||
|
|
|
|||
|
|
@ -0,0 +1,405 @@
|
|||
<template>
|
||||
<view class="mengban" v-show="show" @click="emit('close')">
|
||||
<view class="white-view" @click.stop="cleanSelectList">
|
||||
<scroll-view scroll-y="true" class="scroll-father">
|
||||
<view class="title">
|
||||
<view></view>
|
||||
供应商
|
||||
</view>
|
||||
<view class="shopinput-view" @click.stop="openSelectList">
|
||||
<view class="shopinput">
|
||||
请输入供应商名称
|
||||
</view>
|
||||
<div class="triangle"></div>
|
||||
<view class="shopinput-select" v-show="selectopenshow"
|
||||
:style="selectopen?{height:`400rpx`}:{height:`0`}" @click.stop>
|
||||
<scroll-view scroll-y="true" class="scroll-view">
|
||||
<view v-for="(item,index) in unselectedShopList" :key="item.suppliersId" class="scroll-card"
|
||||
@click="shopListOpen(item)">
|
||||
{{ item.suppliersName }}
|
||||
</view>
|
||||
<view class="que" v-if="!unselectedShopList.length">
|
||||
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
|
||||
<view>暂无数据</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="target-list">
|
||||
<view class="target-card" v-for="(item,index) in targetshopitem" :key="index">
|
||||
{{ item.suppliersName }}
|
||||
<view class="target-card-clean" @click="deletearray(index)">
|
||||
<image class="target-card-icon" src="/static/x.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="title" style="margin-top: 35rpx;">
|
||||
<view></view>
|
||||
物料类别
|
||||
</view>
|
||||
<view class="special-view" v-for="(item0,index0) in specialarray" :key="index0">
|
||||
<view class="special-title">
|
||||
{{ item0.title }}
|
||||
</view>
|
||||
<view class="special-small" :class="targetspecialarray.includes(item1)?`special-small-target` :``"
|
||||
v-for="(item1,index1) in item0.children" :key="index1" @click="clickspecial(item1)">
|
||||
{{ item1.title }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="end-button">
|
||||
<view class="end-quit" @click="emit('close')">
|
||||
取消
|
||||
</view>
|
||||
<view class="end-right" @click="emit('sure',saveids)">
|
||||
确认{{ howmanyitem }}件物料
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, reactive, onBeforeUnmount, computed, nextTick, defineComponent, inject, watch } from 'vue';
|
||||
import { getGysList, getMaterialTreeData, getCgdListNum } from '../api/api.js'
|
||||
|
||||
const props = defineProps({
|
||||
show: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
});
|
||||
const emit = defineEmits(['close',`sure`]);
|
||||
const shopList = ref([])
|
||||
const selectopen = ref(false);
|
||||
const selectopenshow = ref(false)
|
||||
|
||||
const openSelectList = () => {
|
||||
|
||||
if (selectopen.value) {
|
||||
setTimeout(() => {
|
||||
selectopenshow.value = false;
|
||||
}, 300)
|
||||
} else {
|
||||
selectopenshow.value = true;
|
||||
}
|
||||
setTimeout(() => {
|
||||
selectopen.value = !selectopen.value;
|
||||
}, 10)
|
||||
|
||||
}
|
||||
const cleanSelectList = () => {
|
||||
selectopen.value = false;
|
||||
setTimeout(() => {
|
||||
selectopenshow.value = false;
|
||||
}, 300)
|
||||
}
|
||||
|
||||
const targetshopitem = ref([])
|
||||
|
||||
const shopListOpen = (item : any) => {
|
||||
targetshopitem.value.push(item);
|
||||
selectopen.value = false
|
||||
setTimeout(() => {
|
||||
selectopenshow.value = false;
|
||||
}, 300)
|
||||
getNumber()
|
||||
}
|
||||
const unselectedShopList = computed(() => {
|
||||
const selectedIdSet = new Set(targetshopitem.value.map(item => item.suppliersId))
|
||||
return shopList.value.filter(item => !selectedIdSet.has(item.suppliersId))
|
||||
})
|
||||
|
||||
const deletearray = (index : number) => {
|
||||
targetshopitem.value.splice(index, 1)
|
||||
getNumber()
|
||||
}
|
||||
const specialarray = ref([]);
|
||||
const targetspecialarray = ref<any[]>([])
|
||||
|
||||
const clickspecial = (item) => {
|
||||
const index = targetspecialarray.value.findIndex(v => v.typeId === item.typeId)
|
||||
if (index !== -1) {
|
||||
targetspecialarray.value.splice(index, 1)
|
||||
} else {
|
||||
targetspecialarray.value.push(item)
|
||||
}
|
||||
getNumber()
|
||||
}
|
||||
const howmanyitem = ref(0);
|
||||
const saveids = ref('')
|
||||
|
||||
const getNumber = () => {
|
||||
let data = {
|
||||
gysId: targetshopitem.value.map(item => item.suppliersId).join(','),
|
||||
typeId: targetspecialarray.value.map(item => item.typeId).join(',')
|
||||
}
|
||||
// console.log("入参",data)
|
||||
getCgdListNum(data).then((res) => {
|
||||
howmanyitem.value = res.result.totalSize;
|
||||
saveids.value = res.result.ids
|
||||
})
|
||||
}
|
||||
onMounted(() => {
|
||||
getGysList().then((res : any) => {
|
||||
if (res.success) {
|
||||
// console.log("res", res.result)
|
||||
shopList.value = res.result
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.message,
|
||||
icon: 'none', // 可选值：'success'、'loading'、'none'
|
||||
duration: 2000 // 持续时间，单位ms
|
||||
})
|
||||
}
|
||||
})
|
||||
getMaterialTreeData().then((res : any) => {
|
||||
if (res.success) {
|
||||
// console.log("A-trian", res.result)
|
||||
specialarray.value = [...res.result]
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.message,
|
||||
icon: 'none', // 可选值：'success'、'loading'、'none'
|
||||
duration: 2000 // 持续时间，单位ms
|
||||
})
|
||||
}
|
||||
})
|
||||
getNumber()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.mengban {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
background: RGBA(240, 240, 240, 0.64);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.white-view {
|
||||
background-color: #fff;
|
||||
width: 950rpx;
|
||||
height: 1200rpx;
|
||||
border-radius: 30rpx;
|
||||
padding: 0 45rpx;
|
||||
padding-top: 60rpx;
|
||||
|
||||
.title {
|
||||
font-size: 1.7vw;
|
||||
color: #222222;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: 600;
|
||||
|
||||
view {
|
||||
width: 0.5vw;
|
||||
height: 1.4vw;
|
||||
background: radial-gradient(0% 0% at 0% 0%, #006DC9 7.25%, #0385FA 100%), #F7F7F7;
|
||||
border-radius: 0.2vw;
|
||||
margin-right: 0.7vw;
|
||||
}
|
||||
}
|
||||
|
||||
.shopinput-view {
|
||||
margin-left: 1%;
|
||||
width: 98%;
|
||||
margin-top: 25rpx;
|
||||
height: 73rpx;
|
||||
border: 1rpx solid #BABABA;
|
||||
border-radius: 20rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
.shopinput {
|
||||
margin-left: 35rpx;
|
||||
color: #BABABA;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.triangle {
|
||||
width: 30rpx;
|
||||
height: 20rpx;
|
||||
background: #777777;
|
||||
clip-path: polygon(50% 100%, 0 0, 100% 0);
|
||||
margin-right: 33rpx;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
.shopinput-select {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 73rpx;
|
||||
background-color: #fff;
|
||||
border: 1rpx solid #BABABA;
|
||||
transition: height 0.3s ease;
|
||||
border-radius: 30rpx;
|
||||
|
||||
.scroll-view {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.scroll-card {
|
||||
padding: 0 30rpx;
|
||||
height: 100rpx;
|
||||
max-width: 98%;
|
||||
line-height: 100rpx;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.target-list {
|
||||
display: flex;
|
||||
width: 101%;
|
||||
flex-wrap: wrap;
|
||||
padding-left: 1%;
|
||||
|
||||
.target-card {
|
||||
margin-top: 20rpx;
|
||||
width: 48%;
|
||||
margin-right: 2%;
|
||||
background-color: #F7F8FC;
|
||||
color: #BABABA;
|
||||
height: 80rpx;
|
||||
border-radius: 20rpx;
|
||||
line-height: 80rpx;
|
||||
// padding: 0 40rpx;
|
||||
padding-left: 35rpx;
|
||||
padding-right: 45rpx;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
position: relative;
|
||||
|
||||
.target-card-clean {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 10rpx;
|
||||
transform: translateY(-50%);
|
||||
width: 35rpx;
|
||||
height: 35rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #E7EBF8;
|
||||
// background-color: red;
|
||||
right: 20rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
|
||||
.target-card-icon {
|
||||
width: 70%;
|
||||
height: 70%;
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.que {
|
||||
width: 10vw;
|
||||
height: 10vw;
|
||||
margin: auto;
|
||||
margin-top: 50rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
view {
|
||||
margin-top: -40rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
font-size: 1.4vw;
|
||||
color: #555555;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll-father {
|
||||
width: 100%;
|
||||
height: 86%;
|
||||
}
|
||||
|
||||
.special-view {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.special-title {
|
||||
width: 100%;
|
||||
font-size: 33rpx;
|
||||
margin: 30rpx 0;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.special-small {
|
||||
width: 30%;
|
||||
margin-right: 3%;
|
||||
height: 80rpx;
|
||||
background-color: #F7F8FC;
|
||||
color: #555555;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 15rpx;
|
||||
font-size: 31rpx;
|
||||
}
|
||||
|
||||
.special-small-target {
|
||||
background-color: #EBF5FF;
|
||||
color: #2790FD;
|
||||
}
|
||||
}
|
||||
|
||||
.end-button {
|
||||
width: 100%;
|
||||
height: 11%;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
font-size: 32rpx;
|
||||
margin-top: 30rpx;
|
||||
|
||||
.end-quit {
|
||||
background-color: #EDEDEF;
|
||||
color: #888888;
|
||||
width: 220rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.end-right {
|
||||
margin-left: 30rpx;
|
||||
width: 350rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 1rpx solid #0385FA;
|
||||
background: linear-gradient(to bottom, #E9F4FF, #CAE0F9);
|
||||
color: #0385FA;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -4,24 +4,21 @@
|
|||
style="transition: opacity 1s ease;padding: 1.1vw;">
|
||||
<view class="contain-left">
|
||||
<view class="title-input-father">
|
||||
<input class="title-input" type="text" v-model="plzinfo.cgdParamInfo" maxlength="15"
|
||||
placeholder="采购单号/采购日期/供应商" @confirm="search()" />
|
||||
<image v-show="plzinfo.cgdParamInfo" class="title-input-img" src="@/static/x.png"
|
||||
@click="plzinfo.cgdParamInfo=``;search()" />
|
||||
<!-- <view class="title-input-button" @click="search();">
|
||||
检索
|
||||
</view> -->
|
||||
<view class="title-ball" @click="search();handleClick()">
|
||||
<input class="title-input" type="text" v-model="inputValue.cgdParamInfo" maxlength="15"
|
||||
placeholder="采购单号/采购日期/供应商" @confirm="getCardArray()" />
|
||||
<image v-show="inputValue.cgdParamInfo" class="title-input-img" src="@/static/x.png"
|
||||
@click="inputValue.cgdParamInfo=``;getCardArray()" />
|
||||
<view class="title-ball" @click="getCardArray();handleClick()">
|
||||
<image class="title-ball-img" :src="imgSrc" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="title-ball">
|
||||
<view class="title-ball" @click="openselect()">
|
||||
<image class="title-ball-img" src="/static/index/procurement/sx.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="left-selecttype">
|
||||
<view :class="selectType===index?`selecttype-target`: `selecttype`"
|
||||
v-for="(item,index) in tagsarray" @click="changetype(index)">
|
||||
{{ item }}
|
||||
{{ item.label }}
|
||||
</view>
|
||||
<view class="heng-blue" :style="{ left: `${ 11.6 + selectType * 18.5}%` }">
|
||||
</view>
|
||||
|
|
@ -82,7 +79,7 @@
|
|||
采购
|
||||
</view>
|
||||
<view class="notoomuch">
|
||||
[ 梁嘉豪 ]
|
||||
[ {{ v.qgBy }} ]
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -105,8 +102,9 @@
|
|||
{{ v?.cgdType=='9' ?`已作废`:`拣货` }}
|
||||
|
||||
</view>
|
||||
<view v-if="v?.jhBy || v?.zfBy" :style=" v?.cgdType=='9' ?{color:`#FF5757`}:{}">
|
||||
2026.03.03
|
||||
<view v-if="v?.jhBy || v?.zfBy" :style=" v?.cgdType=='9' ?{color:`#FF5757`}:{}"
|
||||
class="notoomuch">
|
||||
[{{ v.jhBy }}]
|
||||
<!--{{ Number(v.status)>0||v?.cgdType=='9'? "[ " + (v?.cgdType=='9' ?v?.zfBy:v?.jhBy )+ " ]":"" }}-->
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -114,21 +112,19 @@
|
|||
<view class="pls-card-middle-one">
|
||||
<view class="middle-title">
|
||||
{{ v.wjTime?.slice(0,10).replace(/-/g, '.') }}
|
||||
|
||||
|
||||
</view>
|
||||
<view class="middle-heng-father">
|
||||
<view class="middle-ball" v-if="Number(v.status)<2"></view>
|
||||
<image class="middle-ball-img" v-else
|
||||
src="/static/index/requestform/isok.png" />
|
||||
|
||||
|
||||
</view>
|
||||
<view class="end-font">
|
||||
<view>
|
||||
完结
|
||||
</view>
|
||||
<view v-if="Number(v.status)>1 && v.wjBy ">
|
||||
2026.03.03
|
||||
<view v-if="Number(v.status)>1 && v.wjBy" class="notoomuch">
|
||||
[{{ v.wjBy }}]
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -180,6 +176,7 @@
|
|||
<carlist @link="link" v-if="rightcat==2"></carlist>
|
||||
<caigoudan @link="link" v-if="lefttarget>=0" style="z-index: 9999;"></caigoudan>
|
||||
</view>
|
||||
<selectbox :show="isselect" @close="isselect=false" @sure="sure" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -191,18 +188,32 @@
|
|||
import procurement from './component/procurement.vue';
|
||||
import carlist from './component/carlist.vue';
|
||||
import caigoudan from './component/caigoudan.vue';
|
||||
import { queryCgdList } from './api/api.js'
|
||||
import { queryCgdList } from './api/api.js';
|
||||
import selectbox from './component/selectbox.vue'
|
||||
|
||||
|
||||
|
||||
|
||||
interface InputValue {
|
||||
pageNo : number
|
||||
cgdParamInfo : string
|
||||
status : number|string
|
||||
ids : string
|
||||
}
|
||||
// 入参
|
||||
const inputValue = ref({
|
||||
const inputValue = ref<InputValue>({
|
||||
pageNo: 1,
|
||||
cgdParamInfo: "",
|
||||
status: "",
|
||||
ids: ""
|
||||
})
|
||||
// 初始化卡片
|
||||
const getCardArray = () => {
|
||||
inputValue.value.pageNo = 1;
|
||||
addlock.value = false
|
||||
// console.log("看看入参", inputValue.value)
|
||||
queryCgdList(inputValue.value).then((res : any) => {
|
||||
console.log("看看卡片列表", res.result.records)
|
||||
console.log("看看卡片列表", res)
|
||||
plsbuy.value = res.result.records
|
||||
if (res.result.records.length != 10) {
|
||||
addlock.value = true
|
||||
|
|
@ -212,10 +223,13 @@
|
|||
// 添加锁，节流
|
||||
const addlock = ref(false)
|
||||
// 添加卡片
|
||||
const scrolltolower = () => {
|
||||
const plsbuytolower = () => {
|
||||
|
||||
if (!addlock.value) {
|
||||
inputValue.value.pageNo++
|
||||
queryCgdList(inputValue).then((res : any) => {
|
||||
// console.log("触发了吗",inputValue.value)
|
||||
queryCgdList(inputValue.value).then((res : any) => {
|
||||
// console.log("触发了吗",res.result.records)
|
||||
plsbuy.value.push(...res.result.records)
|
||||
if (res.result.records.length != 10) {
|
||||
addlock.value = true
|
||||
|
|
@ -228,7 +242,13 @@
|
|||
const lefttarget = ref(-1)
|
||||
|
||||
|
||||
const tagsarray = ref(["全部", "待确认", "待完结", "待付款", "已完成"])
|
||||
const tagsarray = [
|
||||
{ label: '全部', value: '' },
|
||||
{ label: '待确认', value: 0 },
|
||||
{ label: '待完结', value: 1 },
|
||||
{ label: '待付款', value: 2 },
|
||||
{ label: '已完成', value: 3 }
|
||||
]
|
||||
const selectType = ref(0)
|
||||
|
||||
|
||||
|
|
@ -253,7 +273,9 @@
|
|||
return
|
||||
}
|
||||
selectType.value = index
|
||||
leftscrolltop.value = 0.01
|
||||
inputValue.value.status = tagsarray[selectType.value].value;
|
||||
getCardArray()
|
||||
leftscrolltop.value = 0.0001
|
||||
setTimeout(() => {
|
||||
leftscrolltop.value = 0
|
||||
}, 50)
|
||||
|
|
@ -274,28 +296,29 @@
|
|||
} else {
|
||||
transition.value = false;
|
||||
}
|
||||
console.log(transition.value)
|
||||
// console.log(transition.value)
|
||||
}
|
||||
)
|
||||
const search = () => { }
|
||||
const plzinfo = reactive({
|
||||
nuId: uni.getStorageSync('nuId'),
|
||||
pageNo: 1,
|
||||
pageSize: 30,
|
||||
canpull: true,
|
||||
cgdParamInfo: ""
|
||||
})
|
||||
const setout = ref(true)
|
||||
let times = null
|
||||
const plsbuytolower = () => {
|
||||
if (!setout.value) { return }
|
||||
plzinfo.pageNo++;
|
||||
// getqueryCgdList()
|
||||
setout.value = false
|
||||
times = setTimeout(() => {
|
||||
setout.value = true
|
||||
}, 500)
|
||||
}
|
||||
// const search = () => { }
|
||||
// const plzinfo = reactive({
|
||||
// nuId: uni.getStorageSync('nuId'),
|
||||
// pageNo: 1,
|
||||
// pageSize: 30,
|
||||
// canpull: true,
|
||||
// cgdParamInfo: "",
|
||||
|
||||
// })
|
||||
// const setout = ref(true)
|
||||
// let times = null
|
||||
// const plsbuytolower = () => {
|
||||
// if (!setout.value) { return }
|
||||
// plzinfo.pageNo++;
|
||||
// // getqueryCgdList()
|
||||
// setout.value = false
|
||||
// times = setTimeout(() => {
|
||||
// setout.value = true
|
||||
// }, 500)
|
||||
// }
|
||||
const plsbuy = ref([])
|
||||
const basePath = '/static/index/procurement/' // 图片公共路径
|
||||
const imgNormal = basePath + 'sh.png'
|
||||
|
|
@ -314,6 +337,16 @@
|
|||
busy.value = false
|
||||
}, 300)
|
||||
}
|
||||
const isselect = ref(false);
|
||||
const openselect = () => {
|
||||
isselect.value = true
|
||||
}
|
||||
const saveids = ref("")
|
||||
const sure = (ids : string) => {
|
||||
isselect.value=false
|
||||
inputValue.value.ids = ids
|
||||
getCardArray()
|
||||
}
|
||||
onLoad(() => {
|
||||
getCardArray()
|
||||
})
|
||||
|
|
@ -331,7 +364,7 @@
|
|||
|
||||
.left-selecttype {
|
||||
margin-top: 8rpx;
|
||||
width: 98%;
|
||||
width: 100%;
|
||||
height: 85rpx;
|
||||
border-radius: 40rpx;
|
||||
background-color: #FFFFFF;
|
||||
|
|
@ -390,7 +423,7 @@
|
|||
|
||||
.contain-left {
|
||||
height: 100vh;
|
||||
min-width: 28vw;
|
||||
min-width: 30vw;
|
||||
overflow: hidden;
|
||||
// background-color: green;
|
||||
|
||||
|
|
@ -419,7 +452,7 @@
|
|||
}
|
||||
|
||||
.title-input {
|
||||
width: 19vw;
|
||||
width: 21vw;
|
||||
height: 5.1vh;
|
||||
background-color: #fff;
|
||||
font-size: 27.5rpx;
|
||||
|
|
@ -596,9 +629,13 @@
|
|||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 25rpx;
|
||||
.notoomuch{
|
||||
width: 30rpx;
|
||||
background-color: red;
|
||||
|
||||
.notoomuch {
|
||||
width: 200rpx;
|
||||
// background-color: red;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -692,4 +729,13 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title-input-img {
|
||||
width: 35rpx;
|
||||
height: 35rpx;
|
||||
position: absolute;
|
||||
right: 190rpx;
|
||||
top: 47%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
// 全局请求封装
|
||||
export const base_url = 'https://www.focusnu.com/opeapi'
|
||||
// export const base_url = 'http://192.168.2.18:8081/opeapi/'
|
||||
// export const base_url = 'https://www.focusnu.com/opeapi'
|
||||
export const base_url = 'http://192.168.2.18:8081/opeapi/'
|
||||
// const base_url = 'http://192.168.2.55:8081/opeapi'
|
||||
export const media_url = 'https://www.focusnu.com/media/'
|
||||
// 请求超出时间
|
||||
|
|
|
|||
Loading…
Reference in New Issue