123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335 |
- <template>
- <view style="padding-top: 0.01rpx;">
- <view style="width: 100%;margin: 0 auto;height: 800rpx;">
- <!-- <image v-for="(ite,ind) in form.filesList" :key="ind" v-if="ite.version === '0'" :src="ite.url" style="width: 100%;height: 100%;border-radius: 20rpx;"></image> -->
- <u-swiper :list="form.filesList" indicator indicatorMode="dot"
- :autoplay="false" height="800rpx" @click="swiperclick"></u-swiper>
- </view>
- <view class="contentBox">
- <view style="display: flex;align-items: center;">
- <view>
- <text style="font-size: 58rpx;color: red;margin-right: 20rpx;">¥{{checkStatus == '通过'?form.mallPrice || 0:'***'}}</text>
- <!-- <text style="font-size: 48rpx;text-decoration:line-through;">¥{{form.standardPrice}}</text> -->
- </view>
- <view style="display: flex;">
- <view v-if="form.billType == 0"
- style="font-size: 16rpx;background-color: #E75F37;color: #fff;padding: 6rpx;border-radius: 6rpx;">
- 今日达</view>
- <view v-else
- style="font-size: 16rpx;background-color: #5ac725;color: #fff;padding: 6rpx;border-radius: 6rpx;">
- 次日达</view>
- </view>
- </view>
- <view>
- <text>{{form.cname}}</text>
- </view>
- </view>
- <view class="head">
- <u-cell-group title-bg-color="rgb(243, 244, 246)" :border="false">
- <u-cell :isLink="false" :border="false" center>
- <template slot="title">
- <u-radio-group
- v-model="dataForm.type"
- placement="row"
- @change="groupChange">
- <u-radio activeColor="#E75F37" v-if="dataForm.thisLocality"
- :label="`今日达(库存:${~~(dataForm.thisLocality.inventory) > 10?'充足':~~(dataForm.thisLocality.inventory)})`" :name="0"></u-radio>
- <u-radio activeColor="#E75F37" v-if="dataForm.offsite"
- :label="`次日达(库存:${~~(dataForm.offsite.inventory) > 10?'充足':~~(dataForm.offsite.inventory)})`" :name="1"></u-radio>
- </u-radio-group>
- </template>
- <template slot="value">
- <view>
- <u-icon :name="inventoryFalse?'arrow-up':'arrow-down'" @click="inventoryFalsefun()"></u-icon>
- </view>
- </template>
- </u-cell>
- </u-cell-group>
-
- <u-cell-group title-bg-color="rgb(243, 244, 246)" :border="false" v-if="inventoryFalse">
- <u-cell v-for="(item,index) in inventoryData" :key="index"
- :title="item.storageName" :value="Number(item.storeInventory) > 10?'充足':Number(item.storeInventory)"></u-cell>
- </u-cell-group>
-
- <u-cell-group title-bg-color="rgb(243, 244, 246)" :border="false">
- <!-- <u-cell title="所属公司:" :isLink="true" :border="false" center
- @click="filterAll(['salesCompanyName','salesCompanyId'])">
- <template slot="value">
- <text>{{form.salesCompanyName}}</text>
- </template>
- </u-cell> -->
- <u-cell :isLink="false" :border="false" center>
- <template slot="title">
- <!-- 一种利用符号进行的类型转换,转换成数字类型 -->
- <text>库存:{{form.inventory?~~(form.inventory) > 10?'充足':~~(form.inventory):''}}</text>
- </template>
- <template slot="value">
- <u-number-box v-model="form.goodsNum" :min="1" :max="form.inventory"></u-number-box>
- </template>
- </u-cell>
- </u-cell-group>
- </view>
- <view class="head">
- <u-cell-group title-bg-color="rgb(243, 244, 246)" :border="false" v-if="arrow">
- <u-cell :isLink="false" :border="false" center>
- <template slot="title">
- <text>规格型号:</text>
- </template>
- <template slot="value">
- <text>{{form.specificationAndModel||''}}</text>
- </template>
- </u-cell>
- <u-cell :isLink="false" :border="false" center>
- <template slot="title">
- <text>花纹:</text>
- </template>
- <template slot="value">
- <text>{{form.brandItem||''}}</text>
- </template>
- </u-cell>
- <u-cell :isLink="false" :border="false" center>
- <template slot="title">
- <text>产地:{{form.placeProduction||''}}</text>
- </template>
- <template slot="value">
- <text>防爆:{{form.explosionProof==1?"是":"否"}}</text>
- </template>
- </u-cell>
- <u-cell :isLink="false" :border="false" center>
- <template slot="title">
- <text>原厂:{{form.originalFactory==1?'是':'否'}}</text>
- </template>
- <template slot="value">
- <text>自修补:{{form.selfRecovery==1?'是':'否'}}</text>
- </template>
- </u-cell>
- </u-cell-group>
- <view style="margin: 0 auto;" @click="arrow = !arrow">
- <u-icon name="arrow-up" labelPos="top" size="28" v-if="arrow"></u-icon>
- <u-icon name="arrow-down" labelPos="top" size="28" v-else></u-icon>
- </view>
- </view>
- <u-divider text="商品详情"></u-divider>
- <view style="width: 100%;margin-bottom: 100rpx;">
- <view v-html="form.detailsText"></view>
- </view>
- <view style="width: 100%;position: fixed;bottom: 0;background-color: #fff;border-top: 1rpx solid #ccc;padding-bottom: env(safe-area-inset-bottom);">
- <view style="width: 100%;display: flex;font-size: 24rpx;">
- <view @click="shoppingCart"
- style="width: 25%;display: grid;justify-items: center;padding: 10rpx 0;border-right: 1rpx solid #ccc;">
- <u-icon name="shopping-cart"></u-icon>
- <view>总换记录</view>
- </view>
- <view @click="placeAnOrder" v-if="form.inventory > 0"
- style="width: 75%;background-color: #E75F37;display: grid;justify-items: center;">
- <u-icon name="checkmark" color="#fff"></u-icon>
- <view style="color: #fff;">立即兑换</view>
- </view>
- <view @click="soldOut" v-else
- style="width: 75%;background-color: #969696;display: grid;justify-items: center;">
- <u-icon name="close" color="#fff"></u-icon>
- <view style="color: #fff;">已售罄</view>
- </view>
- </view>
- </view>
- <u-picker :show="showWarehouse" :columns="columns" :keyName="keyName" @confirm="confirmWarehouse"
- @cancel="showWarehouse = false"></u-picker>
-
- <!-- 提取去登录 -->
- <u-modal :show="adminShow" :showCancelButton="true" content='当前还未登录请先登录!!'
- @confirm="adminConfirm"
- @cancel="adminShow = false" ></u-modal>
- </view>
- </template>
- <script>
- import {
- appDetail,
- addToCart,
- appModifyPrice,
- stockDescList,
- orderIntegralExchange
- } from '@/api/tabBar/home.js'
- export default {
- data() {
- return {
- checkboxValue:[],
- form: {
- shareList: []
- },
- arrow:false,
- dataList: [],
- screen: {},
- columns: [],
- keyName: '',
- showWarehouse: false,
- dataForm:{
- thisLocality:{},
- offsite:{}
- },
- inventoryFalse:false,
- inventoryData:[],
- // 审核状态
- checkStatus:'',
-
- adminShow:false,
- userInfo:{}, // 当前登录人信息
- }
- },
- onLoad(onLoad) {
- this.userInfo = uni.getStorageSync('userInfo')
- this.checkStatus = uni.getStorageSync('checkStatus');
- appDetail(onLoad).then(res => {
- this.dataForm = res.data
- if(res.data.type == 0){
- this.form = res.data.thisLocality
- }else{
- this.form = res.data.offsite
- }
- this.form.goodsNum = Number(this.form.goodsNum)
- })
- },
- methods: {
- // admin确认
- adminConfirm(){
- uni.clearStorageSync();
- uni.redirectTo({
- url: '/pages/login/login'
- })
- },
- // 轮播图点击预览
- swiperclick(e){
- let arr = this.form.filesList.map(item=>{
- return item.url
- })
- uni.previewImage({
- count:arr[e],
- current:e,
- urls:arr
- })
- },
- inventoryFalsefun(){
- this.inventoryFalse = !this.inventoryFalse
- this.stockDescListfun()
- },
- // 库存查询
- stockDescListfun(){
- stockDescList({
- cname:this.form.cname,
- whether:0
- }).then(res=>{
- this.inventoryData = res.data.records
- })
- },
- soldOut() {
- uni.showToast({
- icon: "none",
- title: '商品已售罄',
- mask: true
- });
- },
- backToHome() {
- uni.$u.route({
- url: 'pages/tabBar/home',
- type: "switchTab"
- })
- },
- // 加入购物车
- placeAnOrder() {
- if(uni.getStorageSync('userInfo').tenant_id == '000000') {
- this.adminShow = true
- return
- }
- uni.showLoading({
- title: '加载中',
- mask: true
- });
- orderIntegralExchange({
- ...this.form,
- bsType:'XS',
- detailsText: ''
- }).then(res => {
- uni.hideLoading();
- uni.showToast({
- title: "商品兑换成功",
- icon: "none",
- mask:true,
- duration:2500
- });
- }).catch(err => {
- uni.hideLoading();
- })
- },
- filterAll(screen) {
- this.screen = screen
- switch (screen[1]) {
- case "salesCompanyId":
- this.columns = [this.form.shareList]
- this.keyName = screen[1]
- this.showWarehouse = true
- break
- }
- },
- confirmWarehouse(e) {
- appModifyPrice({
- id: e.value[0].id
- }).then(res => {
- this.form.salesCompanyName = e.value[0].salesCompanyName
- this.form.salesCompanyId = e.value[0].salesCompanyId
- this.form.mallPrice = res.data.mallPrice
- this.form.inventory = res.data.inventory
- this.showWarehouse = false
- })
- },
- groupChange(val){
- console.log(val)
- if(val == 0){
- this.form = this.dataForm.thisLocality
- }else{
- this.form = this.dataForm.offsite
- }
- },
- shoppingCart() {
- uni.$u.route('/pages/tabBar/integralList/exchangeRecords');
- // uni.$u.route({
- // url: 'pages/tabBar/shoppingCart',
- // type: "switchTab"
- // })
- }
- }
- }
- </script>
- <style scoped>
- /* page {
- background-color: #f2f2f2 !important;
- } */
- .head {
- width: calc(96% - 40rpx);
- margin: 0 auto;
- background-color: #FFFFFF;
- margin-top: 20rpx;
- border-radius: 20rpx;
- padding: 10rpx 20rpx 10rpx 20rpx;
- }
- .contentBox {
- width: 96%;
- margin: 20rpx auto;
- background-color: #FFFFFF;
- border-radius: 20rpx;
- /* box-shadow: 0 5rpx 14rpx 0 rgba(101, 176, 249, 0.42); */
- padding-top: 15rpx;
- padding-bottom: 10rpx;
- }
- .textBox {
- padding: 0 15px;
- display: flex;
- justify-content: space-between;
- font-size: 24rpx;
- margin-bottom: 10rpx;
- align-items: flex-end;
- }
- </style>
|