zq
4 days ago
16 changed files with 6 additions and 1846 deletions
@ -1,172 +0,0 @@ |
|||||
<template> |
|
||||
<view> |
|
||||
<view class="bed-wait-item" v-for="(item, index) in bedWaitList" :key="index" @tap="lookDetail(item)"> |
|
||||
|
|
||||
<view class="bed-wait-info"> |
|
||||
<view class="bed-wait-name PfScMedium">{{ item.coin_name }}</view> |
|
||||
|
|
||||
<view class="bed-desc flex"> |
|
||||
<view :class="['bed-age',type == '1' ? 'bold':'']">{{ item.buying_price }}元{{ type == '2' ?'进':'' }}</view> |
|
||||
<view class="bed-sex bed-sex-bold" v-if="type == '2'">{{ item.price }}元售</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<view class="bed-wait-time"> |
|
||||
<view class="bed-left"> |
|
||||
<!-- 布局修改 --> |
|
||||
<view class="bed-left-flex"> |
|
||||
<view class="bed-sex">{{ item.year }}</view> |
|
||||
<view class="bed-visit-format" v-if="item.format">{{ item.format }}</view> |
|
||||
</view> |
|
||||
<view>{{ item.rating_department }}</view> |
|
||||
</view> |
|
||||
|
|
||||
<view class="bed-checkin-time flex-between"> |
|
||||
<view class="bed-visit-time">{{ item.operate_time }}</view> |
|
||||
<view>{{ item.rating_code }}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
</template> |
|
||||
<script> |
|
||||
export default { |
|
||||
props:['bedWaitList','type'], |
|
||||
options: { styleIsolation: "shared" }, |
|
||||
components: { |
|
||||
|
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
list:[] |
|
||||
} |
|
||||
}, |
|
||||
methods:{ |
|
||||
lookDetail(item) { |
|
||||
uni.setStorageSync('detail', JSON.stringify(item)) |
|
||||
let url = `/pages/coinsDetail/index?id=${item.rating_code}` |
|
||||
this.$nav.navToPath(url) |
|
||||
}, |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.bold{ |
|
||||
font-weight: 500 !important; |
|
||||
color: #000000 !important; |
|
||||
|
|
||||
} |
|
||||
.bed-wait-item { |
|
||||
padding: 36rpx 0rpx; |
|
||||
border-bottom: 2rpx solid #F1F1F1; |
|
||||
position: relative; |
|
||||
|
|
||||
} |
|
||||
|
|
||||
.bed-wait-info { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
|
|
||||
.bed-wait-name { |
|
||||
font-size: 32rpx; |
|
||||
color: #000000; |
|
||||
margin-right: 24rpx; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
|
|
||||
.bed-visit-type-desc { |
|
||||
padding: 0 18rpx; |
|
||||
height: 40rpx; |
|
||||
box-sizing: border-box; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: center; |
|
||||
font-size: 26rpx; |
|
||||
line-height: normal; |
|
||||
border-radius: 6rpx; |
|
||||
margin-left: 24rpx; |
|
||||
background: #F7FCFF; |
|
||||
color: #007FD0; |
|
||||
border: 1rpx solid #5FA1CB; |
|
||||
|
|
||||
&.ml-auto { |
|
||||
margin-left: auto; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.bed-desc { |
|
||||
color: #999999; |
|
||||
font-size: 28rpx; |
|
||||
margin-left: auto; |
|
||||
gap: 12rpx; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
.bed-sex { |
|
||||
font-size: 28rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: 44rpx; |
|
||||
color: #242833; |
|
||||
letter-spacing: 0.86rpx; |
|
||||
} |
|
||||
.bed-sex-bold,.bed-age{ |
|
||||
font-family: PingFang SC; |
|
||||
font-size: 30rpx; |
|
||||
font-weight: 500; |
|
||||
line-height: 44rpx; |
|
||||
letter-spacing: 0.86rpx; |
|
||||
color: #000000; |
|
||||
} |
|
||||
.bed-age { |
|
||||
font-size: 30rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: 44rpx; |
|
||||
letter-spacing: 0.86rpx; |
|
||||
color: #999999; |
|
||||
font-weight: normal; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.bed-wait-time { |
|
||||
display: flex; |
|
||||
column-gap: 24rpx; |
|
||||
margin-top: 16rpx; |
|
||||
flex-direction: column; |
|
||||
gap: 16rpx; |
|
||||
view { |
|
||||
font-size: 24rpx; |
|
||||
color: #999999; |
|
||||
} |
|
||||
|
|
||||
.bed-visit-format { |
|
||||
border-radius: 6rpx; |
|
||||
background: #EBEBEB; |
|
||||
padding: 2rpx 16rpx; |
|
||||
font-family: PingFang SC; |
|
||||
font-size: 26rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: normal; |
|
||||
letter-spacing: normal; |
|
||||
color: #666666; |
|
||||
width: fit-content; |
|
||||
} |
|
||||
|
|
||||
.bed-left { |
|
||||
display: flex; |
|
||||
gap: 16rpx; |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
.bed-left-flex{ |
|
||||
display: flex; |
|
||||
gap: 24rpx; |
|
||||
align-items: center; |
|
||||
} |
|
||||
} |
|
||||
.flex-between{ |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,204 +0,0 @@ |
|||||
<template> |
|
||||
<view class="user-info-com" @click="$emit('click')"> |
|
||||
<view class="user-info"> |
|
||||
<view class="user-top"> |
|
||||
<view class="user-left"> |
|
||||
<view class="user-name PfScSemibold ft38">{{ visitorInfo.coin_name }}</view> |
|
||||
<view class="user-num">{{ visitorInfo.year }}</view> |
|
||||
</view> |
|
||||
<view class="user-right" v-if="visitorInfo.status" :class="className[visitorInfo.status]">{{ descObj[visitorInfo.status] }}</view> |
|
||||
<view class="user-right" v-else :class="className[visitorInfo.ancient_coin_status]">{{ visitorInfo.ancient_coin_status_desc }}</view> |
|
||||
</view> |
|
||||
<view class="user-bottom gap24 flex-between" v-if="visitorInfo.format || visitorInfo.operate_time"> |
|
||||
<view> |
|
||||
<view v-if="visitorInfo.format">板式：{{ visitorInfo.format }}</view> |
|
||||
</view> |
|
||||
<view v-if="visitorInfo.operate_time">{{ visitorInfo.operate_time }} </view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default { |
|
||||
name: "visitorInfo", |
|
||||
data() { |
|
||||
return { |
|
||||
cssUrl: this.cssUrl, |
|
||||
className: { |
|
||||
0: 'notStore',//未入库 |
|
||||
'1': 'inventory',//库存 |
|
||||
'2': 'outBound'//出库 |
|
||||
}, |
|
||||
descObj: { |
|
||||
0: '未入库',//未入库 |
|
||||
'1': '库存',//库存 |
|
||||
'2': '已出库'//出库 |
|
||||
}, |
|
||||
} |
|
||||
}, |
|
||||
props: { |
|
||||
visitorInfo: { |
|
||||
type: Object, |
|
||||
// default: () => ({ |
|
||||
// name: '机制光绪通宝', |
|
||||
// year: '1889年', |
|
||||
// phone: '1310684212', |
|
||||
// id: 3, |
|
||||
// time: '2025.12.21 13:23', |
|
||||
// address: '北京公博二部', |
|
||||
// plateType:'板式：库平一钱满汉广', |
|
||||
// type: '1' |
|
||||
// }) |
|
||||
}, |
|
||||
}, |
|
||||
methods: { |
|
||||
resetUinfo() { |
|
||||
this.$emit('resetUinfo') |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style scoped lang="scss"> |
|
||||
.user-info-com { |
|
||||
font-family: PingFang SC; |
|
||||
.user-info { |
|
||||
margin: 0 18rpx 0rpx; |
|
||||
background: #FFFFFF; |
|
||||
padding: 34rpx 24rpx 44rpx; |
|
||||
position: relative; |
|
||||
|
|
||||
.user-bg { |
|
||||
position: absolute; |
|
||||
right: 0; |
|
||||
bottom: 0; |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
z-index: 1; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.gap24 { |
|
||||
gap: 24rpx; |
|
||||
} |
|
||||
|
|
||||
.phone { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
height: 39rpx; |
|
||||
line-height: 39rpx; |
|
||||
|
|
||||
img { |
|
||||
width: 34rpx; |
|
||||
height: 34rpx; |
|
||||
margin-left: 12rpx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.user-top, |
|
||||
.user-bottom { |
|
||||
position: relative; |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
z-index: 8; |
|
||||
} |
|
||||
|
|
||||
.user-top { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
} |
|
||||
|
|
||||
.user-left { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
padding-left: 20rpx; |
|
||||
&::before{ |
|
||||
content: ''; |
|
||||
display: block; |
|
||||
position: absolute; |
|
||||
width: 8rpx; |
|
||||
height: 34rpx; |
|
||||
border-radius: 10rpx; |
|
||||
background: #58CA7F; |
|
||||
left: 0; |
|
||||
top: 8rpx; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
|
|
||||
.user-name { |
|
||||
font-size: 38rpx; |
|
||||
color: #333333; |
|
||||
line-height: 50rpx; |
|
||||
} |
|
||||
|
|
||||
.user-num { |
|
||||
margin-left: 24rpx; |
|
||||
font-size: 28rpx; |
|
||||
color: #79624A; |
|
||||
line-height: 40rpx; |
|
||||
|
|
||||
font-size: 28rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: 44rpx; |
|
||||
letter-spacing: 0.86rpx; |
|
||||
color: #242833; |
|
||||
|
|
||||
} |
|
||||
|
|
||||
.user-right { |
|
||||
font-size: 26rpx; |
|
||||
text-align: center; |
|
||||
letter-spacing: 0.69rpx; |
|
||||
color: #999999; |
|
||||
line-height: 36rpx; |
|
||||
border-radius: 6rpx; |
|
||||
background: #FCFCFC; |
|
||||
border: 1.5rpx solid #999999; |
|
||||
padding: 2rpx 18rpx; |
|
||||
} |
|
||||
.notStore{ |
|
||||
color: #999999; |
|
||||
background: #FCFCFC; |
|
||||
border-color: #999999; |
|
||||
} |
|
||||
.inventory{ |
|
||||
color: #5FA1CB; |
|
||||
background: #F7FCFF; |
|
||||
border-color: #5FA1CB; |
|
||||
} |
|
||||
.outBound{ |
|
||||
color: #58CA7F; |
|
||||
background: #F8FFF7; |
|
||||
border-color: #5FA1CB; |
|
||||
|
|
||||
} |
|
||||
|
|
||||
.user-bottom { |
|
||||
margin-top: 32rpx; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
font-size: 28rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: normal; |
|
||||
letter-spacing: 0.86rpx; |
|
||||
color: #999999; |
|
||||
} |
|
||||
|
|
||||
.user-card { |
|
||||
font-size: 30rpx; |
|
||||
color: #949699; |
|
||||
line-height: 36rpx; |
|
||||
} |
|
||||
|
|
||||
.user-last-time { |
|
||||
font-size: 30rpx; |
|
||||
color: #949699; |
|
||||
line-height: 36rpx; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
</style> |
|
||||
@ -1,555 +0,0 @@ |
|||||
<template> |
|
||||
<view class="coinsDetail-wrap"> |
|
||||
<view :class="{ 'top': id,'bottom':id }"> |
|
||||
<VisitorInfo :visitorInfo="detailItem" /> |
|
||||
</view> |
|
||||
<view v-if="!id" class="showPriceContent"> |
|
||||
<view :class="['showPriceWrap',detailItem.ancient_coin_status == 0 ? 'green':'orange']"> |
|
||||
<view class="flex-between"> |
|
||||
<view class="label">{{ textObj[detailItem.ancient_coin_status] }}</view> |
|
||||
<view class="status3" v-if="detailItem.ancient_coin_status == '1' && detailItem.buying_price">进价 {{ detailItem.buying_price }}元</view> |
|
||||
<view class="flex status3" v-if="detailItem.ancient_coin_status == '2'"> |
|
||||
历史: |
|
||||
<view v-if="String(detailItem.buying_price).length > 0">{{ detailItem.buying_price }}元进 </view> |
|
||||
<view v-if="String(detailItem.price).length > 0"> |
|
||||
{{ detailItem.price }}元售 |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="inputWrap" :class="{ 'greenBorder': price2Length > 0 && detailItem.ancient_coin_status == 0, 'orangeBorder':price2Length > 0 && detailItem.ancient_coin_status != 0 }"> |
|
||||
<input type="text" placeholder="输入" :focus="isFocus" v-model="price2" > |
|
||||
<view class="unit">元</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<view class="list-wrap"> |
|
||||
<view class="list-box-com" v-if="detailItem.status =='2' && id"> |
|
||||
<view class="item flex-between"> |
|
||||
<view :class="'left ft30'"> |
|
||||
售价 |
|
||||
</view> |
|
||||
<view class="right ft30"> |
|
||||
<view class="flex1"> |
|
||||
<input type="text" v-model="price" @blur="updatePrice('price')"> |
|
||||
<view>元</view> |
|
||||
</view> |
|
||||
<img class="editImg" :src="cssUrl + 'form_edit.png'" alt=""> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="list-box-com" v-if="id"> |
|
||||
<view class="item flex-between"> |
|
||||
<view :class="'left ft30'"> |
|
||||
进价 |
|
||||
</view> |
|
||||
<view class="right ft30"> |
|
||||
<view class="flex1"> |
|
||||
<input type="text" v-model="buying_price" @blur="updatePrice('buying_price')"> |
|
||||
<view>元</view> |
|
||||
</view> |
|
||||
<img class="editImg" :src="cssUrl + 'form_edit.png'" alt=""> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<ListBox v-if="detailItem.rating_code" leftTitle="评级部门" :rightTitle="detailItem.rating_department" /> |
|
||||
<ListBox v-if="detailItem.rating_code" leftTitle="评级编号" :rightTitle="detailItem.rating_code" /> |
|
||||
<ListBox v-if="detailItem.material" leftTitle="材质" :rightTitle="detailItem.material" /> |
|
||||
<ListBox v-if="detailItem.deal_with" leftTitle="处理" :rightTitle="detailItem.deal_with" /> |
|
||||
<ListBox v-if="detailItem.pay_for_level" leftTitle="赔付等级" :rightTitle="detailItem.pay_for_level" /> |
|
||||
<ListBox v-if="detailItem.grade" leftTitle="分数" :rightTitle="detailItem.grade" /> |
|
||||
<ListBox v-if="detailItem.size" leftTitle="尺寸" :rightTitle="detailItem.size" /> |
|
||||
<ListBox v-if="detailItem.remark" leftTitle="备注" :rightTitle="detailItem.remark" /> |
|
||||
<!-- 详情页面展示 --> |
|
||||
<ListBox v-if="id" leftTitle="操作人" :rightTitle="detailItem.operator" /> |
|
||||
<view class="editRate" v-if="detailItem.status == '1'" @click="scanQrcode"> |
|
||||
<image :src="cssUrl + 'editRate.svg'"/> |
|
||||
修改评级 |
|
||||
</view> |
|
||||
</view> |
|
||||
<PopUpCommon ref="ratePopup" :showClose="true" zIndex="top"> |
|
||||
<view class="popWrap ratePopup" ref="popWrap"> |
|
||||
<view class="pop-title PfScMedium">修改评级</view> |
|
||||
<view class="content"> |
|
||||
<VisitorInfo :visitorInfo="detailItem" /> |
|
||||
<view class="rate-content"> |
|
||||
<ListBox v-if="detailItemNew.rating_code" leftTitle="评级部门" :rightTitle="detailItemNew.rating_department" /> |
|
||||
<ListBox v-if="detailItemNew.rating_code" leftTitle="评级编号" :rightTitle="detailItemNew.rating_code" /> |
|
||||
<ListBox v-if="detailItemNew.material" leftTitle="材质" :rightTitle="detailItemNew.material" /> |
|
||||
<ListBox v-if="detailItemNew.deal_with" leftTitle="处理" :rightTitle="detailItemNew.deal_with" /> |
|
||||
<ListBox v-if="detailItemNew.pay_for_level" leftTitle="赔付等级" :rightTitle="detailItemNew.pay_for_level" /> |
|
||||
<ListBox v-if="detailItemNew.grade" leftTitle="分数" :rightTitle="detailItemNew.grade" /> |
|
||||
<ListBox v-if="detailItemNew.size" leftTitle="尺寸" :rightTitle="detailItemNew.size" /> |
|
||||
<ListBox v-if="detailItemNew.remark" leftTitle="备注" :rightTitle="detailItemNew.remark" /> |
|
||||
</view> |
|
||||
|
|
||||
</view> |
|
||||
<view class="qrcode_wrap page-bottom-btn-container flex-between"> |
|
||||
<view class="bottom-btn cancel" @click="onCancel">取消</view> |
|
||||
<view class="bottom-btn PfScMedium primary" @click="onConfirm">确定修改</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</PopUpCommon> |
|
||||
</view> |
|
||||
</template> |
|
||||
<script> |
|
||||
import ListBox from '@/components/listBox.vue'; |
|
||||
import VisitorInfo from '@/components/visitorInfo.vue'; |
|
||||
import PopUpCommon from '@/components/common/popUpCommon.vue'; |
|
||||
|
|
||||
export default { |
|
||||
name: "coinsDetail", |
|
||||
props: ['scanCodeDetail'], |
|
||||
components: { |
|
||||
VisitorInfo, |
|
||||
ListBox, |
|
||||
PopUpCommon |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
textObj:{ |
|
||||
0:'进价：', |
|
||||
'1':'售价：', |
|
||||
'2':'再次入库价：', |
|
||||
}, |
|
||||
cssUrl: this.cssUrl1, |
|
||||
visitorInfo: {}, |
|
||||
id: '', |
|
||||
detailItem: {}, |
|
||||
scan_code_detail: '', |
|
||||
price: '', |
|
||||
buying_price:'', |
|
||||
price2:'', |
|
||||
isFocus:false, |
|
||||
detailItemNew:{} |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
price2Length() { |
|
||||
return this.price2.length |
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
scanCodeDetail(newVal, oldVal) { |
|
||||
this.detailItem = { ...newVal }//更新 |
|
||||
} |
|
||||
}, |
|
||||
mounted() { |
|
||||
if (this.scanCodeDetail && Object.keys(this.scanCodeDetail).length > 0) { |
|
||||
this.detailItem = { ...this.scanCodeDetail } |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
onLoad(options) { |
|
||||
const { id } = options; |
|
||||
if (id) { |
|
||||
this.id = id; |
|
||||
let detailItem = uni.getStorageSync('detail') |
|
||||
if (detailItem) { |
|
||||
this.detailItem = JSON.parse(detailItem) |
|
||||
} |
|
||||
this.price = this.detailItem.price; |
|
||||
// this.price1 = this.detailItem.price1 || '' |
|
||||
this.buying_price = this.detailItem.buying_price; |
|
||||
|
|
||||
} |
|
||||
// else{ |
|
||||
// // 扫描后的弹出框信息 |
|
||||
// // scanCodeDetail props传参 |
|
||||
// this.detailItem = {...this.scanCodeDetail} |
|
||||
// } |
|
||||
}, |
|
||||
methods:{ |
|
||||
onCancel() { |
|
||||
this.$refs.ratePopup.closePop(); |
|
||||
}, |
|
||||
onEdit() { |
|
||||
this.$refs.ratePopup.openPop(); |
|
||||
}, |
|
||||
|
|
||||
updatePrice(type){ |
|
||||
let params={ |
|
||||
scan_code_detail:JSON.stringify({...this.detailItem}), |
|
||||
rating_code:this.detailItem.rating_code, |
|
||||
rating_agency_id:this.detailItem.rating_agency_id |
|
||||
} |
|
||||
if(type == 'buying_price'){ |
|
||||
if(!this.buying_price.trim() || !this.buying_price.length)return |
|
||||
params.buying_price = this.buying_price; |
|
||||
}else{ |
|
||||
if(!this.price.trim() || !this.price.length)return |
|
||||
params.price = this.price; |
|
||||
} |
|
||||
this.$http.req('/api/update_price', { |
|
||||
...params |
|
||||
}, 'POST').then(data => { |
|
||||
if (data == -1) return |
|
||||
this.$pop.modelShow(data.msg) |
|
||||
|
|
||||
}).catch(res => { |
|
||||
}); |
|
||||
}, |
|
||||
async onConfirm() { |
|
||||
const params = {...this.detailItemNew} |
|
||||
console.log('执行了'); |
|
||||
// this.$http.req('/api/update_price', { |
|
||||
// ...params |
|
||||
// }, 'POST').then(data => { |
|
||||
// if (data == -1) return |
|
||||
// this.$refs.ratePopup.closePop(); |
|
||||
|
|
||||
// }).catch(res => { |
|
||||
// }); |
|
||||
}, |
|
||||
async scanQrcode() { |
|
||||
// this.detailItemNew = {...this.detailItem} |
|
||||
// this.$refs.ratePopup.openPop(); |
|
||||
|
|
||||
// #ifdef MP-WEIXIN |
|
||||
uni.scanCode({ |
|
||||
scanType: ['barCode', 'qrCode'], |
|
||||
success: (res) => { |
|
||||
this.getScanQrcode(res.result) |
|
||||
}, |
|
||||
complete(res) { |
|
||||
if (res.errMsg === 'scanCode:ok') { |
|
||||
console.log('扫码成功11:', res.result, this); |
|
||||
} else if (res.errMsg === 'scanCode:fail cancel') { |
|
||||
console.log('用户取消扫码'); |
|
||||
} else { |
|
||||
uni.showToast({ |
|
||||
title: '扫码失败' + JSON.stringify(res.errMsg), |
|
||||
icon: 'none' |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
// #endif |
|
||||
}, |
|
||||
getScanQrcode(result) { |
|
||||
this.$http.req('/api/get_scan_code_detail', { |
|
||||
url: result |
|
||||
}, 'POST').then(data => { |
|
||||
if (data == -1) return |
|
||||
this.detailItemNew = data; |
|
||||
this.$set(this, 'detailItemNew', data) |
|
||||
setTimeout(() => { |
|
||||
this.isShowCoinModal = true |
|
||||
this.$refs.ratePopup.openPop(); |
|
||||
}, 500) |
|
||||
}).catch(res => { |
|
||||
}); |
|
||||
}, |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.flex1{ |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
flex: 1; |
|
||||
input{ |
|
||||
flex: 1; |
|
||||
text-align: right; |
|
||||
} |
|
||||
} |
|
||||
.flex-between { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
} |
|
||||
.status3{ |
|
||||
font-size: 28rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: normal; |
|
||||
text-align: right; |
|
||||
letter-spacing: 0.24rpx; |
|
||||
color: #E81F1F; |
|
||||
gap: 10rpx; |
|
||||
} |
|
||||
.label{ |
|
||||
color: #333333; |
|
||||
font-size: 28rpx; |
|
||||
letter-spacing: 0.24rpx; |
|
||||
} |
|
||||
.green{ |
|
||||
background: #F0F9EB; /* #F0F9EB */ |
|
||||
input{ |
|
||||
border-color: #39D067; |
|
||||
} |
|
||||
} |
|
||||
.orange{ |
|
||||
background: #FFEFE3; |
|
||||
input{ |
|
||||
border-color: #DCDCDC; |
|
||||
} |
|
||||
} |
|
||||
.bottom{ |
|
||||
margin-bottom: 20rpx; |
|
||||
} |
|
||||
.showPriceContent{ |
|
||||
padding: 0 42rpx 24rpx 42rpx; |
|
||||
background: #fff; |
|
||||
} |
|
||||
.showPriceWrap{ |
|
||||
padding: 24rpx; |
|
||||
font-family: PingFang SC; |
|
||||
font-size: 28rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: normal; |
|
||||
text-align: right; |
|
||||
letter-spacing: 0.24rpx; |
|
||||
color: #333333; |
|
||||
input{ |
|
||||
text-align: left; |
|
||||
flex: 1; |
|
||||
&::placeholder{ |
|
||||
color: #999999; |
|
||||
} |
|
||||
} |
|
||||
.inputWrap{ |
|
||||
// width: 618rpx; |
|
||||
margin-top: 12rpx; |
|
||||
height: 86rpx; |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
padding: 22rpx 24rpx; |
|
||||
align-self: stretch; |
|
||||
border-radius: 10rpx; |
|
||||
box-sizing: border-box; |
|
||||
background: #FFFFFF; |
|
||||
border: 2rpx solid #DCDCDC; |
|
||||
transition: all .3s; |
|
||||
font-size: 30rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: normal; |
|
||||
letter-spacing: 0.22rpx; |
|
||||
color: #000000; |
|
||||
} |
|
||||
.unit{ |
|
||||
font-family: PingFang SC; |
|
||||
font-size: 30rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: normal; |
|
||||
letter-spacing: 0.22rpx; |
|
||||
color: #333333; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.list-box-com { |
|
||||
width: 100%; |
|
||||
background: #FFFFFF; |
|
||||
box-sizing: border-box; |
|
||||
|
|
||||
.item { |
|
||||
// width: 692rpx; |
|
||||
box-sizing: border-box; |
|
||||
margin: 0 auto; |
|
||||
display: flex; |
|
||||
background: #FFFFFF; |
|
||||
justify-content: space-between; |
|
||||
line-height: 44rpx; |
|
||||
font-weight: 400; |
|
||||
align-items: center; |
|
||||
padding: 42rpx 0; |
|
||||
margin: 0 24rpx; |
|
||||
border-bottom: 2rpx solid #F0F0F0; |
|
||||
|
|
||||
.left { |
|
||||
text-align: left; |
|
||||
font-size: 32rpx; |
|
||||
font-weight: 500; |
|
||||
line-height: 44rpx; |
|
||||
letter-spacing: 2rpx; |
|
||||
color: #222222; |
|
||||
} |
|
||||
|
|
||||
.right { |
|
||||
flex-grow: 1; |
|
||||
display: flex; |
|
||||
justify-content: flex-end; |
|
||||
font-size: 32rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: normal; |
|
||||
text-align: right; |
|
||||
letter-spacing: 0.24rpx; |
|
||||
color: #666666; |
|
||||
gap: 24rpx; |
|
||||
align-items: center; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
.greenBorder { |
|
||||
border: 2rpx solid #39D067 !important; |
|
||||
transition: all .3s; |
|
||||
background: #fff; |
|
||||
} |
|
||||
.orangeBorder { |
|
||||
border: 2rpx solid rgba(253, 123, 19, 0.6) !important; |
|
||||
transition: all .3s; |
|
||||
background: #fff; |
|
||||
} |
|
||||
|
|
||||
.editImg { |
|
||||
width: 32rpx; |
|
||||
height: 32rpx; |
|
||||
} |
|
||||
|
|
||||
.coinsDetail-wrap { |
|
||||
.list-wrap { |
|
||||
padding: 0 18rpx 20rpx 18rpx; |
|
||||
} |
|
||||
|
|
||||
.top { |
|
||||
margin-top: 20rpx; |
|
||||
} |
|
||||
} |
|
||||
.editRate{ |
|
||||
width: 648rpx; |
|
||||
height: 90rpx; |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
padding: 23rpx 10rpx; |
|
||||
box-sizing: border-box; |
|
||||
gap: 10px; |
|
||||
border-radius: 12rpx; |
|
||||
background: #E2E4E7; |
|
||||
font-family: PingFang SC; |
|
||||
font-size: 32rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: 44rpx; |
|
||||
text-align: center; |
|
||||
margin: 0 auto; |
|
||||
margin-top: 58rpx; |
|
||||
letter-spacing: normal; |
|
||||
color: #666666; |
|
||||
image{ |
|
||||
width: 42rpx; |
|
||||
height: 42rpx; |
|
||||
} |
|
||||
} |
|
||||
.rate-content{ |
|
||||
// padding: 0 24rpx; |
|
||||
} |
|
||||
.popWrap { |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
max-height: 1100rpx; |
|
||||
height: 70%; |
|
||||
.pop-title { |
|
||||
height: 40rpx; |
|
||||
text-align: center; |
|
||||
padding: 42rpx 0 22rpx 0; |
|
||||
font-size: 36rpx; |
|
||||
font-weight: 500; |
|
||||
line-height: 50rpx; |
|
||||
text-align: center; |
|
||||
letter-spacing: 2rpx; |
|
||||
color: #000000; |
|
||||
background: #fff; |
|
||||
} |
|
||||
.content { |
|
||||
flex: 1; |
|
||||
// padding: 0 24rpx; |
|
||||
background: #fff; |
|
||||
padding-bottom: 94px; |
|
||||
overflow-y: auto; |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
.ratePopup :v-deep .user-info{ |
|
||||
margin: 0; |
|
||||
} |
|
||||
.rate-content{ |
|
||||
padding: 0 24rpx; |
|
||||
.rate-item{ |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
padding: 42rpx 24rpx; |
|
||||
box-sizing: border-box; |
|
||||
border-width: 0px 0px 2rpx 0px; |
|
||||
border-style: solid; |
|
||||
border-color: #F0F0F0; |
|
||||
.label{ |
|
||||
font-size: 32rpx; |
|
||||
font-weight: 500; |
|
||||
line-height: 44rpx; |
|
||||
letter-spacing: 2rpx; |
|
||||
color: #222222; |
|
||||
} |
|
||||
input{ |
|
||||
font-size: 32rpx; |
|
||||
font-weight: normal; |
|
||||
line-height: normal; |
|
||||
text-align: right; |
|
||||
letter-spacing: 0.24rpx; |
|
||||
color: #666666; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.bottom-btn { |
|
||||
height: 92rpx; |
|
||||
width: 100%; |
|
||||
margin: 16rpx 0; |
|
||||
line-height: 92rpx; |
|
||||
text-align: center; |
|
||||
|
|
||||
font-size: 32rpx; |
|
||||
border-radius: 16rpx; |
|
||||
border: none; |
|
||||
padding: 0; |
|
||||
|
|
||||
&.primary { |
|
||||
background-color: #39D067; |
|
||||
color: #FFFFFF; |
|
||||
} |
|
||||
|
|
||||
&.cancel { |
|
||||
background-color: #F1F2F3; |
|
||||
color: #616266; |
|
||||
} |
|
||||
|
|
||||
&::after { |
|
||||
border: none; |
|
||||
} |
|
||||
|
|
||||
&.disabled { |
|
||||
background-color: #CCCCCC; |
|
||||
opacity: 0.7; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.page-bottom-btn-container { |
|
||||
box-sizing: border-box; |
|
||||
background-color: #FFFFFF; |
|
||||
padding: 0rpx 54rpx; |
|
||||
box-shadow: 0px -2rpx 6rpx 0rpx rgba(181, 181, 181, 0.1319); |
|
||||
z-index: 9; |
|
||||
padding-bottom: constant(safe-area-inset-bottom); |
|
||||
padding-bottom: env(safe-area-inset-bottom); |
|
||||
column-gap: 50rpx; |
|
||||
} |
|
||||
.qrcode_wrap { |
|
||||
background: #fff; |
|
||||
height: 166rpx; |
|
||||
position: fixed; |
|
||||
width: 100%; |
|
||||
left: 0; |
|
||||
bottom: 0; |
|
||||
box-shadow: 0px -2rpx 116rpx 0px rgba(181, 181, 181, 0.26); |
|
||||
|
|
||||
// img { |
|
||||
// width: 122rpx; |
|
||||
// height: 142rpx; |
|
||||
// position: absolute; |
|
||||
// top: -42rpx; |
|
||||
// left: 50%; |
|
||||
// transform: translateX(-50%); |
|
||||
// } |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,25 +0,0 @@ |
|||||
<template> |
|
||||
<view> |
|
||||
<calendar ref="calendar"/> |
|
||||
<PageBottomBtn :showCancel="false" text="返回" @click="gotoHome"></PageBottomBtn> |
|
||||
</view> |
|
||||
</template> |
|
||||
<script> |
|
||||
import PageBottomBtn from '@/components/pageBottomBtn.vue' |
|
||||
|
|
||||
import calendar from '@/components/calendar.vue' |
|
||||
|
|
||||
export default { |
|
||||
options: { styleIsolation: "shared" }, |
|
||||
components: { |
|
||||
calendar, |
|
||||
PageBottomBtn |
|
||||
}, |
|
||||
methods:{ |
|
||||
gotoHome(){ |
|
||||
let url = `/pages/home/index` |
|
||||
this.$nav.navToPath(url) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,252 +0,0 @@ |
|||||
<template> |
|
||||
<view class="column"> |
|
||||
<view class="search-wrapper flex"> |
|
||||
<div class="search-main" :class="{ 'search-main-focus': keyWords > 0 }"> |
|
||||
<image class="icon" :src="cssUrl + 'prescriptSearch.svg'" mode="widthFix"></image> |
|
||||
<input class="ft46 input-box" placeholder-class="placeholder-style" placeholder="搜索患者姓名" |
|
||||
v-model="keyword" /> |
|
||||
<view class="search-text" :class="{ 'green': keyWords > 0 }" @click="getSearch">搜索</view> |
|
||||
</div> |
|
||||
</view> |
|
||||
<view class="patientTab"> |
|
||||
<view :class="'notActive ft32' + (status == '1' ? ' active PfScMedium' : '')" @tap="changeWaitType('1')"> |
|
||||
库存列表</view> |
|
||||
<view :class="'notActive ft32' + (status == '2' ? ' active PfScMedium' : '')" @tap="changeWaitType('2')"> |
|
||||
出库列表 |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<scroll-view class="patient-type-tab1" @scrolltolower="onScroll" scroll-y> |
|
||||
<view class="bed-wait-container"> |
|
||||
<ListWrap :bedWaitList="bedWaitList" :type="status" /> |
|
||||
</view> |
|
||||
<view v-if="loading" class="loading-text">加载中...</view> |
|
||||
<view v-if="noMore" class="no-more-text">没有更多数据了</view> |
|
||||
<view class="page-padding" v-show="bedWaitList && bedWaitList.length && bedWaitList.length > 0"> |
|
||||
</view> |
|
||||
</scroll-view> |
|
||||
</view> |
|
||||
</template> |
|
||||
<script> |
|
||||
import ListWrap from '@/components/listWrap.vue' |
|
||||
|
|
||||
export default { |
|
||||
options: { styleIsolation: "shared" }, |
|
||||
components: { |
|
||||
ListWrap, |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
list: [], |
|
||||
cssUrl: this.cssUrl1, |
|
||||
status: '1', |
|
||||
loading: false, |
|
||||
noMore: false, |
|
||||
page: 1, |
|
||||
pagesize: 10, |
|
||||
keyword: '', |
|
||||
bedWaitList: [] |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
keyWords() { |
|
||||
return this.keyword.length |
|
||||
} |
|
||||
}, |
|
||||
onLoad(option) { |
|
||||
// var token = uni.getStorageSync("u_token"); |
|
||||
// 初始化情求 |
|
||||
this.getCoinsList() |
|
||||
// this.$refs.coinsPopup.openPop(); |
|
||||
}, |
|
||||
onPullDownRefresh() { |
|
||||
this.bedWaitList = []; |
|
||||
this.page = 1; |
|
||||
this.getCoinsList() |
|
||||
}, |
|
||||
onReachBottom() { |
|
||||
if (!this.noMore && !this.loading) { |
|
||||
this.page++; |
|
||||
this.getCoinsList(); |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
onScroll() { |
|
||||
if (!this.noMore && !this.loading) { |
|
||||
this.page++; |
|
||||
this.getCoinsList(); |
|
||||
} |
|
||||
}, |
|
||||
getSearch(){ |
|
||||
this.page = 1; |
|
||||
this.bedWaitList = []; |
|
||||
this.getCoinsList() |
|
||||
}, |
|
||||
changeWaitType(type) { |
|
||||
this.status = type; |
|
||||
this.page = 1; |
|
||||
this.bedWaitList = []; |
|
||||
// 调用列表查询接口 |
|
||||
this.getCoinsList() |
|
||||
}, |
|
||||
getCoinsList() { |
|
||||
this.loading = true; |
|
||||
// 获取列表信息 |
|
||||
this.$http.req('/api/getlist', { status: this.status, page: this.page, pagesize: this.pagesize, keyword: this.keyword }, 'POST').then(data => { |
|
||||
uni.stopPullDownRefresh(); |
|
||||
this.loading = false; |
|
||||
if (data.list.length === 0 || data.length == 0) { |
|
||||
this.noMore = true; |
|
||||
uni.showToast({ title: '没有更多数据了', icon: 'none' }); |
|
||||
return; |
|
||||
} |
|
||||
debugger |
|
||||
// 如果是第一页直接替换，否则追加 |
|
||||
if (this.page === 1) { |
|
||||
this.bedWaitList = data.list; |
|
||||
} else { |
|
||||
this.bedWaitList = [...this.bedWaitList, ...data.list]; |
|
||||
} |
|
||||
console.log(this.bedWaitList,'bedWaitList==='); |
|
||||
this.storage_count = data.storage_count; |
|
||||
this.delivery_count = data.delivery_count; |
|
||||
}).catch(res => { |
|
||||
this.loading = false; |
|
||||
}); |
|
||||
}, |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.column{ |
|
||||
display: flex; |
|
||||
height: 100%; |
|
||||
flex-direction: column; |
|
||||
} |
|
||||
.loading-text, |
|
||||
.no-more-text { |
|
||||
text-align: center; |
|
||||
padding: 20rpx; |
|
||||
color: #999; |
|
||||
} |
|
||||
.patient-type-tab1 { |
|
||||
height: 0; |
|
||||
width: 100%; |
|
||||
background: white; |
|
||||
flex: 1; |
|
||||
|
|
||||
.bed-wait-container { |
|
||||
padding: 0rpx 42rpx; |
|
||||
background: white; |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
|
|
||||
.search-main-focus { |
|
||||
border: 2rpx solid #39D067 !important; |
|
||||
transition: all .3s; |
|
||||
background: #fff; |
|
||||
} |
|
||||
|
|
||||
.green { |
|
||||
color: #4DC56D !important; |
|
||||
} |
|
||||
|
|
||||
.search-wrapper { |
|
||||
margin-top: 20rpx; |
|
||||
padding: 20rpx 42rpx; |
|
||||
background: #fff; |
|
||||
|
|
||||
input:focus { |
|
||||
border-color: #39D067; |
|
||||
} |
|
||||
|
|
||||
.search-main { |
|
||||
transition: all .3s; |
|
||||
border: 2rpx solid transparent; |
|
||||
width: 100%; |
|
||||
border-radius: 6px; |
|
||||
background: #F7F7F7; |
|
||||
box-sizing: border-box; |
|
||||
display: flex; |
|
||||
height: 70rpx; |
|
||||
align-items: center; |
|
||||
padding: 0rpx 20rpx; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
|
|
||||
.search-main-left { |
|
||||
align-items: center; |
|
||||
gap: 12rpx; |
|
||||
color: #999999; |
|
||||
} |
|
||||
|
|
||||
.input-box { |
|
||||
height: 70rpx; |
|
||||
line-height: 70rpx; |
|
||||
font-size: 28rpx; |
|
||||
color: #000000; |
|
||||
text-align: left; |
|
||||
flex: 1; |
|
||||
padding-left: 12rpx; |
|
||||
} |
|
||||
|
|
||||
.icon { |
|
||||
width: 34rpx; |
|
||||
display: block; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.patientTab { |
|
||||
width: 100%; |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
height: 120rpx; |
|
||||
align-items: center; |
|
||||
margin-top: 20rpx; |
|
||||
padding: 0 62rpx; |
|
||||
box-sizing: border-box; |
|
||||
justify-content: space-between; |
|
||||
background: white; |
|
||||
border-radius: 12rpx 12rpx 0rpx 0rpx; |
|
||||
border-bottom: 2rpx solid rgba(0, 0, 0, 0.15); |
|
||||
// box-shadow: 0px 1rpx 0rpx 0rpx rgba(0, 0, 0, 0.15); |
|
||||
|
|
||||
.notActive { |
|
||||
width: 269rpx; |
|
||||
height: 100%; |
|
||||
text-align: center; |
|
||||
font-weight: 400; |
|
||||
color: #666666; |
|
||||
font-size: 32rpx; |
|
||||
line-height: 120rpx; |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
|
|
||||
.wait-bed-num { |
|
||||
padding: 0px 14rpx; |
|
||||
box-sizing: border-box; |
|
||||
width: auto; |
|
||||
height: 38rpx; |
|
||||
min-width: 60rpx; |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
border-radius: 60rpx; |
|
||||
background: #FFEBEB; |
|
||||
font-size: 28rpx; |
|
||||
color: #FF1818; |
|
||||
margin-left: 10rpx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.active { |
|
||||
font-weight: 500; |
|
||||
color: #4DC56D; |
|
||||
box-sizing: border-box; |
|
||||
border-bottom: 4rpx solid #4DC56D; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
|
Before Width: | Height: | Size: 942 B |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 949 B |
|
Before Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 13 KiB |
Loading…
Reference in new issue