|
|
|
|
@ -0,0 +1,959 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="container">
|
|
|
|
|
<van-cell-group>
|
|
|
|
|
<van-search style="padding: 20px 12px 5px 12px" shape="round" v-model="queryParams.name_0" clearable placeholder="型号 模糊查询" ></van-search >
|
|
|
|
|
<van-search style="padding: 5px 12px" shape="round" v-model="queryParams.model" clearable placeholder="规格 模糊查询" ></van-search >
|
|
|
|
|
<div style="padding: 0px 40px 0px 40px">
|
|
|
|
|
<van-button style="width: 100%" size="small" round plain type="info" native-type="submit" @click="handleSearchClick">搜索</van-button>
|
|
|
|
|
</div>
|
|
|
|
|
</van-cell-group>
|
|
|
|
|
|
|
|
|
|
<van-collapse v-model="activeNames">
|
|
|
|
|
<!-- 目录面板 -->
|
|
|
|
|
<van-collapse-item :title="mlTitle" name="muLu">
|
|
|
|
|
<div class="content-wrapper level-1">
|
|
|
|
|
<div v-for="(item, index) in modelList" :key="index" class="content-item" @click="selModelTag(item)">{{item.name_0}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-collapse-item>
|
|
|
|
|
|
|
|
|
|
<!-- 型号面板 -->
|
|
|
|
|
<van-collapse-item v-if="showXinghList" :title="xhTitle" name="xingHao">
|
|
|
|
|
<div class="content-wrapper level-2">
|
|
|
|
|
<div v-for="(item, index) in xinghList" :key="index" class="content-item" @click="selXinghTag(item)">{{item.name_0}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-collapse-item>
|
|
|
|
|
|
|
|
|
|
<!-- 子类面板 -->
|
|
|
|
|
<van-collapse-item v-if="showZlList" :title="zlTitle" name="ziLei">
|
|
|
|
|
<div class="content-wrapper level-3">
|
|
|
|
|
<div v-for="(item, index) in zlList" :key="index" class="content-item" @click="selZlTag(item)">{{item.name_0}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-collapse-item>
|
|
|
|
|
|
|
|
|
|
<!-- 衍生型号面板 -->
|
|
|
|
|
<van-collapse-item v-if="showYsxhList" :title="ysxhTitle" name="ySXingHao">
|
|
|
|
|
<div class="content-wrapper level-4">
|
|
|
|
|
<div v-for="(item, index) in ysxhList" :key="index" class="content-item" @click="selYsxhTag(item)">{{item.name_0}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-collapse-item>
|
|
|
|
|
|
|
|
|
|
<!-- 截面面板 -->
|
|
|
|
|
<van-collapse-item v-if="showJmList" :title="jmTitle" name="jieMian">
|
|
|
|
|
<div class="content-wrapper level-5">
|
|
|
|
|
<div v-for="(item, index) in jmList" :key="index" class="content-item" @click="selJmTag(item)">{{item.section}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</van-collapse-item>
|
|
|
|
|
</van-collapse>
|
|
|
|
|
<van-loading v-if="loadingLogo" size="24px">加载中...</van-loading>
|
|
|
|
|
<van-list
|
|
|
|
|
v-if="searchResultData.length"
|
|
|
|
|
v-model="loading"
|
|
|
|
|
:finished="finished"
|
|
|
|
|
finished-text="没有更多了"
|
|
|
|
|
@load="onLoad"
|
|
|
|
|
>
|
|
|
|
|
<div v-for="(result, index) in searchResultPagedData" :key="index">
|
|
|
|
|
<van-swipe-cell style="margin: 10px 0px">
|
|
|
|
|
<van-card
|
|
|
|
|
class="goods-card custom-card"
|
|
|
|
|
>
|
|
|
|
|
<template #title>
|
|
|
|
|
<span style="font-size: 15px; margin: 10px 20px 0px 0px">{{ result.model }}</span>
|
|
|
|
|
<span style="font-size: 15px; margin: 10px 20px 0px 0px">{{ result.spec }}</span>
|
|
|
|
|
<span style="font-size: 15px; margin: 10px 20px 0px 0px">{{ result.voltage }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #desc>
|
|
|
|
|
<div>
|
|
|
|
|
<div style="color: red;font-size: 15px; margin-top: 5px">{{ result.price + ' 元 / ' + result.stu }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</van-card>
|
|
|
|
|
<template #right>
|
|
|
|
|
<van-button square text="添加" @click="addItemToIsSelectList(result)" type="primary" class="delete-button" />
|
|
|
|
|
</template>
|
|
|
|
|
</van-swipe-cell>
|
|
|
|
|
</div>
|
|
|
|
|
</van-list>
|
|
|
|
|
<div style="position: fixed; bottom: 0;">
|
|
|
|
|
<van-goods-action safe-area-inset-bottom>
|
|
|
|
|
<van-goods-action-icon icon="cart-o" @click="shoppingCilck" text="选单" :badge="isSelectNumber" />
|
|
|
|
|
<van-goods-action-icon icon="shop-o" @click="infoClick" text="信息" />
|
|
|
|
|
<van-goods-action-button type="danger" @click="handleMadeQuotClick" text="生成报价单" />
|
|
|
|
|
</van-goods-action>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 优惠券列表 -->
|
|
|
|
|
<van-popup
|
|
|
|
|
v-model="showList"
|
|
|
|
|
round
|
|
|
|
|
position="bottom"
|
|
|
|
|
style="height: 90%; padding-top: 4px;"
|
|
|
|
|
>
|
|
|
|
|
<div style="padding-bottom: 60px">
|
|
|
|
|
<div v-for="(result, index) in isSelectList" :key="index">
|
|
|
|
|
<van-swipe-cell style="margin: 10px 0px">
|
|
|
|
|
<van-card
|
|
|
|
|
class="goods-card custom-card"
|
|
|
|
|
>
|
|
|
|
|
<template #title>
|
|
|
|
|
<div class="info-container">
|
|
|
|
|
<div class="column">
|
|
|
|
|
<span class="info-item">型号: {{ result.model }}</span>
|
|
|
|
|
<span class="info-item">电压: {{ result.voltage }}</span>
|
|
|
|
|
<span class="info-item">红本价(元): {{ result.price }}</span>
|
|
|
|
|
<span class="info-item">
|
|
|
|
|
<van-field label-width="60px" label="一次折扣" v-model="result.per" placeholder="一次折扣" />
|
|
|
|
|
</span>
|
|
|
|
|
<span class="info-item">
|
|
|
|
|
<van-field label-width="60px" label="数量" v-model="result.count" placeholder="数量" />
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="column">
|
|
|
|
|
<span class="info-item">规格: {{ result.spec }}</span>
|
|
|
|
|
<span class="info-item">单位: {{ result.stu }}</span>
|
|
|
|
|
<span class="info-item">单价(元): {{ result.setPrice }}</span>
|
|
|
|
|
<span class="info-item">
|
|
|
|
|
<van-field label-width="60px" label="二次折扣" v-model="result.per2" placeholder="二次折扣" />
|
|
|
|
|
</span>
|
|
|
|
|
<span class="info-item">总价: {{ result.allPrice }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<!-- <template #desc>-->
|
|
|
|
|
<!-- <div>-->
|
|
|
|
|
<!-- <div style="color: red;font-size: 15px; margin-top: 5px">{{ result.price + ' 元 / ' + result.stu }}</div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </template>-->
|
|
|
|
|
</van-card>
|
|
|
|
|
<template #right>
|
|
|
|
|
<van-button square text="删除" @click="removeItemFromIsSelectList(index)" type="danger" class="delete-button" />
|
|
|
|
|
</template>
|
|
|
|
|
</van-swipe-cell>
|
|
|
|
|
</div>
|
|
|
|
|
<van-goods-action>
|
|
|
|
|
<van-goods-action-button color="#be99ff" @click="closeDialog" type="warning" text="取消" />
|
|
|
|
|
<van-goods-action-button color="#7232dd" type="danger" text="确认" />
|
|
|
|
|
</van-goods-action>
|
|
|
|
|
</div>
|
|
|
|
|
</van-popup>
|
|
|
|
|
<van-popup
|
|
|
|
|
v-model="showPanel"
|
|
|
|
|
round
|
|
|
|
|
position="bottom"
|
|
|
|
|
style="height: 90%; padding-top: 4px;">
|
|
|
|
|
<van-form ref="form" :model="form" :rules="rules">
|
|
|
|
|
<van-field
|
|
|
|
|
ref="quotCustomer"
|
|
|
|
|
v-model="form.quotCustomer"
|
|
|
|
|
label="询价单位"
|
|
|
|
|
placeholder="输入询价单位"
|
|
|
|
|
required
|
|
|
|
|
:rules="[{ required: true, message: '' }]">
|
|
|
|
|
</van-field>
|
|
|
|
|
<van-field
|
|
|
|
|
ref="quotProject"
|
|
|
|
|
v-model="form.quotProject"
|
|
|
|
|
label="项目名称"
|
|
|
|
|
placeholder="输入项目名称"
|
|
|
|
|
required
|
|
|
|
|
:rules="[{ required: true, message: '' }]">
|
|
|
|
|
</van-field>
|
|
|
|
|
<van-field
|
|
|
|
|
ref="quotLxr"
|
|
|
|
|
v-model="form.quotLxr"
|
|
|
|
|
label="联系人"
|
|
|
|
|
placeholder="请输入联系人"
|
|
|
|
|
required
|
|
|
|
|
:rules="[{ required: true, message: '' }]">
|
|
|
|
|
</van-field>
|
|
|
|
|
<van-field
|
|
|
|
|
ref="quotLxrdh"
|
|
|
|
|
v-model="form.quotLxrdh"
|
|
|
|
|
label="联系电话"
|
|
|
|
|
placeholder="请输入联系电话"
|
|
|
|
|
required
|
|
|
|
|
:rules="[{ required: true, message: '' }]">
|
|
|
|
|
</van-field>
|
|
|
|
|
<van-field
|
|
|
|
|
v-model="sumSelectedResultData"
|
|
|
|
|
label="总价"
|
|
|
|
|
placeholder="请输入总价"
|
|
|
|
|
readonly>
|
|
|
|
|
</van-field>
|
|
|
|
|
<van-field
|
|
|
|
|
ref="totalPrice"
|
|
|
|
|
v-model="form.totalPrice"
|
|
|
|
|
label="总金额"
|
|
|
|
|
placeholder="请输入总金额"
|
|
|
|
|
v-if="false">
|
|
|
|
|
</van-field>
|
|
|
|
|
<van-field
|
|
|
|
|
ref="perc"
|
|
|
|
|
v-model="form.perc"
|
|
|
|
|
label="一次折扣"
|
|
|
|
|
placeholder="请输入一次折扣"
|
|
|
|
|
@blur="changeData"
|
|
|
|
|
@keyup.enter.native="changeData">
|
|
|
|
|
</van-field>
|
|
|
|
|
<van-field
|
|
|
|
|
ref="perc2"
|
|
|
|
|
v-model="form.perc2"
|
|
|
|
|
label="二次折扣"
|
|
|
|
|
placeholder="请输入二次折扣"
|
|
|
|
|
@blur="changeData"
|
|
|
|
|
@keyup.enter.native="changeData">
|
|
|
|
|
</van-field>
|
|
|
|
|
<van-field
|
|
|
|
|
readonly
|
|
|
|
|
:value="redBookText"
|
|
|
|
|
name="redBookText"
|
|
|
|
|
label="调价"
|
|
|
|
|
placeholder="点击选择调价"
|
|
|
|
|
@click="searchResultTotal === 0 ? redBookShowPicker = false : redBookShowPicker = true"
|
|
|
|
|
/>
|
|
|
|
|
<van-popup v-model="redBookShowPicker" position="bottom">
|
|
|
|
|
<van-picker
|
|
|
|
|
value-key="label"
|
|
|
|
|
:default-index="0"
|
|
|
|
|
show-toolbar
|
|
|
|
|
:columns="versionList"
|
|
|
|
|
@confirm="redBookOnConfirm"
|
|
|
|
|
@cancel="redBookShowPicker = false"
|
|
|
|
|
/>
|
|
|
|
|
</van-popup>
|
|
|
|
|
</van-form>
|
|
|
|
|
<van-goods-action>
|
|
|
|
|
<van-goods-action-button color="#be99ff" @click="closeInfoDialog" type="warning" text="关闭" />
|
|
|
|
|
</van-goods-action>
|
|
|
|
|
</van-popup>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import {toDecimal, productList,versionList,getQuotDetail,productRemarkList,productXinghList,judgeparent,productZlList,productYsxhListCheck,productYsxhList,productJmListCheck,productJmList,searchData,handleSearchData,saveQuot, madeQuot, madeXjQuot, updateSelectedResultData} from "@/api/redBook/redBook";
|
|
|
|
|
import { getToken } from "@/utils/auth";
|
|
|
|
|
import { Dialog } from 'vant';
|
|
|
|
|
export default {
|
|
|
|
|
name: "productSelectMobile",
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
redBookShowPicker: false,
|
|
|
|
|
redBookDicts: [], // 国家数据列表
|
|
|
|
|
//调价日期
|
|
|
|
|
redBookText: '',
|
|
|
|
|
/**-----------------面板数据初始化-------------------**/
|
|
|
|
|
activeNames: ['muLu'], // 默认显示第一个目录折叠面板
|
|
|
|
|
mlTitle: '目录',
|
|
|
|
|
xhTitle: '型号',
|
|
|
|
|
zlTitle: '子类',
|
|
|
|
|
ysxhTitle: '衍生型号',
|
|
|
|
|
jmTitle: '截面',
|
|
|
|
|
//目录
|
|
|
|
|
modelList: [],
|
|
|
|
|
//备注信息
|
|
|
|
|
showRemarkList: false,
|
|
|
|
|
remarkList: [],
|
|
|
|
|
//型号
|
|
|
|
|
showXinghList: false,
|
|
|
|
|
xinghList: [],
|
|
|
|
|
//子类
|
|
|
|
|
showZlList: false,
|
|
|
|
|
ZlList: [],
|
|
|
|
|
//衍生型号
|
|
|
|
|
showYsxhList: false,
|
|
|
|
|
ysxhList: [],
|
|
|
|
|
//截面
|
|
|
|
|
showJmList: false,
|
|
|
|
|
jmList: [],
|
|
|
|
|
/**-----------------面板数据初始化-------------------**/
|
|
|
|
|
//内容高度
|
|
|
|
|
scrollableHeight:null,
|
|
|
|
|
//已选结果表格高度
|
|
|
|
|
tableHeight:null,
|
|
|
|
|
|
|
|
|
|
//备注内容设置
|
|
|
|
|
expandedIndex: -1, // 默认没有展开的文本，设置为-1
|
|
|
|
|
id: 1,
|
|
|
|
|
|
|
|
|
|
//查询参数
|
|
|
|
|
queryParams: {
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//选中的目录tag
|
|
|
|
|
selectedModelTag:"",
|
|
|
|
|
selectedModelUid:"",
|
|
|
|
|
//选中的型号tag
|
|
|
|
|
selectedXinghTag:"",
|
|
|
|
|
selectedXinghUid:"",
|
|
|
|
|
//选中的子类tag
|
|
|
|
|
selectedZlTag:"",
|
|
|
|
|
selectedZlUid:"",
|
|
|
|
|
//选中的衍生型号tag
|
|
|
|
|
selectedYsxhTag:"",
|
|
|
|
|
selectedYsxhUid:"",
|
|
|
|
|
//选中的截面tag
|
|
|
|
|
selectedJmTag:"",
|
|
|
|
|
|
|
|
|
|
/**==============查询结果========================= */
|
|
|
|
|
// 遮罩层
|
|
|
|
|
searchResultLoading: false,
|
|
|
|
|
// 查询结果数据
|
|
|
|
|
searchResultTotal: 0,
|
|
|
|
|
searchResultCurrentPage: 1,
|
|
|
|
|
searchResultPageSize: 10,
|
|
|
|
|
searchResultData: [],
|
|
|
|
|
errSlIndex: [],//保存/导出时校验数量格式，错误索引
|
|
|
|
|
errPercIndex: [],//保存/导出时校验一次折扣格式，错误索引
|
|
|
|
|
errPerc2Index: [],//保存/导出时校验二次折扣格式，错误索引
|
|
|
|
|
|
|
|
|
|
/**==============已选择结果========================= */
|
|
|
|
|
selectedResultLoading: false,
|
|
|
|
|
//已选择的数据
|
|
|
|
|
selectedResultTotal: 0,
|
|
|
|
|
selectedResultCurrentPage: 1,
|
|
|
|
|
selectedResultPageSize: 10,
|
|
|
|
|
selectedResultData: [],
|
|
|
|
|
sliceResultData: [],
|
|
|
|
|
// 产品表格数据导入参数
|
|
|
|
|
productUpload: {
|
|
|
|
|
// 是否显示弹出层（用户导入）
|
|
|
|
|
open: false,
|
|
|
|
|
// 弹出层标题（用户导入）
|
|
|
|
|
title: "",
|
|
|
|
|
// 是否禁用上传
|
|
|
|
|
isUploading: false,
|
|
|
|
|
// 设置上传的请求头部
|
|
|
|
|
headers: { Authorization: "Bearer " + getToken() },
|
|
|
|
|
// 上传的地址
|
|
|
|
|
url: process.env.VUE_APP_BASE_API + "/redBook/redBook/importData2"
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//折扣率 初始值
|
|
|
|
|
/*perc: 0.8,
|
|
|
|
|
perc2: '',*/
|
|
|
|
|
|
|
|
|
|
//表单
|
|
|
|
|
form: {totalPrice: '',perc:0.8,perc2: 1},
|
|
|
|
|
|
|
|
|
|
rules: {
|
|
|
|
|
quotCustomer: [{ required: true, message: '客户名称不可为空' }],
|
|
|
|
|
quotProject: [{ required: true, message: '项目名称不可为空' }],
|
|
|
|
|
cusPhoneNumber: [{ required: true, message: '联系电话不可为空' }],
|
|
|
|
|
quotLxr: [{ required: true, message: '联系人不可为空' }],
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//调价日期
|
|
|
|
|
versionList: [], // 调价版本数据列表
|
|
|
|
|
madeQuotDis: false, // 选择调价版本时禁用
|
|
|
|
|
hasNotMatch: true, // 所选结果数据中存在与当前所选调价版本不一致的数据
|
|
|
|
|
total: 0,
|
|
|
|
|
loading: false,
|
|
|
|
|
finished: false,
|
|
|
|
|
searchMethod: null,
|
|
|
|
|
loadingLogo: false,
|
|
|
|
|
isSelectNumber: 0,
|
|
|
|
|
isSelectList: [],
|
|
|
|
|
showList: false,
|
|
|
|
|
showPanel: false,
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
const param = this.$route.query;
|
|
|
|
|
const that = this;
|
|
|
|
|
this.productList();
|
|
|
|
|
this.getVersionList().then(function(){
|
|
|
|
|
if (param.quotId !== undefined && param.quotId !== null) {
|
|
|
|
|
that.handleRefreshClick();
|
|
|
|
|
|
|
|
|
|
const row = {'quotId':param.quotId}
|
|
|
|
|
that.handleQuotInfo(row);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
// 计算出当前页的查询结果数据列表
|
|
|
|
|
searchResultPagedData() {
|
|
|
|
|
const startIndex = (this.searchResultCurrentPage - 1) * this.searchResultPageSize;
|
|
|
|
|
const endIndex = startIndex + this.searchResultPageSize;
|
|
|
|
|
this.sliceResultData = [...this.sliceResultData, ...this.searchResultData.slice(startIndex, endIndex)];
|
|
|
|
|
this.finished = this.sliceResultData.length >= this.searchResultTotal;
|
|
|
|
|
return this.sliceResultData;
|
|
|
|
|
},
|
|
|
|
|
// 计算出当前页的已选择结果数据列表
|
|
|
|
|
/*selectedResultPagedData() {
|
|
|
|
|
console.log(this.selectedResultData)
|
|
|
|
|
const startIndex = (this.selectedResultCurrentPage - 1) * this.selectedResultPageSize;
|
|
|
|
|
const endIndex = startIndex + this.selectedResultPageSize;
|
|
|
|
|
return this.selectedResultData.slice(startIndex, endIndex);
|
|
|
|
|
},*/
|
|
|
|
|
// 判断已选数据是否调价版本一致
|
|
|
|
|
isColumn1ValuesEqual() {
|
|
|
|
|
if(this.isSelectList.length > 0){
|
|
|
|
|
const uid_0 = this.isSelectList[0].uid_0;//版本uid
|
|
|
|
|
return this.isSelectList.every(row => row.uid_0 === uid_0);
|
|
|
|
|
}else{
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 已选择结果数据汇总
|
|
|
|
|
sumSelectedResultData() {
|
|
|
|
|
const allPrice = this.isSelectList.reduce((sum, row) => sum + parseFloat(row.allPrice), 0);
|
|
|
|
|
this.form.totalPrice = toDecimal(allPrice);
|
|
|
|
|
return toDecimal(allPrice);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
async validateForm() {
|
|
|
|
|
try {
|
|
|
|
|
await this.$refs.form.validate();
|
|
|
|
|
return true;
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.error('Form validation failed:', error);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async handleMadeQuotClick() {
|
|
|
|
|
let flag = this.checkSlZk();
|
|
|
|
|
if(flag) {
|
|
|
|
|
const valid = await this.validateForm();
|
|
|
|
|
if(valid) {
|
|
|
|
|
this.form.selectedResultData = this.isSelectList;
|
|
|
|
|
madeQuot(this.form).then(response => {
|
|
|
|
|
this.$modal.msgSuccess("生成报价单成功");
|
|
|
|
|
// 处理返回的文件流
|
|
|
|
|
const content = response;
|
|
|
|
|
const blob = new Blob([content]);
|
|
|
|
|
const fileName = "RB_BJD_"+this.getTodayCourse()+".xls";
|
|
|
|
|
if ("download" in document.createElement("a")) {
|
|
|
|
|
// 非IE下载
|
|
|
|
|
const elink = document.createElement("a");
|
|
|
|
|
elink.download = fileName;
|
|
|
|
|
elink.style.display = "none";
|
|
|
|
|
elink.href = URL.createObjectURL(blob);
|
|
|
|
|
document.body.appendChild(elink);
|
|
|
|
|
elink.click();
|
|
|
|
|
URL.revokeObjectURL(elink.href); // 释放URL 对象
|
|
|
|
|
document.body.removeChild(elink);
|
|
|
|
|
}else {
|
|
|
|
|
// IE10+下载
|
|
|
|
|
navigator.msSaveBlob(blob, fileName);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
console.log("通过")
|
|
|
|
|
} else {
|
|
|
|
|
Dialog.alert({
|
|
|
|
|
message: '请填写信息面板中所有的必填项！',
|
|
|
|
|
}).then(() => {
|
|
|
|
|
// on close
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 获取当前时间
|
|
|
|
|
getTodayCourse(){
|
|
|
|
|
const myDate = new Date();
|
|
|
|
|
//获取当前年
|
|
|
|
|
const year = myDate.getFullYear();
|
|
|
|
|
//获取当前月
|
|
|
|
|
const month = myDate.getMonth() + 1;
|
|
|
|
|
//获取当前日
|
|
|
|
|
const date = myDate.getDate();
|
|
|
|
|
const h = myDate.getHours(); //获取当前小时数(0-23)
|
|
|
|
|
const m = myDate.getMinutes(); //获取当前分钟数(0-59)
|
|
|
|
|
const s = myDate.getSeconds();
|
|
|
|
|
return year + '-' + this.p(month) + "-" + this.p(date) + " " + this.p(h) + ':' + this.p(m) + ":" + this.p(s)
|
|
|
|
|
},
|
|
|
|
|
p(s) {
|
|
|
|
|
return s < 10 ? '0' + s : s;
|
|
|
|
|
},
|
|
|
|
|
// 校验明细行中-数量、一次折扣、二次折扣格式
|
|
|
|
|
checkSlZk(){
|
|
|
|
|
let flag = true;
|
|
|
|
|
this.errSlIndex = [];
|
|
|
|
|
this.errPercIndex = [];
|
|
|
|
|
this.errPerc2Index = [];
|
|
|
|
|
let errMsg = "";
|
|
|
|
|
|
|
|
|
|
const label = /^(\+)?\d+(\.\d+)?$/;
|
|
|
|
|
let reg = new RegExp(label);
|
|
|
|
|
this.isSelectList.forEach((row, index) => {
|
|
|
|
|
//数量
|
|
|
|
|
let sl = row.count;
|
|
|
|
|
if(sl){
|
|
|
|
|
sl = String(sl).trim();
|
|
|
|
|
if (!reg.test(sl)) {
|
|
|
|
|
this.errSlIndex.push(index+1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//一次折扣
|
|
|
|
|
let perc = row.per;
|
|
|
|
|
if(perc){
|
|
|
|
|
perc = String(perc).trim();
|
|
|
|
|
if (!reg.test(perc)) {
|
|
|
|
|
this.errPercIndex.push(index+1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//二次折扣
|
|
|
|
|
let perc2 = row.per2;
|
|
|
|
|
if(perc2){
|
|
|
|
|
perc2 = String(perc2).trim();
|
|
|
|
|
if (!reg.test(perc2)) {
|
|
|
|
|
this.errPerc2Index.push(index+1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
if(this.errPercIndex.length!=0){
|
|
|
|
|
flag = false;
|
|
|
|
|
errMsg = "第"+this.errPercIndex.join(",")+"行报价产品明细【一次折扣】格式错误";
|
|
|
|
|
this.$modal.msgError(errMsg);
|
|
|
|
|
return flag;
|
|
|
|
|
}
|
|
|
|
|
if(this.errPerc2Index.length!=0){
|
|
|
|
|
flag = false;
|
|
|
|
|
errMsg = "第"+this.errPerc2Index.join(",")+"行报价产品明细【二次折扣】格式错误";
|
|
|
|
|
this.$modal.msgError(errMsg);
|
|
|
|
|
return flag;
|
|
|
|
|
}
|
|
|
|
|
if(this.errSlIndex.length!=0){
|
|
|
|
|
flag = false;
|
|
|
|
|
errMsg = "第"+this.errSlIndex.join(",")+"行报价产品明细【数量调整】格式错误";
|
|
|
|
|
this.$modal.msgError(errMsg);
|
|
|
|
|
return flag;
|
|
|
|
|
}
|
|
|
|
|
return flag;
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
redBookOnConfirm(columns) {
|
|
|
|
|
this.redBookText = columns.label
|
|
|
|
|
this.redBookShowPicker = false;
|
|
|
|
|
|
|
|
|
|
this.isSelectList.forEach((row, index) => {
|
|
|
|
|
this.$set(this.isSelectList, index, {
|
|
|
|
|
...row,
|
|
|
|
|
uid_0: columns.value // 重新设置为所选版本uid
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
//更新已选结果数据-单价、金额
|
|
|
|
|
updateSelectedResultData(this.isSelectList).then(response => {
|
|
|
|
|
for (let i = 0; i < this.isSelectList.length; i++) {
|
|
|
|
|
for (let j = 0; j < response.data.length; j++) {
|
|
|
|
|
// 检查型号、规格、电压等级是否相等
|
|
|
|
|
if (
|
|
|
|
|
this.isSelectList[i].name_0 === response.data[j].name_0
|
|
|
|
|
) {
|
|
|
|
|
this.isSelectList[i].price = response.data[j].price;
|
|
|
|
|
const setPrice = toDecimal(this.isSelectList[i].price * (this.isSelectList[i].per?this.isSelectList[i].per:1) * (this.isSelectList[i].per2?this.isSelectList[i].per2:1));
|
|
|
|
|
const allPrice = toDecimal(this.isSelectList[i].count * this.isSelectList[i].price * (this.isSelectList[i].per?this.isSelectList[i].per:1) * (this.isSelectList[i].per2?this.isSelectList[i].per2:1));
|
|
|
|
|
|
|
|
|
|
this.isSelectList[i].setPrice = setPrice;
|
|
|
|
|
this.isSelectList[i].allPrice = allPrice;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.madeQuotDis = false;
|
|
|
|
|
this.selectedResultLoading = false;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
closeInfoDialog() {
|
|
|
|
|
this.showPanel = false;
|
|
|
|
|
},
|
|
|
|
|
closeDialog() {
|
|
|
|
|
this.showList = false;
|
|
|
|
|
},
|
|
|
|
|
shoppingCilck() {
|
|
|
|
|
this.showList = true;
|
|
|
|
|
},
|
|
|
|
|
/**------------------面板操作----------------**/
|
|
|
|
|
// 目录选择
|
|
|
|
|
selModelTag(item) {
|
|
|
|
|
this.resetPanels(1);
|
|
|
|
|
this.mlTitle = `目录 - ${item.name_0}`;
|
|
|
|
|
this.selectedModelTag = item.name_0; // 设置选中的目录
|
|
|
|
|
// 显示型号信息
|
|
|
|
|
this.productXinghList(item.uid_0);
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
changeData() {
|
|
|
|
|
const p1 = this.form.perc;
|
|
|
|
|
const p2 = this.form.perc2;
|
|
|
|
|
this.isSelectList.forEach(result => {
|
|
|
|
|
result.per = p1.toString();
|
|
|
|
|
result.per2 = p2.toString();
|
|
|
|
|
this.updateSetPrice(result);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
//获取调价日期
|
|
|
|
|
async getVersionList(){
|
|
|
|
|
await versionList(this.queryParams).then(response => {
|
|
|
|
|
this.versionList = response.versionList;
|
|
|
|
|
this.redBookText = this.versionList[0].label;
|
|
|
|
|
this.form.rbDateUid = this.versionList[0].value
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 获取目录
|
|
|
|
|
productList() {
|
|
|
|
|
productList().then(response => {
|
|
|
|
|
this.modelList = response;
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
removeItemFromIsSelectList(index) {
|
|
|
|
|
this.isSelectList.splice(index, 1);
|
|
|
|
|
this.isSelectNumber = this.isSelectList.length;
|
|
|
|
|
},
|
|
|
|
|
// 获取型号
|
|
|
|
|
productXinghList(sid) {
|
|
|
|
|
this.params = { uid_0: sid };
|
|
|
|
|
productXinghList(this.params).then(response => {
|
|
|
|
|
this.xinghList = response;
|
|
|
|
|
this.showXinghList = this.xinghList.length > 0 ? true : false;
|
|
|
|
|
if(this.showXinghList) {
|
|
|
|
|
this.xhTitle = '型号'
|
|
|
|
|
this.activeNames = ['xingHao']; // 打开型号面板
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 型号选择
|
|
|
|
|
selXinghTag(item) {
|
|
|
|
|
this.resetPanels(2);
|
|
|
|
|
this.xhTitle = `型号 - ${item.name_0}`;
|
|
|
|
|
this.selectedXinghUid = item.uid_0; // 设置选中的型号uid
|
|
|
|
|
this.selectedXinghTag = item.name_0; // 设置选中的型号名称
|
|
|
|
|
|
|
|
|
|
this.judgeparent(item);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 判断是否为父节点，如果有说明下面还有子类显示，如果没有则直接显示衍生型号
|
|
|
|
|
judgeparent(item) {
|
|
|
|
|
this.params = { uid_0: item.uid_0 };
|
|
|
|
|
judgeparent(this.params).then(response => {
|
|
|
|
|
if (response) {
|
|
|
|
|
this.productZlList(item.uid_0);
|
|
|
|
|
} else {
|
|
|
|
|
this.productYsxhListCheck(item.uid_0, item.name_0);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 获取子类
|
|
|
|
|
productZlList(sid) {
|
|
|
|
|
this.params = { uid_0: sid };
|
|
|
|
|
productZlList(this.params).then(response => {
|
|
|
|
|
this.zlList = response;
|
|
|
|
|
this.showZlList = this.zlList.length > 0 ? true : false;
|
|
|
|
|
if(this.showZlList) {
|
|
|
|
|
this.zlTitle = '子类'
|
|
|
|
|
this.activeNames = this.activeNames = ['ziLei']; // 打开型号面板
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//展示信息面板
|
|
|
|
|
infoClick() {
|
|
|
|
|
this.showPanel = true;
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
//手动查询产品
|
|
|
|
|
handleSearchClick() {
|
|
|
|
|
|
|
|
|
|
this.sliceResultData = [];
|
|
|
|
|
this.searchMethod = 'handleSearchClick';
|
|
|
|
|
|
|
|
|
|
if (this.queryParams.name_0 || this.queryParams.model) {
|
|
|
|
|
this.loadingLogo = true;
|
|
|
|
|
console.log('handleSerachClick loading:' + this.loading)
|
|
|
|
|
this.searchResultCurrentPage = 1,
|
|
|
|
|
this.searchResultPageSize = 10,
|
|
|
|
|
console.log('this.searchResultCurrentPage' + this.searchResultCurrentPage )
|
|
|
|
|
// this.queryParams.pageNum = 1;
|
|
|
|
|
// this.queryParams.pageSize = 8;
|
|
|
|
|
this.searchResultData = [],
|
|
|
|
|
|
|
|
|
|
handleSearchData(this.queryParams).then(response => {
|
|
|
|
|
console.log('handleSearchData:' + this.loading)
|
|
|
|
|
this.searchResultData = response;
|
|
|
|
|
this.searchResultTotal = this.searchResultData.length;
|
|
|
|
|
this.finished = this.sliceResultData.length >= this.searchResultTotal;
|
|
|
|
|
this.loadingLogo = false;
|
|
|
|
|
// this.searchResultCurrentPage = 1;
|
|
|
|
|
// this.searchResultLoading = false;
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.warning("请输入查询条件!");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 判断是否存在衍生型号
|
|
|
|
|
productYsxhListCheck(sid, name) {
|
|
|
|
|
this.params = { uid_0: sid };
|
|
|
|
|
productYsxhListCheck(this.params).then(response => {
|
|
|
|
|
if (response) {
|
|
|
|
|
this.productYsxhList(sid, name);
|
|
|
|
|
} else {
|
|
|
|
|
this.selectedYsxhUid = sid;
|
|
|
|
|
this.selectedYsxhTag = name;
|
|
|
|
|
this.productJmListCheck(sid, name);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 获取衍生型号
|
|
|
|
|
productYsxhList(sid, name) {
|
|
|
|
|
this.params = { uid_0: sid, name_0: name };
|
|
|
|
|
productYsxhList(this.params).then(response => {
|
|
|
|
|
this.ysxhList = response;
|
|
|
|
|
this.showYsxhList = this.ysxhList.length > 0 ? true : false;
|
|
|
|
|
if(this.showYsxhList) {
|
|
|
|
|
this.ysxhTitle = '衍生型号';
|
|
|
|
|
this.activeNames = this.activeNames = ['ySXingHao']; // 打开型号面板
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 子类选择
|
|
|
|
|
selZlTag(item) {
|
|
|
|
|
this.resetPanels(3);
|
|
|
|
|
this.zlTitle = `子类 - ${item.name_0}`;
|
|
|
|
|
this.selectedZlTag = item.name_0;
|
|
|
|
|
|
|
|
|
|
this.productYsxhListCheck(item.uid_0, item.name_0);
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 衍生型号选择
|
|
|
|
|
selYsxhTag(item) {
|
|
|
|
|
this.resetPanels(4);
|
|
|
|
|
this.ysxhTitle = `衍生型号 - ${item.name_0}`;
|
|
|
|
|
this.selectedYsxhUid = item.uid_0;
|
|
|
|
|
this.selectedYsxhTag = item.name_0;
|
|
|
|
|
|
|
|
|
|
this.productJmListCheck(item.uid_0, item.name_0);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 判断是否存在截面
|
|
|
|
|
productJmListCheck(sid, name) {
|
|
|
|
|
this.params = { uid_0: sid };
|
|
|
|
|
productJmListCheck(this.params).then(response => {
|
|
|
|
|
if (response) {
|
|
|
|
|
this.productJmList(sid, name);
|
|
|
|
|
} else {
|
|
|
|
|
this.selectedYsxhTag = this.selectedXinghTag;
|
|
|
|
|
this.searchData(this.selectedXinghUid);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 获取截面
|
|
|
|
|
productJmList(sid, name) {
|
|
|
|
|
this.params = { uid_0: sid, name_0: name };
|
|
|
|
|
productJmList(this.params).then(response => {
|
|
|
|
|
this.jmList = response;
|
|
|
|
|
this.showJmList = this.jmList.length > 0 ? true : false;
|
|
|
|
|
if(this.showJmList) {
|
|
|
|
|
this.jmTitle = '截面'
|
|
|
|
|
this.activeNames = this.activeNames = ['jieMian']; // 打开型号面板
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 截面选择
|
|
|
|
|
selJmTag(item) {
|
|
|
|
|
this.jmTitle = `截面 - ${item.section}`;
|
|
|
|
|
this.selectedJmTag = item.section;
|
|
|
|
|
|
|
|
|
|
this.searchResultCurrentPage = 1; // 清空结果列表数据
|
|
|
|
|
this.searchResultPageSize = 10;
|
|
|
|
|
this.searchMethod = 'searchData';
|
|
|
|
|
this.finished = false;
|
|
|
|
|
this.searchResultData = [];
|
|
|
|
|
this.searchResultLoading = true;
|
|
|
|
|
|
|
|
|
|
this.searchData(this.selectedYsxhUid, item.section);
|
|
|
|
|
this.activeNames = this.activeNames = []; // 打开型号面板
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 查询结果数据
|
|
|
|
|
searchData(sid, section) {
|
|
|
|
|
this.sliceResultData = [];
|
|
|
|
|
this.params = { uid_0: sid, section: section, name_0: this.selectedYsxhTag };
|
|
|
|
|
searchData(this.params).then(response => {
|
|
|
|
|
this.searchResultData = response;
|
|
|
|
|
console.log(this.searchResultData)
|
|
|
|
|
this.searchResultTotal = this.searchResultData.length;
|
|
|
|
|
this.loading = false;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 重置面板
|
|
|
|
|
resetPanels(level) {
|
|
|
|
|
if (level <= 1) {
|
|
|
|
|
this.xhTitle = '';
|
|
|
|
|
this.showXinghList = false;
|
|
|
|
|
this.xinghList = [];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (level <= 2) {
|
|
|
|
|
this.zlTitle = '';
|
|
|
|
|
this.showZlList = false;
|
|
|
|
|
this.zlList = [];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (level <= 3) {
|
|
|
|
|
this.ysxhTitle = '';
|
|
|
|
|
this.showYsxhList = false;
|
|
|
|
|
this.ysxhList = [];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (level <= 4) {
|
|
|
|
|
this.jmTitle = '';
|
|
|
|
|
this.showJmList = false;
|
|
|
|
|
this.jmList = [];
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
addItemToIsSelectList(item) {
|
|
|
|
|
const uid_0 = item.uid_0;
|
|
|
|
|
const name_0 = item.name_0;
|
|
|
|
|
const per = 0.8;
|
|
|
|
|
const per2 = 1;
|
|
|
|
|
const count = 1;
|
|
|
|
|
const numericPrice = parseFloat(item.price);
|
|
|
|
|
// 计算 setPrice
|
|
|
|
|
const setPrice = numericPrice * per * per2;
|
|
|
|
|
const allPrice = setPrice * 1;
|
|
|
|
|
this.isSelectList.push({
|
|
|
|
|
uid: uid_0.toString(),
|
|
|
|
|
name_0: name_0,
|
|
|
|
|
model: item.model,
|
|
|
|
|
voltage: item.voltage,
|
|
|
|
|
price: numericPrice,
|
|
|
|
|
spec: item.spec,
|
|
|
|
|
stu: item.stu,
|
|
|
|
|
per: per,
|
|
|
|
|
per2: per2,
|
|
|
|
|
count: count,
|
|
|
|
|
setPrice: setPrice,
|
|
|
|
|
allPrice: allPrice,
|
|
|
|
|
});
|
|
|
|
|
this.isSelectNumber = this.isSelectList.length;
|
|
|
|
|
},
|
|
|
|
|
onLoad() {
|
|
|
|
|
console.log('onLoad loading:' + this.loading)
|
|
|
|
|
this.finished = this.sliceResultData.length >= this.searchResultTotal;
|
|
|
|
|
this.searchResultCurrentPage++;
|
|
|
|
|
|
|
|
|
|
this.loading = false;
|
|
|
|
|
},
|
|
|
|
|
updateSetPrice(result) {
|
|
|
|
|
const numericPrice = parseFloat(result.price);
|
|
|
|
|
const per = parseFloat(result.per);
|
|
|
|
|
const per2 = parseFloat(result.per2);
|
|
|
|
|
const num = parseFloat(result.count);
|
|
|
|
|
result.setPrice = (numericPrice * per * per2).toFixed(2);
|
|
|
|
|
result.allPrice = (numericPrice * per * per2 * num).toFixed(2)
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
isSelectList: {
|
|
|
|
|
handler(newList) {
|
|
|
|
|
newList.forEach((result) => {
|
|
|
|
|
this.$watch(() => result.per, () => {
|
|
|
|
|
this.updateSetPrice(result);
|
|
|
|
|
});
|
|
|
|
|
this.$watch(() => result.per2, () => {
|
|
|
|
|
this.updateSetPrice(result);
|
|
|
|
|
});
|
|
|
|
|
this.$watch(() => result.count, () => {
|
|
|
|
|
this.updateSetPrice(result);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
deep: true,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
.info-container {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.column {
|
|
|
|
|
flex: 1;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.info-item {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
margin: 10px 20px 0px 0px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.van-card__content {
|
|
|
|
|
min-height: 0px
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.custom-card .van-card__content .van-card__desc {
|
|
|
|
|
margin-top: 15px; /* 根据需要调整间距 */
|
|
|
|
|
font-size: 15px; /* 根据需要调整字体大小 */
|
|
|
|
|
}
|
|
|
|
|
.custom-card .van-card__content .van-card__title {
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
font-size: 15px; /* 根据需要调整字体大小 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.van-collapse-item__title {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
}
|
|
|
|
|
.content-wrapper {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content-item {
|
|
|
|
|
color: #00afff;
|
|
|
|
|
font-size: 14px; /* 设置内容字体大小 */
|
|
|
|
|
flex: 0 0 calc(50% - 10px); /* 两列布局，减去间距 */
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin: 8px 5px 8px 5px; /* 目录面板内容的字体大小 */
|
|
|
|
|
text-align: center;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.delete-button {
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fullscreen-dialog .van-dialog__content {
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
background-color: white;
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
|
|
|
|
.dialog-content {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
JIAL
