detection-business/pages/order/editPrice.vue

374 lines
7.1 KiB
Vue
Raw Normal View History

2024-09-11 15:55:28 +08:00
<!-- 编辑-->
<template>
<view class="content">
<view style="width: 100%; height: 44px;"></view>
<view class="top-heder">
<view class="t-left" @click="getback()">
<uni-icons type="left" size="18"></uni-icons>
</view>
<view class="t-title">
<text>编辑价格</text>
</view>
<view class="t-you"></view>
</view>
<!-- <view class="top-heder">
<view class="t-left" @click="getback()">
<uni-icons type="left" size="18"></uni-icons>
</view>
<view class="t-title">
<text>商品价格</text>
</view>
<view class="t-you"></view>
</view> -->
<u-collapse accordion :value="'0'" style="margin-top: 15px;">
<u-collapse-item :name="index" :title="item.skuName" v-for="(item, index) in releasebox.skuList" :key="index">
<view class="list-box">
<view class="l-left">代办价格</view>
<view class="l-right">
<input type="number" v-model="item.dbPrice" placeholder="请输入代办价格">
</view>
</view>
<view class="list-box">
<view class="l-left">单位管理员价格</view>
<view class="l-right">
<input type="number" v-model="item.dwPrice" placeholder="请输入单位管理员价格">
</view>
</view>
<view class="list-box">
<view class="l-left">员工价格</view>
<view class="l-right">
<input type="number" v-model="item.ygPrice" placeholder="请输入员工价格">
</view>
</view>
</u-collapse-item>
</u-collapse>
<view class="dlanniu" @click="getgoods()" >
<text>提交</text>
</view>
</view>
</template>
<script>
import config from '@/config';
import request from '../../utils/request';
import upload from '@/utils/upload.js'
export default {
data() {
return {
baseUrl:this.$baseUrl,
goodsId:'',
one:false,
two:false,
three:false,
show:false,
guige:false,
msg:'3',
tapnum:0,
value5:'',
tian:{
skuName:'',//规格名称
price:''//规格价格
},
fileList4:[],
fileList6:[],
taplist:[
{Text:'已发布'},
{Text:'待上架'},
],
fenlist:[],
ftitle:null,
releasebox:{
id:'',
partnerId:'',//合作商id
skuList:[
{skuName:'安检',price:''},
{skuName:'环检',price:''},
{skuName:'安检+环检',price:''},
]
}
}
},
onLoad(option) {
this.releasebox.id = option.id
},
mounted() {
this.releasebox.partnerId = uni.getStorageSync('partnerId')
this.getindex()
},
methods: {
async getindex(){
// 回显
let resx = await request({
url:'/partnerOwn/partner/goodsDetail?goodsId='+this.releasebox.id,
method: 'get',
})
console.log(resx);
this.releasebox = resx.data
this.releasebox.skuList.forEach(it=>{
it.dbPrice = it.dbPrice/100
it.ygPrice = it.ygPrice/100
it.dwPrice = it.dwPrice/100
})
},
async getgoods(){
let reqData = JSON.parse(JSON.stringify(this.releasebox))
reqData.skuList.forEach(it=>{
it.dbPrice = it.dbPrice*100
it.ygPrice = it.ygPrice*100
it.dwPrice = it.dwPrice*100
})
let res = await request({
url:'/partnerOwn/partner/editSkuPrice',
method: 'post',
data : reqData
})
if(res.code == 200){
uni.showToast({
title:"修改成功"
})
setTimeout(() => {
uni.navigateBack()
}, 1000);
}
},
getback(){
uni.navigateBack()
},
}
}
</script>
<style scoped lang="scss">
/deep/.u-cell__title-text{
font-size: 17px !important;
line-height: 22px;
color: #303133;
font-weight: bold !important;
}
.content {
box-sizing: border-box;
width: 100%;
height: calc(100vh);
background: white;
}
.top-heder{
width: 100%;
height: 46px;
background: white;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 5px 15px;
}
.t-title{
font-size: 17px;
font-weight: bold;
color: #333333;
}
.t-left{
width: 10%;
}
.t-you{
height: 100%;
background-color: white;
width: 20%;
}
.t-input{
width: 80%;
height: 36px;
background: #F0F0F0;
border-radius: 50px;
box-sizing: border-box;
padding: 0 15px;
display: flex;
align-items: center;
}
.top-ail{
width: 100%;
box-sizing: border-box;
padding: 15px;
background-color: #F4F4F4;
// height: calc(100vh);
}
.mub{
background-color: #F4F4F4;
height: calc(100vh);
}
.dix{
display: flex;
align-items: center;
}
.upimg{
width: 100%;
height: 126px;
border-radius: 8px;
box-sizing: border-box;
background-color: white;
image{
width: 100%;
height: 100%;
}
}
.box-list{
width: 100%;
border-radius: 8px;
box-sizing: border-box;
padding: 10px;
background-color: white;
margin: 10px auto;
}
.list-box{
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 15px 5px;
border-bottom: 1px solid #EEEEEE;
}
.l-left{
font-size: 16px;
font-weight: 400;
color: #333333;
}
.l-right{
font-size: 16px;
font-weight: 400;
color: #999999;
text-align: right;
}
.xiaolan{
// width: 109px;
// height: 30px;
background: #E2EAFF;
border-radius: 50px;
display: flex;
align-content: center;
justify-self: center;
box-sizing: border-box;
padding: 5px;
font-size: 14px;
font-weight: 400;
color: #0D2E8D;
}
.xiaohui{
// width: 141px;
// height: 30px;
box-sizing: border-box;
padding: 0px 10px;
background: #F7F7F7;
border-radius: 50px ;
display: flex;
align-items: center;
justify-content: center;
margin: 10px ;
}
.hui-right{
border-left:1px solid #DDDDDD;
padding: 5px;
margin-left: 5px;
}
.wrap-box{
width: 100%;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.bottom-di{
width: 100%;
height: 56px;
background: #FFFFFF;
border-radius: 8px;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: 0px 20px;
margin-bottom: 10px;
}
.thui{
font-size: 16px;
font-weight: 400;
color: #666666;
margin-top: 10px;
margin-left: 8px;
}
.imgs{
box-sizing: border-box;
margin-top: 20px;
}
.p-box{
border-radius: 10px;
overflow: hidden;
box-sizing: border-box;
padding: 20px;
width: 100%;
background-color: white;
}
.p-top{
width: 100%;
text-align: center;
font-size: 17px;
font-weight: bold;
color: #000000;
margin-bottom: 20px;
}
.on-input{
width: 100%;
display: flex;
align-items: center;
box-sizing: border-box;
}
.ipt-kuang{
width: 70%;
height: 30px;
background: #FFFFFF;
border-radius: 8px 8px 8px 8px;
opacity: 1;
border: 1px solid #DDDDDD;
display: flex;
align-items: center;
margin: 10px auto;
box-sizing: border-box;
padding: 0px 10px;
}
.t-left{
width: 20%;
font-size: 14px;
font-weight: 400;
color: #000000;
}
.dlanniu{
width: 80%;
height: 45px;
background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
color: white;
}
.da{
font-size: 16px;
}
</style>