4094 lines
109 KiB
Vue
4094 lines
109 KiB
Vue
<template>
|
||
<view class="page-container">
|
||
<!-- Tab切换 -->
|
||
<view class="tab-header">
|
||
<view
|
||
class="tab-item"
|
||
:class="{ active: currentTab === 'isbn' }"
|
||
@click="switchTab('isbn')"
|
||
>
|
||
<text class="tab-text">ISBN上传</text>
|
||
</view>
|
||
<view
|
||
class="tab-item"
|
||
:class="{ active: currentTab === 'no-isbn' }"
|
||
@click="switchTab('no-isbn')"
|
||
>
|
||
<text class="tab-text">无ISBN上传</text>
|
||
</view>
|
||
<view
|
||
class="tab-item"
|
||
:class="{ active: currentTab === 'settings' }"
|
||
@click="switchTab('settings')"
|
||
>
|
||
<text class="tab-text">⚙️</text>
|
||
</view>
|
||
</view>
|
||
|
||
<swiper class="tab-swiper" :current="swiperIndex" @change="onTabSwiperChange" @touchmove.stop.prevent="">
|
||
<!-- ISBN上传内容 -->
|
||
<swiper-item>
|
||
<view class="tab-content">
|
||
<scroll-view class="content-scroll" scroll-y="true">
|
||
<!-- 品相 -->
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">品相</text>
|
||
</view>
|
||
<view class="condition-list">
|
||
<view
|
||
class="condition-item"
|
||
v-for="(item, index) in conditionList"
|
||
:key="index"
|
||
:class="{ active: selectedCondition === item }"
|
||
@click="selectCondition(item)"
|
||
>
|
||
<text class="condition-text">{{ item }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 货区 & ISBN -->
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">货区 & ISBN</text>
|
||
</view>
|
||
<view class="inline-fields" style="flex:1;">
|
||
<view class="inline-field narrow">
|
||
<view class="picker-box" style="flex:1;" @click="openWarehousePicker('isbn')">
|
||
<text class="picker-value">{{ isbnSelectedArea || '请选择货区' }}</text>
|
||
<text class="picker-arrow">›</text>
|
||
</view>
|
||
</view>
|
||
<view class="inline-field isbn-field">
|
||
<view class="isbn-input-box" style="flex:1;">
|
||
<input class="isbn-input" v-model="isbn" placeholder="ISBN或扫码" maxlength="13"/>
|
||
<view class="scan-btn" @click="scanISBN">
|
||
<text class="scan-icon">📷</text>
|
||
</view>
|
||
<view class="search-btn" @click="searchISBN">
|
||
<text class="search-text">搜</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 书名 -->
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">书名</text>
|
||
</view>
|
||
<input class="form-input" v-model="bookName" placeholder="请输入书名"/>
|
||
</view>
|
||
|
||
<!-- 价格 & 库存 -->
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">价格 & 库存</text>
|
||
</view>
|
||
<view class="inline-fields" style="flex:1;">
|
||
<view class="inline-field">
|
||
<view class="price-input-box" style="flex:1;">
|
||
<text class="price-symbol">¥</text>
|
||
<input class="price-input" v-model="price" type="digit" placeholder="价格"/>
|
||
</view>
|
||
</view>
|
||
<view class="inline-field">
|
||
<input class="form-input" v-model="stock" type="number" placeholder="库存" style="flex:1;"/>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 拍照 -->
|
||
<view class="form-section">
|
||
<view class="section-title">
|
||
<text class="title-text">拍照</text>
|
||
<text class="photo-count">已拍{{ photoList.length }}/9张</text>
|
||
</view>
|
||
<view class="photo-section">
|
||
<view class="photo-list">
|
||
<view class="photo-item" v-for="(photo, index) in photoList" :key="index">
|
||
<image class="photo-image" :src="photo" mode="aspectFill" @click="previewPhoto(photo, index)"></image>
|
||
<view class="photo-index-badge">
|
||
<text class="photo-index-badge-text">{{ index + 1 }}</text>
|
||
</view>
|
||
<view class="photo-delete" @click="deletePhoto(index)">
|
||
<text class="delete-icon">✕</text>
|
||
</view>
|
||
</view>
|
||
<view class="photo-add" @click="takePhoto" v-if="photoList.length < 9">
|
||
<text class="add-icon">+</text>
|
||
<text class="add-text">拍照</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 市场竞争 -->
|
||
<view class="form-section">
|
||
<view class="section-title">
|
||
<text class="title-text">市场竞争</text>
|
||
</view>
|
||
<view class="market-stats">
|
||
<view class="stat-item">
|
||
<text class="stat-label">在售</text>
|
||
<text class="stat-value">{{ marketData.onSale }}</text>
|
||
</view>
|
||
<view class="stat-item">
|
||
<text class="stat-label">旧</text>
|
||
<text class="stat-value">{{ marketData.old }}</text>
|
||
</view>
|
||
<view class="stat-item">
|
||
<text class="stat-label">新</text>
|
||
<text class="stat-value">{{ marketData.new }}</text>
|
||
</view>
|
||
<view class="stat-item">
|
||
<text class="stat-label">已售</text>
|
||
<text class="stat-value">{{ marketData.sold }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 在售商品 -->
|
||
<view class="form-section">
|
||
<view class="section-header-row">
|
||
<view class="section-title">
|
||
<text class="title-text">在售商品</text>
|
||
</view>
|
||
<view class="compare-toggle">
|
||
<text class="toggle-btn" :class="{ active: compareType === 'isbn' }" @click="switchCompare('isbn')">ISBN比价</text>
|
||
<text class="toggle-btn" :class="{ active: compareType === 'name' }" @click="switchCompare('name')">书名比价</text>
|
||
</view>
|
||
<view class="sort-toggle">
|
||
<text class="sort-btn" :class="{ active: sortBy === 'total' }" @click="sortProducts('total')">总价</text>
|
||
<text class="sort-btn" :class="{ active: sortBy === 'book' }" @click="sortProducts('book')">书价</text>
|
||
</view>
|
||
<text class="filter-btn" @click="showMoreFilter">筛选</text>
|
||
</view>
|
||
|
||
<!-- 加载状态 -->
|
||
<view class="loading-box" v-if="isLoading">
|
||
<view class="loading-spinner"></view>
|
||
<text class="loading-text">正在比价...</text>
|
||
</view>
|
||
|
||
<!-- 商品列表 -->
|
||
<view class="product-grid" v-else>
|
||
<view class="grid-item" v-for="(item, index) in sortedProductList.slice(0, 12)" :key="index">
|
||
<image class="grid-image" :src="item.image" mode="aspectFill" @click="previewProductImage(index)" v-if="item.image"></image>
|
||
<text class="grid-book-name">{{ item.bookName || '未知书名' }}</text>
|
||
<text class="grid-author">{{ item.author || '' }}</text>
|
||
<text class="grid-total-price">¥{{ item.totalPrice.toFixed(2) }}</text>
|
||
<text class="grid-price-detail" v-if="item.shippingFee > 0">书¥{{ item.bookPrice.toFixed(2) }}+运¥{{ item.shippingFee.toFixed(2) }}</text>
|
||
<text class="grid-condition">{{ item.condition || '' }}</text>
|
||
<text class="grid-shop">{{ item.shopName || '' }}</text>
|
||
</view>
|
||
|
||
<!-- 无数据提示 -->
|
||
<view class="no-data" v-if="productList.length === 0">
|
||
<text class="no-data-text">暂无在售商品，请先进行比价</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 上书记录 -->
|
||
<view class="form-section">
|
||
<view class="section-title">
|
||
<text class="title-text">上书记录</text>
|
||
</view>
|
||
<view class="history-list">
|
||
<view class="history-item" v-for="(item, index) in historyList" :key="index">
|
||
<view class="history-row">
|
||
<text class="history-date">{{ item.date }}</text>
|
||
<text class="history-condition">{{ item.condition }}</text>
|
||
</view>
|
||
<view class="history-row">
|
||
<text class="history-price">¥{{ item.price }}</text>
|
||
<text class="history-stock">库存{{ item.stock }}本</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="bottom-placeholder"></view>
|
||
</scroll-view>
|
||
</view>
|
||
</swiper-item>
|
||
|
||
<!-- 无ISBN上传内容 -->
|
||
<swiper-item>
|
||
<view class="tab-content">
|
||
<scroll-view class="content-scroll" scroll-y="true">
|
||
|
||
<!-- ===== 品相（最上方） ===== -->
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">品相</text>
|
||
</view>
|
||
<view class="condition-list">
|
||
<view
|
||
class="condition-item"
|
||
v-for="(item, index) in conditionList"
|
||
:key="index"
|
||
:class="{ active: noIsbnSelectedCondition === item }"
|
||
@click="noIsbnSelectedCondition = item"
|
||
>
|
||
<text class="condition-text">{{ item }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- ===== 基本信息 ===== -->
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">货区</text>
|
||
</view>
|
||
<view class="picker-box" @click="openWarehousePicker('no-isbn')">
|
||
<text class="picker-value">{{ noIsbnSelectedArea || '请选择货区' }}</text>
|
||
<text class="picker-arrow">›</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">书名</text>
|
||
</view>
|
||
<view class="inline-fields" style="flex:1;">
|
||
<view class="inline-field" style="flex:1;">
|
||
<input class="form-input" v-model="noIsbnBookName" placeholder="请输入书名" style="flex:1;" />
|
||
</view>
|
||
<view class="inline-field" style="flex:none;">
|
||
<view class="search-btn" @click="searchNoIsbn">
|
||
<text class="search-text">搜</text>
|
||
</view>
|
||
</view>
|
||
<view class="inline-field" style="flex:none;margin-left:10rpx;">
|
||
<view class="scan-btn" @click="chooseImageNoIsbn">
|
||
<text class="scan-icon">📷</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">价格</text>
|
||
</view>
|
||
<view class="inline-fields" style="flex:1;">
|
||
<view class="inline-field" style="flex:1;">
|
||
<view class="price-input-box" style="flex:1;">
|
||
<text class="price-symbol">¥</text>
|
||
<input class="price-input" v-model="noIsbnPrice" placeholder="售价" type="digit" />
|
||
</view>
|
||
</view>
|
||
<view class="inline-field" style="flex:1;">
|
||
<input class="form-input" v-model="noIsbnStock" type="number" placeholder="库存" style="flex:1;" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- ===== 图书详情 ===== -->
|
||
<view class="detail-section-header" @click="noIsbnDetailExpanded = !noIsbnDetailExpanded">
|
||
<text class="detail-section-title">图书详情</text>
|
||
<text class="detail-arrow">{{ noIsbnDetailExpanded ? '▼' : '▶' }}</text>
|
||
</view>
|
||
<view v-show="noIsbnDetailExpanded">
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">作者</text>
|
||
</view>
|
||
<view class="dropdown-wrapper">
|
||
<input class="form-input" v-model="noIsbnAuthor" placeholder="请输入作者" style="flex:1;" />
|
||
<view class="dropdown-btn" @click.stop="noIsbnAuthorDropdownVisible = !noIsbnAuthorDropdownVisible">▼</view>
|
||
<view v-if="noIsbnAuthorDropdownVisible && noIsbnAuthorOptions.length > 0" class="dropdown-list">
|
||
<view class="dropdown-item" v-for="(item, idx) in noIsbnAuthorOptions" :key="idx" @click="selectNoIsbnAuthor(item)">{{ item }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">出版社</text>
|
||
</view>
|
||
<view class="dropdown-wrapper">
|
||
<input class="form-input" v-model="noIsbnPublisher" placeholder="请输入出版社" style="flex:1;" />
|
||
<view class="dropdown-btn" @click.stop="noIsbnPublisherDropdownVisible = !noIsbnPublisherDropdownVisible">▼</view>
|
||
<view v-if="noIsbnPublisherDropdownVisible && noIsbnPublisherOptions.length > 0" class="dropdown-list">
|
||
<view class="dropdown-item" v-for="(item, idx) in noIsbnPublisherOptions" :key="idx" @click="selectNoIsbnPublisher(item)">{{ item }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">印刷时间</text>
|
||
</view>
|
||
<picker mode="multiSelector" :range="noIsbnPrintTimeColumns" @columnchange="onNoIsbnPrintTimeColumnChange" @change="onNoIsbnPrintTimeChange" :value="noIsbnPrintTimeIndexes">
|
||
<view class="form-input picker-value-text">
|
||
<text>{{ noIsbnPrintTime || '选择年/月' }}</text>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">定价</text>
|
||
</view>
|
||
<view class="price-input-box">
|
||
<text class="price-symbol">¥</text>
|
||
<input class="price-input" v-model="noIsbnOriginalPrice" placeholder="请输入定价" type="digit" />
|
||
</view>
|
||
</view>
|
||
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">书号</text>
|
||
</view>
|
||
<input class="form-input" v-model="noIsbnUnifyIsbn" placeholder="请输入统一书号" />
|
||
</view>
|
||
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">ISBN</text>
|
||
</view>
|
||
<input class="form-input" v-model="noIsbnIsbn" placeholder="请输入ISBN" type="number" />
|
||
</view>
|
||
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">图书分类</text>
|
||
</view>
|
||
<picker v-if="noIsbnCategoryColumns.length > 0" mode="multiSelector" :range="noIsbnCategoryColumns" range-key="name" @columnchange="onNoIsbnCategoryColumnChange" @change="onNoIsbnCategoryChange" :value="noIsbnCategoryIndexes">
|
||
<view class="category-select">
|
||
<text class="category-value">{{ noIsbnCategoryPathText || '请选择分类' }}</text>
|
||
<text class="picker-arrow">›</text>
|
||
</view>
|
||
</picker>
|
||
<view v-else-if="noIsbnCategoryLoading" class="category-select">
|
||
<text class="category-value" style="color:#999;">加载中...</text>
|
||
</view>
|
||
<view v-else class="category-select" @click="loadNoIsbnCategory">
|
||
<text class="category-value" style="color:#999;">点击加载分类</text>
|
||
<text class="picker-arrow">›</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">开本</text>
|
||
</view>
|
||
<view class="dropdown-wrapper">
|
||
<input class="form-input" v-model="noIsbnFormat" placeholder="请选择开本" style="flex:1;" />
|
||
<view class="dropdown-btn" @click.stop="noIsbnFormatDropdownVisible = !noIsbnFormatDropdownVisible">▼</view>
|
||
<view v-if="noIsbnFormatDropdownVisible" class="dropdown-list">
|
||
<view class="dropdown-item" v-for="(item, idx) in noIsbnFormatOptions" :key="idx" @click="selectNoIsbnFormat(item)">{{ item }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="form-section">
|
||
<view class="field-label">
|
||
<text class="label-text">字数</text>
|
||
</view>
|
||
<input class="form-input" v-model="noIsbnWordCount" placeholder="请输入字数" type="number" />
|
||
</view>
|
||
</view>
|
||
|
||
<!-- ===== 拍照 ===== -->
|
||
<view class="form-section">
|
||
<view class="section-title">
|
||
<text class="title-text">拍照</text>
|
||
<text class="photo-count">已拍{{ noIsbnPhotoList.length }}/9张</text>
|
||
</view>
|
||
<view class="photo-section">
|
||
<view class="photo-list">
|
||
<view class="photo-item" v-for="(photo, index) in noIsbnPhotoList" :key="index">
|
||
<image class="photo-image" :src="photo" mode="aspectFill" @click="previewPhoto(photo, index)"></image>
|
||
<view class="photo-index-badge">
|
||
<text class="photo-index-badge-text">{{ index + 1 }}</text>
|
||
</view>
|
||
<view class="photo-delete" @click="deleteNoIsbnPhoto(index)">
|
||
<text class="delete-icon">✕</text>
|
||
</view>
|
||
</view>
|
||
<view class="photo-add" @click="takePhotoNoIsbn" v-if="noIsbnPhotoList.length < 9">
|
||
<text class="add-icon">+</text>
|
||
<text class="add-text">拍照</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- ===== 在售商品 ===== -->
|
||
<view class="form-section" v-if="noIsbnProductList.length > 0">
|
||
<view class="section-header-row">
|
||
<view class="section-title">
|
||
<text class="title-text">在售商品</text>
|
||
</view>
|
||
<view class="copyright-btn" @click="searchNoIsbnCopyright">
|
||
<text class="copyright-btn-text">版权页比价</text>
|
||
</view>
|
||
</view>
|
||
<view class="loading-box" v-if="noIsbnLoading">
|
||
<view class="loading-spinner"></view>
|
||
<text class="loading-text">正在比价...</text>
|
||
</view>
|
||
<view class="product-grid" v-else>
|
||
<view class="grid-item" v-for="(item, index) in noIsbnProductList" :key="index">
|
||
<image class="grid-image" :src="item.image" mode="aspectFill" @click="previewProductImage(index)" v-if="item.image"></image>
|
||
<text class="grid-book-name">{{ item.bookName || '未知书名' }}</text>
|
||
<text class="grid-author">{{ item.author || '' }}</text>
|
||
<text class="grid-total-price">¥{{ item.totalPrice.toFixed(2) }}</text>
|
||
<text class="grid-price-detail" v-if="item.shippingFee > 0">书¥{{ item.bookPrice.toFixed(2) }}+运¥{{ item.shippingFee.toFixed(2) }}</text>
|
||
<text class="grid-condition">{{ item.condition || '' }}</text>
|
||
<text class="grid-shop">{{ item.shopName || '' }}</text>
|
||
</view>
|
||
<view class="no-data" v-if="noIsbnProductList.length === 0">
|
||
<text class="no-data-text">暂无在售商品</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- ===== 上书记录 ===== -->
|
||
<view class="form-section" v-if="noIsbnHistoryList.length > 0">
|
||
<view class="section-title">
|
||
<text class="title-text">上书记录</text>
|
||
</view>
|
||
<view class="history-list">
|
||
<view class="history-item" v-for="(item, index) in noIsbnHistoryList" :key="index">
|
||
<view class="history-row">
|
||
<text class="history-date">{{ item.date }}</text>
|
||
<text class="history-condition">{{ item.condition }}</text>
|
||
</view>
|
||
<view class="history-row">
|
||
<text class="history-price">¥{{ item.price }}</text>
|
||
<text class="history-stock">库存{{ item.stock }}本</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="bottom-placeholder"></view>
|
||
</scroll-view>
|
||
</view>
|
||
</swiper-item>
|
||
|
||
<!-- 设置内容 -->
|
||
<swiper-item>
|
||
<view class="tab-content">
|
||
<view class="settings-swiper">
|
||
<view class="settings-sub-tabs">
|
||
<view class="settings-sub-tab" :class="{ active: settingsSubTabIndex === 0 }" @click="settingsSubTabIndex = 0">
|
||
<text>账号</text>
|
||
</view>
|
||
<view class="settings-sub-tab" :class="{ active: settingsSubTabIndex === 1 }" @click="settingsSubTabIndex = 1">
|
||
<text>屏蔽</text>
|
||
</view>
|
||
<view class="settings-sub-tab" :class="{ active: settingsSubTabIndex === 2 }" @click="settingsSubTabIndex = 2">
|
||
<text>其他</text>
|
||
</view>
|
||
</view>
|
||
<swiper :current="settingsSubTabIndex" @change="onSettingsSwiperChange" style="height:100%;">
|
||
<swiper-item>
|
||
<scroll-view class="content-scroll" scroll-y="true">
|
||
<view class="form-section">
|
||
<view class="section-title">
|
||
<text class="title-text">账号管理</text>
|
||
</view>
|
||
<view class="logged-in-card" v-if="isLoggedIn">
|
||
<view class="card-header">
|
||
<view class="card-avatar"></view>
|
||
<view class="card-user-info">
|
||
<text class="card-shop-name">{{ shopName }}</text>
|
||
<view class="card-region-row">
|
||
<text class="card-region-icon">📍</text>
|
||
<text class="card-region">{{ shopRegion }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="card-footer">
|
||
<text class="logout-btn-text" @click="handleLogout">退出登录</text>
|
||
</view>
|
||
</view>
|
||
<view v-else>
|
||
<view class="login-header">
|
||
<text class="login-title">孔网账号登录</text>
|
||
</view>
|
||
<view class="login-form">
|
||
<view class="input-row">
|
||
<input class="form-input" v-model="loginAccount" placeholder="账号（手机号/用户名）" />
|
||
</view>
|
||
<view class="password-wrapper input-row">
|
||
<input
|
||
class="form-input password-input"
|
||
v-model="loginPassword"
|
||
:type="showPassword ? 'text' : 'password'"
|
||
placeholder="密码"
|
||
/>
|
||
<view class="password-eye" @click="showPassword = !showPassword">
|
||
<view class="eye-css">
|
||
<view class="eye-open" :class="{ 'eye-active': showPassword }" v-if="showPassword">
|
||
<view class="eye-open-inner">
|
||
<view class="pupil"></view>
|
||
</view>
|
||
</view>
|
||
<view class="eye-close" v-else>
|
||
<view class="eye-close-line"></view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="checkbox-row">
|
||
<switch :checked="rememberPassword" @change="rememberPassword = $event.detail.value" color="#409eff" style="transform:scale(0.7)" />
|
||
<text class="checkbox-label">记住密码</text>
|
||
</view>
|
||
<view class="login-btn" @click="handleLogin">登录</view>
|
||
</view>
|
||
</view>
|
||
<!-- 已保存账号列表 -->
|
||
<view class="saved-accounts" v-if="savedAccountList.length > 0">
|
||
<view class="saved-header">
|
||
<text class="saved-title">已保存账号</text>
|
||
<text class="saved-count">{{ savedAccountList.length }}个</text>
|
||
</view>
|
||
<view class="saved-list">
|
||
<view
|
||
class="saved-item"
|
||
v-for="(acc, idx) in savedAccountList"
|
||
:key="idx"
|
||
@click="quickLogin(acc)"
|
||
>
|
||
<view class="saved-item-left">
|
||
<view class="saved-avatar">👤</view>
|
||
<view class="saved-info">
|
||
<text class="saved-name">{{ acc.username }}</text>
|
||
<text class="saved-hint">点击直接登录</text>
|
||
</view>
|
||
</view>
|
||
<text class="saved-del" @click.stop="deleteSavedAccount(idx)">删除</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</swiper-item>
|
||
<swiper-item>
|
||
<scroll-view class="content-scroll" scroll-y="true">
|
||
<view class="form-section">
|
||
<view class="section-title">
|
||
<text class="title-text">屏蔽设置</text>
|
||
</view>
|
||
<text class="section-desc">填写后屏蔽指定ISBN或名称的商品</text>
|
||
<textarea class="blocked-textarea" v-model="blockedList" placeholder="每行一个，支持ISBN或书名关键词" />
|
||
</view>
|
||
</scroll-view>
|
||
</swiper-item>
|
||
<swiper-item>
|
||
<scroll-view class="content-scroll" scroll-y="true">
|
||
<view class="form-section">
|
||
<view class="section-title">
|
||
<text class="title-text">定价策略</text>
|
||
</view>
|
||
<text class="section-desc">设置自动定价规则，影响比价结果的参考价格计算</text>
|
||
|
||
<!-- 模式切换 -->
|
||
<view class="mode-tabs">
|
||
<view class="mode-tab" :class="{ active: priceMode === 'lowest' }" @click="priceMode = 'lowest'">
|
||
<text class="mode-tab-text">最低价</text>
|
||
</view>
|
||
<view class="mode-tab" :class="{ active: priceMode === 'average' }" @click="priceMode = 'average'">
|
||
<text class="mode-tab-text">均价</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 最低价模式 -->
|
||
<view v-if="priceMode === 'lowest'">
|
||
<view class="config-field">
|
||
<text class="config-label">以最低价为参照物（第{{ lowestRank }}条）</text>
|
||
<text class="config-desc">选择第几条数据作为参考价</text>
|
||
<view class="picker-wrap">
|
||
<picker :value="lowestRank - 1" :range="lowestOptions" @change="e => lowestRank = e.detail.value + 1">
|
||
<view class="picker-btn">
|
||
<text class="picker-btn-text">第 {{ lowestRank }} 条</text>
|
||
<text class="picker-arrow">›</text>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
</view>
|
||
<view class="config-field">
|
||
<text class="config-label">运费</text>
|
||
<text class="config-desc">每单运费金额</text>
|
||
<input class="num-input-field" v-model="shippingFee" type="digit" placeholder="0.00" @input="onDecimalInput('shippingFee', $event)" />
|
||
</view>
|
||
<view class="config-field">
|
||
<text class="config-label">占位降价</text>
|
||
<text class="config-desc">在参考价基础上降低的金额</text>
|
||
<input class="num-input-field" v-model="priceDiscount" type="digit" placeholder="0.00" @input="onDecimalInput('priceDiscount', $event)" />
|
||
</view>
|
||
<view class="config-field">
|
||
<text class="config-label">最低书价（不含运费）</text>
|
||
<text class="config-desc">设置后的价格不低于此金额</text>
|
||
<input class="num-input-field" v-model="minBookPrice" type="digit" placeholder="0.00" @input="onDecimalInput('minBookPrice', $event)" />
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 均价模式 -->
|
||
<view v-if="priceMode === 'average'">
|
||
<view class="config-field">
|
||
<text class="config-label">以总价最低的{{ averageCount }}个价格平均值为参考物</text>
|
||
<text class="config-desc">选择前{{ averageCount }}条数据取平均值</text>
|
||
<view class="picker-wrap">
|
||
<picker :value="averageCount - 2" :range="averageOptions" @change="e => averageCount = e.detail.value + 2">
|
||
<view class="picker-btn">
|
||
<text class="picker-btn-text">前 {{ averageCount }} 条</text>
|
||
<text class="picker-arrow">›</text>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
</view>
|
||
<view class="config-field">
|
||
<text class="config-label">运费</text>
|
||
<text class="config-desc">每单运费金额</text>
|
||
<input class="num-input-field" v-model="shippingFee" type="digit" placeholder="0.00" @input="onDecimalInput('shippingFee', $event)" />
|
||
</view>
|
||
<view class="config-field">
|
||
<text class="config-label">占位降价</text>
|
||
<text class="config-desc">在参考价基础上降低的金额</text>
|
||
<input class="num-input-field" v-model="priceDiscount" type="digit" placeholder="0.00" @input="onDecimalInput('priceDiscount', $event)" />
|
||
</view>
|
||
<view class="config-field">
|
||
<text class="config-label">最低书价（不含运费）</text>
|
||
<text class="config-desc">设置后的价格不低于此金额</text>
|
||
<input class="num-input-field" v-model="minBookPrice" type="digit" placeholder="0.00" @input="onDecimalInput('minBookPrice', $event)" />
|
||
</view>
|
||
</view>
|
||
|
||
<view class="save-config-btn" @click="savePriceConfig">
|
||
<text>保存设置</text>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</swiper-item>
|
||
</swiper>
|
||
</view>
|
||
</view>
|
||
</swiper-item>
|
||
</swiper>
|
||
|
||
<!-- 底部提交栏 -->
|
||
<view class="bottom-bar">
|
||
<view class="submit-btn" @click="submitUpload">
|
||
<text class="submit-text">确认上传</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 筛选弹窗 -->
|
||
<view class="filter-popup" v-if="showFilterPopup" @click="showFilterPopup = false">
|
||
<view class="popup-content" @click.stop>
|
||
<view class="popup-header">
|
||
<text class="popup-title">筛选在售商品</text>
|
||
<text class="popup-close" @click="showFilterPopup = false">✕</text>
|
||
</view>
|
||
<view class="popup-body">
|
||
<view class="filter-group" v-if="filterPublishers.length > 0">
|
||
<text class="group-title">出版社</text>
|
||
<view class="tag-list">
|
||
<view
|
||
class="tag-item"
|
||
v-for="(item, index) in filterPublishers"
|
||
:key="'p'+index"
|
||
:class="{ active: filterPress === item }"
|
||
@click="filterPress = filterPress === item ? '' : item"
|
||
>
|
||
<text class="tag-text">{{ item }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="filter-group" v-if="filterAuthors.length > 0">
|
||
<text class="group-title">作者</text>
|
||
<view class="tag-list">
|
||
<view
|
||
class="tag-item"
|
||
v-for="(item, index) in filterAuthors"
|
||
:key="'a'+index"
|
||
:class="{ active: filterAuthor === item }"
|
||
@click="filterAuthor = filterAuthor === item ? '' : item"
|
||
>
|
||
<text class="tag-text">{{ item }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="popup-footer">
|
||
<view class="reset-btn" @click="resetFilter">重置</view>
|
||
<view class="confirm-btn" @click="applyFilter">确定</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 仓库货位选择弹窗 -->
|
||
<view class="warehouse-overlay" v-if="showWarehousePicker" @click="closeWarehousePicker">
|
||
<view class="warehouse-popup" @click.stop>
|
||
<view class="popup-header">
|
||
<text class="popup-title">选择仓库货位</text>
|
||
<text class="popup-close" @click="closeWarehousePicker">✕</text>
|
||
</view>
|
||
<view class="popup-body wh-tabs-body">
|
||
<scroll-view class="wh-tabs-bar" scroll-x :show-scrollbar="false">
|
||
<view
|
||
class="wh-tab"
|
||
v-for="(w, idx) in popupWarehouseList"
|
||
:key="w.id"
|
||
:class="{ active: popupActiveWhIndex === idx }"
|
||
@click="selectPopupWarehouse(idx)"
|
||
>
|
||
<text class="wh-tab-text">{{ w.name }}</text>
|
||
</view>
|
||
</scroll-view>
|
||
<!-- 货位搜索 -->
|
||
<view class="wh-search-bar">
|
||
<input class="wh-search-input" v-model="popupLocationSearch" placeholder="搜索货位编码/名称" @input="onLocationSearchInput" />
|
||
<text class="wh-search-clear" v-if="popupLocationSearch" @click="clearLocationSearch">✕</text>
|
||
<text class="wh-scan-btn" @click="scanLocationBarcode">📷</text>
|
||
</view>
|
||
<scroll-view class="wh-location-list" scroll-y :refresher-enabled="true" :refresher-triggered="popupRefreshing" @refresherrefresh="onPopupRefresh" @scrolltolower="loadMorePopupLocation">
|
||
<view
|
||
class="wh-loc-item"
|
||
v-for="loc in filteredLocationList"
|
||
:key="loc.id"
|
||
:class="{ active: popupSelectedLoc && popupSelectedLoc.id === loc.id }"
|
||
@click="selectPopupLocation(loc)"
|
||
>
|
||
<text class="wh-loc-code">{{ loc.code }}</text>
|
||
<text class="wh-loc-check" v-if="popupSelectedLoc && popupSelectedLoc.id === loc.id">✓</text>
|
||
</view>
|
||
<view class="popup-loading" v-if="popupLocLoadingMore">
|
||
<view class="mini-spinner"></view>
|
||
<text>加载中...</text>
|
||
</view>
|
||
<view class="popup-hint-end" v-if="!popupLocHasMore && popupLocationList.length > 0">
|
||
<text>— 已全部加载 —</text>
|
||
</view>
|
||
<view class="popup-hint" v-if="filteredLocationList.length === 0 && !popupLoadingLocation">
|
||
<text>暂无货位</text>
|
||
</view>
|
||
<view class="popup-hint" v-if="popupLoadingLocation">
|
||
<view class="loading-spinner" style="width:40rpx;height:40rpx;"></view>
|
||
<text>加载中...</text>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
<view class="popup-footer">
|
||
<view class="popup-footer-btn cancel" @click="closeWarehousePicker">取消</view>
|
||
<view class="popup-footer-btn confirm" :class="{ disabled: !popupSelectedLoc }" @click="confirmWarehousePicker">确定</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 扫码结果弹窗 -->
|
||
<view class="scan-result-overlay" v-if="showScanPopup" @click="closeScanPopup">
|
||
<view class="scan-result-popup" @click.stop>
|
||
<view class="popup-scan-header">
|
||
<text class="popup-scan-title">扫码结果</text>
|
||
<text class="popup-scan-close" @click="closeScanPopup">✕</text>
|
||
</view>
|
||
<view class="popup-scan-content">
|
||
<view class="scan-result-row" v-if="scanPopupWhCode">
|
||
<text class="scan-result-label">仓库编码</text>
|
||
<text class="scan-result-value">{{ scanPopupWhCode }}</text>
|
||
</view>
|
||
<view class="scan-result-row" v-if="scanPopupLocCode">
|
||
<text class="scan-result-label">货位号</text>
|
||
<text class="scan-result-value">{{ scanPopupLocCode }}</text>
|
||
</view>
|
||
<view class="scan-result-row" v-if="!scanPopupWhCode && !scanPopupLocCode">
|
||
<text class="scan-result-label">条码内容</text>
|
||
<text class="scan-result-value">{{ scanPopupRaw }}</text>
|
||
</view>
|
||
<text class="scan-result-hint">点击「搜索」查询匹配货位</text>
|
||
</view>
|
||
<view class="popup-scan-footer">
|
||
<view class="popup-scan-btn popup-scan-cancel" @click="closeScanPopup">取消</view>
|
||
<view class="popup-scan-btn popup-scan-confirm" @click="confirmScanSearch">搜索</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { getWarehouseList, getLocationList, searchBookByIsbn } from '@/utils/api.js'
|
||
import { login as kongfzLogin, searchProducts, searchFacet } from '@/utils/kongfz.js'
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
currentTab: 'isbn',
|
||
swiperIndex: 0,
|
||
settingsSubTabIndex: 0,
|
||
|
||
// ISBN表单
|
||
isbn: '',
|
||
bookName: '',
|
||
author: '',
|
||
publisher: '',
|
||
fixPrice: '',
|
||
printTime: '',
|
||
price: '',
|
||
stock: 1,
|
||
selectedCondition: '六品',
|
||
conditionList: ['六品', '七品', '八品', '八五品', '九品', '九五品', '全新'],
|
||
photoList: [],
|
||
isbnSelectedArea: '',
|
||
isbnWarehouseData: null,
|
||
marketData: { onSale: 0, old: 0, new: 0, sold: 0 },
|
||
productList: [],
|
||
compareType: 'isbn',
|
||
sortBy: 'total',
|
||
historyList: [],
|
||
isSubmitting: false,
|
||
isLoading: false,
|
||
|
||
// 无ISBN表单
|
||
noIsbnPrintTime: '',
|
||
noIsbnPrintTimeIndexes: [0, 0],
|
||
noIsbnBookName: '',
|
||
noIsbnAuthor: '',
|
||
noIsbnPublisher: '',
|
||
noIsbnFormat: '',
|
||
noIsbnOriginalPrice: '',
|
||
noIsbnWordCount: '',
|
||
noIsbnIsbn: '',
|
||
noIsbnUnifyIsbn: '',
|
||
noIsbnSelectedCondition: '六品',
|
||
noIsbnPrice: '',
|
||
noIsbnStock: 1,
|
||
noIsbnPhotoList: [],
|
||
noIsbnSelectedArea: '',
|
||
noIsbnWarehouseData: null,
|
||
|
||
// 无ISBN - 下拉列表
|
||
noIsbnAuthorOptions: [],
|
||
noIsbnAuthorDropdownVisible: false,
|
||
noIsbnPublisherOptions: [],
|
||
noIsbnPublisherDropdownVisible: false,
|
||
noIsbnFormatDropdownVisible: false,
|
||
|
||
// 开本选项（无ISBN专用）
|
||
noIsbnFormatOptions: ['2', '4', '6', '8', '12', '16', '18', '20', '24', '32', '36', '40', '42', '48', '50', '60', '64', '72', '大16', '大32', '其他'],
|
||
|
||
// 分类（从API加载）
|
||
noIsbnCategoryData: [],
|
||
noIsbnCategoryColumns: [],
|
||
noIsbnCategoryIndexes: [],
|
||
noIsbnCategoryLevels: [],
|
||
noIsbnMaxCategoryLevel: 3,
|
||
noIsbnCategoryPathText: '',
|
||
noIsbnCategoryLoading: false,
|
||
noIsbnSelectedCategoryId: '',
|
||
|
||
// 无ISBN - 市场竞争/在售
|
||
noIsbnProductList: [],
|
||
noIsbnHistoryList: [],
|
||
noIsbnLoading: false,
|
||
noIsbnDetailExpanded: true,
|
||
|
||
// 筛选
|
||
showFilterPopup: false,
|
||
filterPress: '',
|
||
filterAuthor: '',
|
||
|
||
// 仓库弹窗
|
||
showWarehousePicker: false,
|
||
pickerTargetTab: 'isbn',
|
||
popupWarehouseList: [],
|
||
popupActiveWhIndex: 0,
|
||
popupLocationList: [],
|
||
popupSelectedWh: null,
|
||
popupSelectedLoc: null,
|
||
popupLoading: false,
|
||
popupLoadingLocation: false,
|
||
popupLocPage: 1,
|
||
popupLocPageSize: 20,
|
||
popupLocHasMore: true,
|
||
popupLocLoadingMore: false,
|
||
popupLocationSearch: '',
|
||
popupAllLocationList: [],
|
||
popupLocTotal: 0,
|
||
popupRefreshing: false,
|
||
_pendingPreselectWh: null,
|
||
_pendingPreselectLoc: null,
|
||
|
||
// 扫码弹窗
|
||
showScanPopup: false,
|
||
scanPopupWhCode: '',
|
||
scanPopupLocCode: '',
|
||
scanPopupRaw: '',
|
||
|
||
// 登录
|
||
isLoggedIn: false,
|
||
shopName: '',
|
||
shopRegion: '',
|
||
loginAccount: '',
|
||
loginPassword: '',
|
||
showPassword: false,
|
||
rememberPassword: false,
|
||
blockedList: '',
|
||
kongfzToken: '',
|
||
savedAccountList: [],
|
||
|
||
// 定价策略
|
||
priceMode: 'lowest', // lowest | average
|
||
lowestRank: 1,
|
||
averageCount: 2,
|
||
shippingFee: 0,
|
||
priceDiscount: 0,
|
||
minBookPrice: 0
|
||
}
|
||
},
|
||
|
||
onLoad(options) {
|
||
uni.setNavigationBarTitle({ title: '图书上传' })
|
||
if (options && options.tab) {
|
||
this.currentTab = options.tab
|
||
this.swiperIndex = options.tab === 'no-isbn' ? 1 : 0
|
||
}
|
||
// 恢复登录状态
|
||
const savedToken = uni.getStorageSync('kongfz_phpsessid')
|
||
const savedName = uni.getStorageSync('kongfz_shop_name')
|
||
if (savedToken && savedName) {
|
||
this.kongfzToken = savedToken
|
||
this.shopName = savedName
|
||
this.shopRegion = uni.getStorageSync('kongfz_shop_region') || '孔夫子旧书网'
|
||
this.isLoggedIn = true
|
||
}
|
||
// 恢复记住的账号
|
||
const remembered = uni.getStorageSync('kongfz_remembered_account')
|
||
if (remembered) {
|
||
this.loginAccount = remembered
|
||
this.rememberPassword = true
|
||
}
|
||
// 加载已保存账号列表
|
||
this.loadSavedAccounts()
|
||
// 恢复定价策略配置
|
||
this.loadPriceConfig()
|
||
// 预加载图书分类
|
||
this.loadNoIsbnCategory()
|
||
// 初始化印刷时间选择器默认值
|
||
this.syncNoIsbnPrintTimeIndexes()
|
||
// 恢复选择的仓库货位
|
||
const savedWhData = uni.getStorageSync('selectedWarehouseData')
|
||
if (savedWhData) {
|
||
const locationText = savedWhData.warehouseName + ' - ' + savedWhData.locationCode
|
||
const whData = {
|
||
warehouseId: savedWhData.warehouseId,
|
||
warehouseName: savedWhData.warehouseName,
|
||
warehouseCode: savedWhData.warehouseCode,
|
||
locationId: savedWhData.locationId,
|
||
locationName: savedWhData.locationName,
|
||
locationCode: savedWhData.locationCode,
|
||
code: savedWhData.locationCode,
|
||
name: savedWhData.locationName
|
||
}
|
||
this.isbnSelectedArea = locationText
|
||
this.isbnWarehouseData = whData
|
||
this.noIsbnSelectedArea = locationText
|
||
this.noIsbnWarehouseData = whData
|
||
}
|
||
},
|
||
|
||
computed: {
|
||
conditionValue() {
|
||
const map = {
|
||
'全新': '100~',
|
||
'九五品': '95~',
|
||
'九品': '90~',
|
||
'八五品': '85~',
|
||
'八品': '80~',
|
||
'七品': '70~',
|
||
'六品': '60~'
|
||
}
|
||
return this.selectedCondition ? (map[this.selectedCondition] || '') : ''
|
||
},
|
||
noIsbnConditionValue() {
|
||
const map = {
|
||
'全新': '100~',
|
||
'九五品': '95~',
|
||
'九品': '90~',
|
||
'八五品': '85~',
|
||
'八品': '80~',
|
||
'七品': '70~',
|
||
'六品': '60~'
|
||
}
|
||
return this.noIsbnSelectedCondition ? (map[this.noIsbnSelectedCondition] || '') : ''
|
||
},
|
||
calculatedPrice() {
|
||
const sorted = this.sortedProductList
|
||
if (sorted.length === 0) return 0
|
||
const shipping = Number(this.shippingFee) || 0
|
||
const discount = Number(this.priceDiscount) || 0
|
||
const minPrice = Number(this.minBookPrice) || 0
|
||
let result = 0
|
||
if (this.priceMode === 'lowest') {
|
||
const idx = Math.min((Number(this.lowestRank) || 1) - 1, sorted.length - 1)
|
||
const selectedTotal = parseFloat(sorted[idx].totalPrice) || 0
|
||
result = selectedTotal - shipping - discount
|
||
} else {
|
||
const count = Math.min(Number(this.averageCount) || 2, sorted.length)
|
||
let sum = 0
|
||
for (let i = 0; i < count; i++) {
|
||
sum += parseFloat(sorted[i].totalPrice) || 0
|
||
}
|
||
result = (sum / count) - shipping - discount
|
||
}
|
||
if (result <= minPrice) return minPrice
|
||
return parseFloat(result.toFixed(2))
|
||
},
|
||
sortedProductList() {
|
||
let list = [...this.productList]
|
||
// 筛选（精确匹配，同zhizhu）
|
||
if (this.filterPress) {
|
||
list = list.filter(item => item.press === this.filterPress)
|
||
}
|
||
if (this.filterAuthor) {
|
||
list = list.filter(item => item.author === this.filterAuthor)
|
||
}
|
||
// 排序
|
||
if (this.sortBy === 'total') {
|
||
list.sort((a, b) => parseFloat(a.totalPrice) - parseFloat(b.totalPrice))
|
||
} else if (this.sortBy === 'book') {
|
||
list.sort((a, b) => parseFloat(a.bookPrice || 0) - parseFloat(b.bookPrice || 0))
|
||
}
|
||
return list
|
||
},
|
||
// 无ISBN - 按售价策略排序的商品列表
|
||
noIsbnSortedProductList() {
|
||
let list = [...this.noIsbnProductList].slice(0, 12)
|
||
list.sort((a, b) => parseFloat(a.totalPrice) - parseFloat(b.totalPrice))
|
||
return list
|
||
},
|
||
// 无ISBN - 自动计算售价（策略与ISBN页一致）
|
||
calculatedNoIsbnPrice() {
|
||
const sorted = this.noIsbnSortedProductList
|
||
if (sorted.length === 0) return 0
|
||
const shipping = Number(this.shippingFee) || 0
|
||
const discount = Number(this.priceDiscount) || 0
|
||
const minPrice = Number(this.minBookPrice) || 0
|
||
let result = 0
|
||
if (this.priceMode === 'lowest') {
|
||
const idx = Math.min((Number(this.lowestRank) || 1) - 1, sorted.length - 1)
|
||
const selectedTotal = parseFloat(sorted[idx].totalPrice) || 0
|
||
result = selectedTotal - shipping - discount
|
||
} else {
|
||
const count = Math.min(Number(this.averageCount) || 2, sorted.length)
|
||
let sum = 0
|
||
for (let i = 0; i < count; i++) {
|
||
sum += parseFloat(sorted[i].totalPrice) || 0
|
||
}
|
||
result = (sum / count) - shipping - discount
|
||
}
|
||
if (result <= minPrice) return minPrice
|
||
return parseFloat(result.toFixed(2))
|
||
},
|
||
filterPublishers() {
|
||
const set = new Set()
|
||
this.productList.slice(0, 12).forEach(item => {
|
||
if (item.press) set.add(item.press)
|
||
})
|
||
return Array.from(set)
|
||
},
|
||
filterAuthors() {
|
||
const set = new Set()
|
||
this.productList.slice(0, 12).forEach(item => {
|
||
if (item.author) set.add(item.author)
|
||
})
|
||
return Array.from(set)
|
||
},
|
||
lowestOptions() {
|
||
const arr = []
|
||
for (let i = 1; i <= 12; i++) arr.push(i)
|
||
return arr
|
||
},
|
||
averageOptions() {
|
||
const arr = []
|
||
for (let i = 2; i <= 12; i++) arr.push(i)
|
||
return arr
|
||
},
|
||
noIsbnYearOptions() {
|
||
const arr = []
|
||
const cur = new Date().getFullYear()
|
||
for (let i = 800; i <= cur; i++) arr.push(String(i))
|
||
return arr
|
||
},
|
||
noIsbnMonthOptions() {
|
||
const arr = []
|
||
for (let i = 1; i <= 12; i++) arr.push(String(i).padStart(2, '0'))
|
||
return arr
|
||
},
|
||
noIsbnPrintTimeColumns() {
|
||
return [this.noIsbnYearOptions, this.noIsbnMonthOptions]
|
||
},
|
||
filteredLocationList() {
|
||
if (!this.popupLocationSearch) return this.popupLocationList
|
||
const kw = this.popupLocationSearch.toLowerCase()
|
||
return this.popupAllLocationList.filter(loc => {
|
||
const code = (loc.code || '').toLowerCase()
|
||
const name = (loc.name || '').toLowerCase()
|
||
return code.includes(kw) || name.includes(kw)
|
||
})
|
||
}
|
||
},
|
||
|
||
watch: {
|
||
noIsbnSelectedCondition() {
|
||
// 品相变化时重新搜索在售商品（无ISBN页）
|
||
if (this.noIsbnProductList.length > 0 && this.noIsbnBookName && this.isLoggedIn) {
|
||
this.searchNoIsbn()
|
||
}
|
||
},
|
||
selectedCondition() {
|
||
// 品相变化时重新搜索在售商品（ISBN页）
|
||
if (this.productList.length > 0 && this.isbn && this.isLoggedIn) {
|
||
this.searchISBN()
|
||
}
|
||
},
|
||
noIsbnPrintTime() {
|
||
this.syncNoIsbnPrintTimeIndexes()
|
||
}
|
||
},
|
||
|
||
methods: {
|
||
// 标签切换
|
||
switchTab(tab) {
|
||
const idx = tab === 'isbn' ? 0 : tab === 'no-isbn' ? 1 : 2
|
||
this.swiperIndex = idx
|
||
this.currentTab = tab
|
||
if (tab === 'settings') {
|
||
this.settingsSubTabIndex = 0
|
||
}
|
||
},
|
||
|
||
onTabSwiperChange(e) {
|
||
const idx = e.detail.current
|
||
this.swiperIndex = idx
|
||
const tabs = ['isbn', 'no-isbn', 'settings']
|
||
this.currentTab = tabs[idx]
|
||
},
|
||
|
||
onSettingsSwiperChange(e) {
|
||
this.settingsSubTabIndex = e.detail.current
|
||
},
|
||
|
||
// ISBN扫码
|
||
scanISBN() {
|
||
// 必须已登录孔网
|
||
if (!this.isLoggedIn) {
|
||
uni.showToast({ title: '请先登录孔网账号', icon: 'none' })
|
||
return
|
||
}
|
||
// 手机系统原生扫码（实时识别，对准即出结果）
|
||
uni.scanCode({
|
||
onlyFromCamera: true,
|
||
scanType: ['barcode'],
|
||
success: (res) => {
|
||
this.isbn = (res.result || '').trim()
|
||
this.searchISBN()
|
||
},
|
||
fail: () => {}
|
||
})
|
||
},
|
||
|
||
// ISBN搜索 - 查询图书中心 + 孔网市场
|
||
searchISBN() {
|
||
// 必须已登录孔网
|
||
if (!this.isLoggedIn) {
|
||
uni.showToast({ title: '请先登录孔网账号', icon: 'none' })
|
||
return
|
||
}
|
||
let keyword = ''
|
||
if (this.compareType === 'isbn') {
|
||
if (!this.isbn) {
|
||
uni.showToast({ title: '请输入ISBN', icon: 'none' })
|
||
return
|
||
}
|
||
keyword = this.isbn
|
||
} else {
|
||
if (!this.bookName) {
|
||
uni.showToast({ title: '请输入书名', icon: 'none' })
|
||
return
|
||
}
|
||
keyword = this.bookName
|
||
}
|
||
this.isLoading = true
|
||
this.productList = []
|
||
|
||
// 1. 查询图书中心 - 获取图书详情（仅ISBN模式）
|
||
if (this.compareType === 'isbn') {
|
||
searchBookByIsbn(this.isbn).then(data => {
|
||
if (data.book_name) this.bookName = data.book_name
|
||
if (data.author) this.author = data.author
|
||
if (data.publisher) this.publisher = data.publisher
|
||
if (data.fix_price && data.fix_price > 0) {
|
||
this.fixPrice = (data.fix_price / 100).toFixed(2)
|
||
}
|
||
if (data.publication_time) this.printTime = data.publication_time
|
||
if (data.binding_layout) this.noIsbnFormat = data.binding_layout
|
||
console.log('图书中心查询成功:', data)
|
||
}).catch(err => {
|
||
console.log('图书中心查询无结果:', err)
|
||
})
|
||
}
|
||
|
||
// 2. 搜索孔夫子 - 获取在售商品信息
|
||
const phpsessid = this.kongfzToken || uni.getStorageSync('kongfz_phpsessid') || ''
|
||
// 排序参数：7=总价从低到高(含运费) 5=书价从低到高
|
||
const sortType = this.sortBy === 'book' ? '5' : '7'
|
||
// 并行请求：商品列表 + 品相统计（在售）+ 品相统计（已售）
|
||
Promise.all([
|
||
searchProducts(keyword, { phpsessid, sortType, quality: this.conditionValue }),
|
||
searchFacet(keyword, { phpsessid, dataType: 0 }),
|
||
searchFacet(keyword, { phpsessid, dataType: 1 })
|
||
]).then(([productsData, onSaleFacet, soldFacet]) => {
|
||
this.isLoading = false
|
||
if (productsData && productsData.total > 0) {
|
||
// 在售商品列表（最多12条）
|
||
const list = (productsData.list || []).slice(0, 12)
|
||
this.productList = list.map(item => {
|
||
const cleanPrice = parseFloat((item.priceText || '0').replace(/[^\d.]/g, ''))
|
||
let shippingFee = 0
|
||
// 多种格式兼容处理运费
|
||
if (item.postage) {
|
||
if (typeof item.postage === 'number' || typeof item.postage === 'string') {
|
||
// 运费直接是数字/字符串
|
||
shippingFee = parseFloat(item.postage) || 0
|
||
} else if (item.postage.shippingList && item.postage.shippingList.length > 0) {
|
||
// 标准格式: postage.shippingList[0].shippingFee
|
||
shippingFee = parseFloat(item.postage.shippingList[0].shippingFee || 0)
|
||
} else if (item.postage.shippingFee) {
|
||
// 扁平格式: postage.shippingFee
|
||
shippingFee = parseFloat(item.postage.shippingFee || 0)
|
||
}
|
||
}
|
||
// 也检查顶层字段
|
||
if (shippingFee === 0 && item.shippingFee) {
|
||
shippingFee = parseFloat(item.shippingFee) || 0
|
||
}
|
||
const totalPrice = Number((cleanPrice + shippingFee).toFixed(2))
|
||
return {
|
||
image: item.imgBigUrl || '',
|
||
totalPrice: totalPrice,
|
||
bookPrice: cleanPrice,
|
||
shippingFee: shippingFee,
|
||
condition: item.qualityText || '',
|
||
shopName: item.shopName || '',
|
||
bookName: item.title || '',
|
||
author: item.author || '',
|
||
press: item.press || '',
|
||
pubDate: item.pubDateText || '',
|
||
bookId: item.id || ''
|
||
}
|
||
})
|
||
// 自动填充计算价格
|
||
this.$nextTick(() => {
|
||
if (this.calculatedPrice > 0) {
|
||
this.price = String(this.calculatedPrice)
|
||
}
|
||
})
|
||
}
|
||
// 市场统计：使用facet接口的真实数据（totalFound为准）
|
||
this.marketData = {
|
||
onSale: onSaleFacet ? onSaleFacet.totalFound : (productsData ? productsData.total : 0),
|
||
old: onSaleFacet ? onSaleFacet.oldCount : 0,
|
||
new: onSaleFacet ? onSaleFacet.newCount : 0,
|
||
sold: soldFacet ? (soldFacet.oldCount + soldFacet.newCount) : 0
|
||
}
|
||
}).catch(() => {
|
||
this.isLoading = false
|
||
this.marketData = { onSale: 0, old: 0, new: 0, sold: 0 }
|
||
})
|
||
},
|
||
|
||
// 品相选择
|
||
selectCondition(item) {
|
||
this.selectedCondition = item
|
||
},
|
||
|
||
// 拍照
|
||
takePhoto() {
|
||
if (this.photoList.length >= 9) return
|
||
uni.chooseImage({
|
||
count: 9 - this.photoList.length,
|
||
success: (res) => {
|
||
this.photoList = [...this.photoList, ...res.tempFilePaths]
|
||
}
|
||
})
|
||
},
|
||
|
||
deletePhoto(index) {
|
||
this.photoList.splice(index, 1)
|
||
},
|
||
|
||
previewPhoto(photo, index) {
|
||
uni.previewImage({
|
||
urls: this.photoList,
|
||
current: index
|
||
})
|
||
},
|
||
|
||
// 无ISBN拍照
|
||
takePhotoNoIsbn() {
|
||
if (this.noIsbnPhotoList.length >= 9) return
|
||
uni.chooseImage({
|
||
count: 9 - this.noIsbnPhotoList.length,
|
||
success: (res) => {
|
||
this.noIsbnPhotoList = [...this.noIsbnPhotoList, ...res.tempFilePaths]
|
||
}
|
||
})
|
||
},
|
||
|
||
deleteNoIsbnPhoto(index) {
|
||
this.noIsbnPhotoList.splice(index, 1)
|
||
},
|
||
|
||
// 仓库弹窗
|
||
openWarehousePicker(tab) {
|
||
this.pickerTargetTab = tab
|
||
this.showWarehousePicker = true
|
||
const savedData = tab === 'isbn' ? this.isbnWarehouseData : this.noIsbnWarehouseData
|
||
this._pendingPreselectWh = savedData ? savedData.warehouseId : null
|
||
this._pendingPreselectLoc = savedData ? savedData.locationId : null
|
||
this.loadPopupWarehouses()
|
||
},
|
||
|
||
closeWarehousePicker() {
|
||
this.showWarehousePicker = false
|
||
this.popupSelectedLoc = null
|
||
},
|
||
|
||
async loadPopupWarehouses() {
|
||
this.popupLoading = true
|
||
try {
|
||
const res = await getWarehouseList({ status: 1, page: 1, page_size: 100 })
|
||
console.log('仓库列表原始响应:', JSON.stringify(res))
|
||
const list = res.data?.list || res.data?.records || res.list || res.records || []
|
||
if (list.length > 0) {
|
||
this.popupWarehouseList = list
|
||
// 默认选中第一个仓库
|
||
let whIdx = 0
|
||
const preselectWhId = this._pendingPreselectWh
|
||
if (preselectWhId) {
|
||
const foundIdx = list.findIndex(w => w.id === preselectWhId)
|
||
if (foundIdx !== -1) whIdx = foundIdx
|
||
}
|
||
this.popupActiveWhIndex = whIdx
|
||
this.popupSelectedWh = list[whIdx]
|
||
this.popupSelectedLoc = null
|
||
await this.loadPopupLocations(list[whIdx].id)
|
||
// 加载完货位后根据已选ID自动选中
|
||
const preselectLocId = this._pendingPreselectLoc
|
||
if (preselectLocId && this.popupLocationList.length > 0) {
|
||
const foundLoc = this.popupLocationList.find(l => l.id === preselectLocId)
|
||
if (foundLoc) {
|
||
this.popupSelectedLoc = foundLoc
|
||
}
|
||
}
|
||
this._pendingPreselectWh = null
|
||
this._pendingPreselectLoc = null
|
||
} else {
|
||
console.warn('仓库列表为空, 响应code:', res.code, '响应data:', JSON.stringify(res.data))
|
||
}
|
||
} catch (e) {
|
||
console.error('加载仓库失败:', e)
|
||
const errMsg = e.message || String(e)
|
||
if (errMsg.includes('NEED_LOGIN')) {
|
||
const displayMsg = errMsg.replace('NEED_LOGIN:', '')
|
||
uni.showModal({
|
||
title: '系统提示',
|
||
content: displayMsg,
|
||
showCancel: false
|
||
})
|
||
}
|
||
} finally {
|
||
this.popupLoading = false
|
||
}
|
||
},
|
||
|
||
async loadPopupLocations(warehouseId, keepExisting = false, searchKeyword = '') {
|
||
if (!keepExisting) {
|
||
this.popupLoadingLocation = true
|
||
this.popupLocPage = 1
|
||
this.popupLocHasMore = true
|
||
this.popupAllLocationList = []
|
||
this.popupLocTotal = 0
|
||
}
|
||
try {
|
||
const params = {
|
||
warehouse_id: warehouseId, type: 1, status: 1,
|
||
page: this.popupLocPage, page_size: this.popupLocPageSize
|
||
}
|
||
// 如果传了搜索关键词,交给后端过滤
|
||
if (searchKeyword) {
|
||
params.code = searchKeyword
|
||
}
|
||
const res = await getLocationList(params)
|
||
console.log('【货位列表】load响应:', JSON.stringify(res))
|
||
// 兼容多种响应格式：{ code:0, data:{ list:[], total:100 } } 或直接 { list:[], total:100 }
|
||
let newList = []
|
||
let totalCount = 0
|
||
if (res.code === 0 && res.data) {
|
||
newList = res.data.list || res.data.records || []
|
||
totalCount = res.data.total || 0
|
||
} else if (res.list || res.records) {
|
||
newList = res.list || res.records || []
|
||
totalCount = res.total || 0
|
||
}
|
||
if (newList.length > 0) {
|
||
if (keepExisting) {
|
||
this.popupLocationList = [...this.popupLocationList, ...newList]
|
||
this.popupAllLocationList = [...this.popupAllLocationList, ...newList]
|
||
} else {
|
||
this.popupLocationList = newList
|
||
this.popupAllLocationList = newList
|
||
}
|
||
this.popupLocTotal = totalCount
|
||
this.popupLocHasMore = this.popupLocPage * this.popupLocPageSize < totalCount
|
||
} else {
|
||
if (!keepExisting) {
|
||
this.popupLocationList = []
|
||
this.popupAllLocationList = []
|
||
}
|
||
this.popupLocHasMore = false
|
||
}
|
||
} catch (e) {
|
||
console.error('加载货位失败:', e)
|
||
const errMsg = e.message || String(e)
|
||
if (errMsg.includes('NEED_LOGIN')) {
|
||
const displayMsg = errMsg.replace('NEED_LOGIN:', '')
|
||
uni.showModal({
|
||
title: '系统提示',
|
||
content: displayMsg,
|
||
showCancel: false
|
||
})
|
||
}
|
||
this.popupLocationList = this.popupAllLocationList
|
||
this.popupLocHasMore = false
|
||
} finally {
|
||
if (!keepExisting) {
|
||
this.popupLoadingLocation = false
|
||
}
|
||
}
|
||
},
|
||
|
||
selectPopupWarehouse(idx) {
|
||
this.popupActiveWhIndex = idx
|
||
const wh = this.popupWarehouseList[idx]
|
||
if (wh) {
|
||
this.popupSelectedWh = wh
|
||
this.popupSelectedLoc = null
|
||
this.popupLocationSearch = ''
|
||
return this.loadPopupLocations(wh.id)
|
||
}
|
||
},
|
||
|
||
selectPopupLocation(loc) {
|
||
this.popupSelectedLoc = loc
|
||
},
|
||
|
||
confirmWarehousePicker() {
|
||
if (!this.popupSelectedLoc) return
|
||
const wh = this.popupWarehouseList[this.popupActiveWhIndex]
|
||
if (this.pickerTargetTab === 'isbn') {
|
||
this.isbnWarehouseData = {
|
||
warehouseId: wh.id,
|
||
warehouseName: wh.name,
|
||
warehouseCode: wh.code,
|
||
locationId: this.popupSelectedLoc.id,
|
||
locationCode: this.popupSelectedLoc.code,
|
||
locationName: this.popupSelectedLoc.name
|
||
}
|
||
this.isbnSelectedArea = `${wh.name} - ${this.popupSelectedLoc.code}`
|
||
} else {
|
||
this.noIsbnWarehouseData = {
|
||
warehouseId: wh.id,
|
||
warehouseName: wh.name,
|
||
warehouseCode: wh.code,
|
||
locationId: this.popupSelectedLoc.id,
|
||
locationCode: this.popupSelectedLoc.code,
|
||
locationName: this.popupSelectedLoc.name
|
||
}
|
||
this.noIsbnSelectedArea = `${wh.name} - ${this.popupSelectedLoc.code}`
|
||
}
|
||
this.showWarehousePicker = false
|
||
},
|
||
|
||
// 下拉刷新货位列表
|
||
async onPopupRefresh() {
|
||
this.popupRefreshing = true
|
||
this.popupLocationSearch = ''
|
||
const wh = this.popupWarehouseList[this.popupActiveWhIndex]
|
||
if (wh) {
|
||
await this.loadPopupLocations(wh.id)
|
||
}
|
||
this.popupRefreshing = false
|
||
},
|
||
|
||
// 上拉加载更多
|
||
loadMorePopupLocation() {
|
||
if (!this.popupLocHasMore || this.popupLocLoadingMore) return
|
||
this.popupLocLoadingMore = true
|
||
this.popupLocPage++
|
||
const wh = this.popupWarehouseList[this.popupActiveWhIndex]
|
||
if (!wh) { this.popupLocLoadingMore = false; return }
|
||
this.loadPopupLocations(wh.id, true).catch(() => {
|
||
this.popupLocPage--
|
||
}).finally(() => {
|
||
this.popupLocLoadingMore = false
|
||
})
|
||
},
|
||
|
||
// 货位搜索
|
||
onLocationSearchInput() {
|
||
if (this.popupLocationSearch) {
|
||
const kw = this.popupLocationSearch.toLowerCase()
|
||
this.popupLocationList = this.popupAllLocationList.filter(loc => {
|
||
const code = (loc.code || '').toLowerCase()
|
||
const name = (loc.name || '').toLowerCase()
|
||
return code.includes(kw) || name.includes(kw)
|
||
})
|
||
} else {
|
||
this.popupLocationList = [...this.popupAllLocationList]
|
||
}
|
||
},
|
||
|
||
clearLocationSearch() {
|
||
this.popupLocationSearch = ''
|
||
this.popupLocationList = [...this.popupAllLocationList]
|
||
},
|
||
|
||
// 扫码识别货位（格式：仓库编码##货位号，如 NS##a5-4）
|
||
async scanLocationBarcode() {
|
||
uni.scanCode({
|
||
onlyFromCamera: true,
|
||
scanType: ['barcode'],
|
||
success: async (res) => {
|
||
const scanned = (res.result || '').trim()
|
||
if (!scanned) return
|
||
|
||
// 尝试解析 编码##货位号 格式
|
||
const sepIdx = scanned.indexOf('##')
|
||
if (sepIdx > 0) {
|
||
const whCode = scanned.substring(0, sepIdx).trim()
|
||
const locCode = scanned.substring(sepIdx + 2).trim()
|
||
if (whCode && locCode) {
|
||
this.scanPopupWhCode = whCode
|
||
this.scanPopupLocCode = locCode
|
||
this.scanPopupRaw = ''
|
||
this.showScanPopup = true
|
||
return
|
||
}
|
||
}
|
||
|
||
// 纯条码格式
|
||
this.scanPopupWhCode = ''
|
||
this.scanPopupLocCode = ''
|
||
this.scanPopupRaw = scanned
|
||
this.showScanPopup = true
|
||
},
|
||
fail: () => {}
|
||
})
|
||
},
|
||
|
||
closeScanPopup() {
|
||
this.showScanPopup = false
|
||
},
|
||
|
||
async confirmScanSearch() {
|
||
this.showScanPopup = false
|
||
const whCode = this.scanPopupWhCode
|
||
const locCode = this.scanPopupLocCode
|
||
const raw = this.scanPopupRaw
|
||
|
||
if (whCode && locCode) {
|
||
// 格式 NS##a5-4
|
||
const whIdx = this.popupWarehouseList.findIndex(w => {
|
||
const code = (w.code || '').toLowerCase()
|
||
const name = (w.name || '').toLowerCase()
|
||
const search = whCode.toLowerCase()
|
||
return code === search || name === search || code.includes(search)
|
||
})
|
||
if (whIdx !== -1) {
|
||
await this.loadPopupLocations(this.popupWarehouseList[whIdx].id, false, locCode)
|
||
this.popupActiveWhIndex = whIdx
|
||
this.popupSelectedWh = this.popupWarehouseList[whIdx]
|
||
if (this.popupLocationList.length > 0) {
|
||
this.popupSelectedLoc = this.popupLocationList[0]
|
||
this.popupLocationSearch = ''
|
||
uni.showToast({ title: '已匹配仓库' + whCode + ' 货位:' + this.popupLocationList[0].code, icon: 'success' })
|
||
} else {
|
||
uni.showToast({ title: '已切换仓库' + whCode + '，但未找到货位' + locCode, icon: 'none' })
|
||
}
|
||
} else {
|
||
uni.showToast({ title: '未找到仓库: ' + whCode, icon: 'none' })
|
||
}
|
||
} else if (raw) {
|
||
// 纯条码，在当前仓库的货位列表中查找
|
||
const search = raw.toLowerCase()
|
||
const matched = this.popupAllLocationList.find(l => {
|
||
const code = (l.code || '').toLowerCase()
|
||
const name = (l.name || '').toLowerCase()
|
||
return code === search || name === search ||
|
||
code.includes(search) || search.includes(code)
|
||
})
|
||
if (matched) {
|
||
this.popupSelectedLoc = matched
|
||
this.popupLocationSearch = ''
|
||
this.popupLocationList = [...this.popupAllLocationList]
|
||
uni.showToast({ title: '已选中货位: ' + matched.code, icon: 'success' })
|
||
} else {
|
||
uni.showToast({ title: '未找到匹配货位', icon: 'none' })
|
||
}
|
||
}
|
||
},
|
||
|
||
// 比价切换 - 切换后触发搜索
|
||
switchCompare(type) {
|
||
this.compareType = type
|
||
this.searchISBN()
|
||
},
|
||
|
||
// 排序 - 切换后重新请求孔夫子接口
|
||
sortProducts(by) {
|
||
this.sortBy = by
|
||
this.searchISBN()
|
||
},
|
||
|
||
// 筛选
|
||
showMoreFilter() {
|
||
this.showFilterPopup = true
|
||
},
|
||
|
||
resetFilter() {
|
||
this.filterPress = ''
|
||
this.filterAuthor = ''
|
||
},
|
||
|
||
applyFilter() {
|
||
this.showFilterPopup = false
|
||
},
|
||
|
||
// 分类
|
||
// 无ISBN - 分类选择器：列变化
|
||
onNoIsbnCategoryColumnChange(e) {
|
||
const { column, value } = e.detail
|
||
this.noIsbnCategoryIndexes[column] = value
|
||
this.noIsbnCategoryLevels[column] = this.noIsbnCategoryColumns[column][value]
|
||
if (column < this.noIsbnMaxCategoryLevel - 1) {
|
||
this.updateNoIsbnSubsequentColumns(column + 1)
|
||
}
|
||
this.updateNoIsbnCategoryPathText()
|
||
},
|
||
|
||
// 无ISBN - 分类选择器：确认选择
|
||
onNoIsbnCategoryChange(e) {
|
||
const values = e.detail.value
|
||
this.noIsbnCategoryIndexes = [...values]
|
||
for (let i = 0; i < values.length; i++) {
|
||
if (this.noIsbnCategoryColumns[i] && this.noIsbnCategoryColumns[i][values[i]]) {
|
||
this.noIsbnCategoryLevels[i] = this.noIsbnCategoryColumns[i][values[i]]
|
||
}
|
||
}
|
||
this.updateNoIsbnCategoryPathText()
|
||
this.updateNoIsbnSelectedCategoryId()
|
||
},
|
||
|
||
updateNoIsbnSubsequentColumns(startColumn) {
|
||
const parentCategory = this.noIsbnCategoryLevels[startColumn - 1]
|
||
if (!parentCategory || !parentCategory.children || parentCategory.children.length === 0) {
|
||
for (let i = startColumn; i < this.noIsbnMaxCategoryLevel; i++) {
|
||
this.noIsbnCategoryColumns[i] = [{ name: '暂无数据', id: '' }]
|
||
this.noIsbnCategoryIndexes[i] = 0
|
||
this.noIsbnCategoryLevels[i] = { name: '暂无数据', id: '' }
|
||
}
|
||
return
|
||
}
|
||
this.noIsbnCategoryColumns[startColumn] = parentCategory.children
|
||
this.noIsbnCategoryIndexes[startColumn] = 0
|
||
this.noIsbnCategoryLevels[startColumn] = parentCategory.children[0]
|
||
if (startColumn < this.noIsbnMaxCategoryLevel - 1) {
|
||
this.updateNoIsbnSubsequentColumns(startColumn + 1)
|
||
}
|
||
},
|
||
|
||
updateNoIsbnCategoryPathText() {
|
||
const validLevels = this.noIsbnCategoryLevels.filter(level => level && level.name && level.name !== '暂无数据')
|
||
this.noIsbnCategoryPathText = validLevels.map(level => level.name).join(' / ')
|
||
},
|
||
|
||
updateNoIsbnSelectedCategoryId() {
|
||
const validLevels = this.noIsbnCategoryLevels.filter(level => level && level.id && level.id !== '')
|
||
this.noIsbnSelectedCategoryId = validLevels.length > 0 ? validLevels[validLevels.length - 1].id : ''
|
||
},
|
||
|
||
// 加载图书分类（从API）
|
||
loadNoIsbnCategory() {
|
||
this.noIsbnCategoryLoading = true
|
||
const cookies = uni.getStorageSync('cookies') || this.kongfzToken || ''
|
||
uni.request({
|
||
url: 'https://api.buzhiyushu.cn/api/kongfz/getCategory',
|
||
method: 'GET',
|
||
data: { token: cookies },
|
||
header: { 'Content-Type': 'application/json' },
|
||
success: (res) => {
|
||
const responseData = res.data
|
||
if (responseData && responseData.successResponse) {
|
||
this.noIsbnCategoryData = responseData.successResponse
|
||
this.initNoIsbnCategoryPicker()
|
||
} else {
|
||
console.error('获取分类数据失败:', responseData)
|
||
// 使用本地默认分类
|
||
this.loadDefaultNoIsbnCategory()
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
console.error('获取分类数据异常:', err)
|
||
this.loadDefaultNoIsbnCategory()
|
||
},
|
||
complete: () => {
|
||
this.noIsbnCategoryLoading = false
|
||
}
|
||
})
|
||
},
|
||
|
||
loadDefaultNoIsbnCategory() {
|
||
const defaultCategories = [
|
||
{ name: '文学', id: '1', level: 1, children: [{ name: '中国文学', id: '11', level: 2, children: [] }] },
|
||
{ name: '艺术', id: '2', level: 1, children: [] },
|
||
{ name: '历史', id: '3', level: 1, children: [] },
|
||
{ name: '哲学', id: '4', level: 1, children: [] },
|
||
{ name: '科学', id: '5', level: 1, children: [] },
|
||
{ name: '技术', id: '6', level: 1, children: [] },
|
||
{ name: '教育', id: '7', level: 1, children: [] },
|
||
{ name: '经济', id: '8', level: 1, children: [] },
|
||
{ name: '政治', id: '9', level: 1, children: [] },
|
||
{ name: '军事', id: '10', level: 1, children: [] },
|
||
{ name: '法律', id: '11', level: 1, children: [] },
|
||
{ name: '社会', id: '12', level: 1, children: [] },
|
||
{ name: '文化', id: '13', level: 1, children: [] },
|
||
{ name: '语言', id: '14', level: 1, children: [] },
|
||
{ name: '工具书', id: '15', level: 1, children: [] },
|
||
{ name: '其他', id: '16', level: 1, children: [] }
|
||
]
|
||
this.noIsbnCategoryData = defaultCategories
|
||
this.initNoIsbnCategoryPicker()
|
||
},
|
||
|
||
initNoIsbnCategoryPicker() {
|
||
this.noIsbnCategoryColumns = []
|
||
this.noIsbnCategoryLevels = []
|
||
this.noIsbnCategoryIndexes = []
|
||
const level1Categories = (this.noIsbnCategoryData || []).filter(item => item.level === 1)
|
||
if (level1Categories.length === 0) return
|
||
this.noIsbnCategoryColumns[0] = level1Categories
|
||
this.noIsbnCategoryIndexes[0] = 0
|
||
let currentParent = level1Categories[0]
|
||
let currentLevel = 1
|
||
this.noIsbnCategoryLevels[0] = currentParent
|
||
while (currentLevel < this.noIsbnMaxCategoryLevel) {
|
||
const children = currentParent.children || []
|
||
if (children.length === 0) break
|
||
this.noIsbnCategoryColumns[currentLevel] = children
|
||
this.noIsbnCategoryIndexes[currentLevel] = 0
|
||
this.noIsbnCategoryLevels[currentLevel] = children[0]
|
||
currentParent = children[0]
|
||
currentLevel++
|
||
}
|
||
while (this.noIsbnCategoryColumns.length < this.noIsbnMaxCategoryLevel) {
|
||
this.noIsbnCategoryColumns.push([{ name: '暂无数据', id: '' }])
|
||
this.noIsbnCategoryIndexes.push(0)
|
||
this.noIsbnCategoryLevels.push({ name: '暂无数据', id: '' })
|
||
}
|
||
this.updateNoIsbnCategoryPathText()
|
||
this.updateNoIsbnSelectedCategoryId()
|
||
},
|
||
|
||
// 印刷时间 - 列变化
|
||
onNoIsbnPrintTimeColumnChange(e) {
|
||
const { column, value } = e.detail
|
||
this.noIsbnPrintTimeIndexes[column] = value
|
||
},
|
||
|
||
// 印刷时间 - 确认选择
|
||
onNoIsbnPrintTimeChange(e) {
|
||
const values = e.detail.value
|
||
this.noIsbnPrintTimeIndexes = [...values]
|
||
const year = this.noIsbnYearOptions[values[0]]
|
||
const month = this.noIsbnMonthOptions[values[1]]
|
||
if (year && month) {
|
||
this.noIsbnPrintTime = year + '/' + month
|
||
}
|
||
},
|
||
|
||
// 同步印刷时间选择器索引（空→今年，有值→对应年/月）
|
||
syncNoIsbnPrintTimeIndexes() {
|
||
if (this.noIsbnPrintTime) {
|
||
const parts = this.noIsbnPrintTime.split('/')
|
||
const yearIdx = this.noIsbnYearOptions.indexOf(parts[0])
|
||
const monthIdx = parts[1] ? this.noIsbnMonthOptions.indexOf(parts[1].padStart(2, '0')) : -1
|
||
if (yearIdx >= 0) this.noIsbnPrintTimeIndexes[0] = yearIdx
|
||
if (monthIdx >= 0) this.noIsbnPrintTimeIndexes[1] = monthIdx
|
||
} else {
|
||
const curYear = String(new Date().getFullYear())
|
||
const curYearIdx = this.noIsbnYearOptions.indexOf(curYear)
|
||
if (curYearIdx >= 0) this.noIsbnPrintTimeIndexes[0] = curYearIdx
|
||
this.noIsbnPrintTimeIndexes[1] = 0
|
||
}
|
||
},
|
||
|
||
// 商品预览
|
||
previewProductImage(index) {
|
||
const urls = this.productList.map(item => item.image).filter(Boolean)
|
||
if (urls.length > 0) {
|
||
uni.previewImage({ urls, current: index })
|
||
}
|
||
},
|
||
|
||
// 提交上传
|
||
submitUpload() {
|
||
if (this.isSubmitting) return
|
||
|
||
const warehouseData = this.currentTab === 'isbn' ? this.isbnWarehouseData : this.noIsbnWarehouseData
|
||
if (!warehouseData) {
|
||
uni.showToast({ title: '请选择货区', icon: 'none' })
|
||
return
|
||
}
|
||
|
||
const warehouseName = warehouseData.warehouseName || warehouseData.name || ''
|
||
const locCode = warehouseData.locationCode || warehouseData.code || ''
|
||
const locationText = warehouseName + (locCode ? ' - ' + locCode : '')
|
||
|
||
// 检查是否有图片
|
||
if (this.currentTab === 'isbn' && this.photoList.length < 1) {
|
||
uni.showToast({ title: '请至少拍一张图片', icon: 'none' })
|
||
return
|
||
}
|
||
if (this.currentTab === 'no-isbn' && this.noIsbnPhotoList.length < 1) {
|
||
uni.showToast({ title: '请至少拍一张图片', icon: 'none' })
|
||
return
|
||
}
|
||
|
||
let contentLines
|
||
if (this.currentTab === 'isbn') {
|
||
if (!this.isbn) {
|
||
uni.showToast({ title: 'ISBN不能为空', icon: 'none' })
|
||
return
|
||
}
|
||
if (!this.price) {
|
||
uni.showToast({ title: '售价不能为空', icon: 'none' })
|
||
return
|
||
}
|
||
contentLines = [
|
||
'📦 货区：' + locationText,
|
||
'📖 ISBN：' + (this.isbn || '-'),
|
||
'📕 书名：' + (this.bookName || '-'),
|
||
'💰 价格：' + (this.price || '-'),
|
||
'📊 库存：' + (this.stock ?? '-'),
|
||
'✍️ 作者：' + (this.author || '-'),
|
||
'🏢 出版社：' + (this.publisher || '-'),
|
||
'🏷️ 定价：' + (this.fixPrice || '-'),
|
||
'📅 印刷时间：' + (this.printTime || '-'),
|
||
'📷 图片：' + this.photoList.length + '张'
|
||
]
|
||
} else {
|
||
if (!this.noIsbnPrice) {
|
||
uni.showToast({ title: '售价不能为空', icon: 'none' })
|
||
return
|
||
}
|
||
if (!this.noIsbnBookName) {
|
||
uni.showToast({ title: '书名不能为空', icon: 'none' })
|
||
return
|
||
}
|
||
contentLines = [
|
||
'📦 货区：' + locationText,
|
||
'📕 书名：' + (this.noIsbnBookName || '-'),
|
||
'✍️ 作者：' + (this.noIsbnAuthor || '-'),
|
||
'🏢 出版社：' + (this.noIsbnPublisher || '-'),
|
||
'🏷️ 定价：' + (this.noIsbnOriginalPrice || '-'),
|
||
'📖 ISBN：' + (this.noIsbnIsbn || this.noIsbnUnifyIsbn || '-'),
|
||
'📅 印刷时间：' + (this.noIsbnPrintTime || '-'),
|
||
'💰 价格：' + (this.noIsbnPrice || '-'),
|
||
'📊 库存：' + (this.noIsbnStock ?? '-'),
|
||
'📷 图片：' + this.noIsbnPhotoList.length + '张'
|
||
]
|
||
}
|
||
|
||
uni.showModal({
|
||
title: '确认上传',
|
||
content: contentLines.join('\n'),
|
||
confirmText: '确认上传',
|
||
cancelText: '取消',
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
this.doSubmit(warehouseData)
|
||
} else {
|
||
this.isSubmitting = false
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
doSubmit(warehouseData) {
|
||
this.isSubmitting = true
|
||
uni.showLoading({ title: '上传中...' })
|
||
setTimeout(() => {
|
||
uni.hideLoading()
|
||
this.isSubmitting = false
|
||
uni.showToast({ title: '上传成功', icon: 'success' })
|
||
// 清空表单待后续对接真实API
|
||
}, 1500)
|
||
},
|
||
|
||
// 无ISBN - 书名搜索（使用与ISBN相同的kongfz接口）
|
||
searchNoIsbn() {
|
||
if (!this.isLoggedIn) {
|
||
uni.showToast({ title: '请先登录孔网账号', icon: 'none' })
|
||
return
|
||
}
|
||
if (!this.noIsbnBookName) {
|
||
uni.showToast({ title: '请输入书名', icon: 'none' })
|
||
return
|
||
}
|
||
this.noIsbnLoading = true
|
||
this.noIsbnProductList = []
|
||
const phpsessid = this.kongfzToken || uni.getStorageSync('kongfz_phpsessid') || ''
|
||
const keyword = this.noIsbnBookName
|
||
Promise.all([
|
||
searchProducts(keyword, { phpsessid, sortType: '7', quality: this.noIsbnConditionValue }),
|
||
searchFacet(keyword, { phpsessid, dataType: 0 }),
|
||
searchFacet(keyword, { phpsessid, dataType: 1 })
|
||
]).then(([productsData, onSaleFacet, soldFacet]) => {
|
||
this.noIsbnLoading = false
|
||
// 收集作者和出版社选项
|
||
const authorSet = new Set()
|
||
const publisherSet = new Set()
|
||
if (productsData && productsData.total > 0) {
|
||
const list = (productsData.list || []).slice(0, 12)
|
||
this.noIsbnProductList = list.map(item => {
|
||
const cleanPrice = parseFloat((item.priceText || '0').replace(/[^\d.]/g, ''))
|
||
let shippingFee = 0
|
||
if (item.postage) {
|
||
if (typeof item.postage === 'number' || typeof item.postage === 'string') {
|
||
shippingFee = parseFloat(item.postage) || 0
|
||
} else if (item.postage.shippingList && item.postage.shippingList.length > 0) {
|
||
shippingFee = parseFloat(item.postage.shippingList[0].shippingFee || 0)
|
||
} else if (item.postage.shippingFee) {
|
||
shippingFee = parseFloat(item.postage.shippingFee || 0)
|
||
}
|
||
}
|
||
if (shippingFee === 0 && item.shippingFee) {
|
||
shippingFee = parseFloat(item.shippingFee) || 0
|
||
}
|
||
const totalPrice = Number((cleanPrice + shippingFee).toFixed(2))
|
||
// 提取作者和出版社
|
||
if (item.author) authorSet.add(item.author.trim())
|
||
if (item.shopName) publisherSet.add(item.shopName.trim())
|
||
return {
|
||
image: item.imgBigUrl || '',
|
||
totalPrice: totalPrice,
|
||
bookPrice: cleanPrice,
|
||
shippingFee: shippingFee,
|
||
condition: item.qualityText || '',
|
||
shopName: item.shopName || '',
|
||
bookName: item.title || '',
|
||
author: item.author || '',
|
||
press: item.press || '',
|
||
pubDate: item.pubDateText || '',
|
||
bookId: item.id || ''
|
||
}
|
||
})
|
||
}
|
||
// 填充下拉选项
|
||
this.noIsbnAuthorOptions = Array.from(authorSet).filter(Boolean).slice(0, 10)
|
||
this.noIsbnPublisherOptions = Array.from(publisherSet).filter(Boolean).slice(0, 10)
|
||
// 自动计算并填入售价
|
||
this.$nextTick(() => {
|
||
if (this.calculatedNoIsbnPrice > 0) {
|
||
this.noIsbnPrice = String(this.calculatedNoIsbnPrice)
|
||
}
|
||
})
|
||
}).catch(err => {
|
||
console.error('无ISBN搜索失败:', err)
|
||
this.noIsbnLoading = false
|
||
uni.showToast({ title: '查询失败', icon: 'none' })
|
||
})
|
||
},
|
||
|
||
// 无ISBN - 版权页比价（带作者+出版社精确搜索）
|
||
searchNoIsbnCopyright() {
|
||
if (!this.isLoggedIn) {
|
||
uni.showToast({ title: '请先登录孔网账号', icon: 'none' })
|
||
return
|
||
}
|
||
if (!this.noIsbnBookName) {
|
||
uni.showToast({ title: '请输入书名', icon: 'none' })
|
||
return
|
||
}
|
||
this.noIsbnLoading = true
|
||
this.noIsbnProductList = []
|
||
const phpsessid = this.kongfzToken || uni.getStorageSync('kongfz_phpsessid') || ''
|
||
const keyword = this.noIsbnBookName
|
||
searchProducts(keyword, {
|
||
phpsessid,
|
||
sortType: '7',
|
||
quality: this.noIsbnConditionValue,
|
||
publisher: this.noIsbnPublisher,
|
||
author: this.noIsbnAuthor
|
||
}).then((productsData) => {
|
||
this.noIsbnLoading = false
|
||
if (productsData && productsData.total > 0) {
|
||
const list = (productsData.list || []).slice(0, 12)
|
||
this.noIsbnProductList = list.map(item => {
|
||
const cleanPrice = parseFloat((item.priceText || '0').replace(/[^\d.]/g, ''))
|
||
let shippingFee = 0
|
||
if (item.postage) {
|
||
if (typeof item.postage === 'number' || typeof item.postage === 'string') {
|
||
shippingFee = parseFloat(item.postage) || 0
|
||
} else if (item.postage.shippingList && item.postage.shippingList.length > 0) {
|
||
shippingFee = parseFloat(item.postage.shippingList[0].shippingFee || 0)
|
||
} else if (item.postage.shippingFee) {
|
||
shippingFee = parseFloat(item.postage.shippingFee || 0)
|
||
}
|
||
}
|
||
if (shippingFee === 0 && item.shippingFee) {
|
||
shippingFee = parseFloat(item.shippingFee) || 0
|
||
}
|
||
const totalPrice = Number((cleanPrice + shippingFee).toFixed(2))
|
||
return {
|
||
image: item.imgBigUrl || '',
|
||
totalPrice: totalPrice,
|
||
bookPrice: cleanPrice,
|
||
shippingFee: shippingFee,
|
||
condition: item.qualityText || '',
|
||
shopName: item.shopName || '',
|
||
bookName: item.title || '',
|
||
author: item.author || '',
|
||
press: item.press || '',
|
||
pubDate: item.pubDateText || '',
|
||
bookId: item.id || ''
|
||
}
|
||
})
|
||
// 自动计算并填入售价
|
||
this.$nextTick(() => {
|
||
if (this.calculatedNoIsbnPrice > 0) {
|
||
this.noIsbnPrice = String(this.calculatedNoIsbnPrice)
|
||
}
|
||
})
|
||
}
|
||
}).catch(err => {
|
||
console.error('版权比价失败:', err)
|
||
this.noIsbnLoading = false
|
||
uni.showToast({ title: '比价失败', icon: 'none' })
|
||
})
|
||
},
|
||
|
||
// 无ISBN - 识图上传（拍照→OCR识别→自动填写表单）
|
||
chooseImageNoIsbn() {
|
||
uni.showToast({ title: '请选择图书封面', icon: 'none' })
|
||
uni.chooseImage({
|
||
count: 1,
|
||
sizeType: ['original', 'compressed'],
|
||
sourceType: ['album', 'camera'],
|
||
success: (res) => {
|
||
const tempFilePaths = res.tempFilePaths
|
||
if (!tempFilePaths || tempFilePaths.length === 0) return
|
||
const filePath = tempFilePaths[0]
|
||
uni.showLoading({ title: '识别中...', mask: true })
|
||
// 压缩图片（大于500KB）
|
||
this.compressNoIsbnImage(filePath).then(compressedPath => {
|
||
this.ocrNoIsbnImage(compressedPath)
|
||
})
|
||
}
|
||
})
|
||
},
|
||
|
||
// 压缩图片
|
||
compressNoIsbnImage(filePath) {
|
||
return new Promise((resolve) => {
|
||
uni.getFileInfo({
|
||
filePath: filePath,
|
||
success: (info) => {
|
||
if (info.size > 500 * 1024) {
|
||
uni.compressImage({
|
||
src: filePath,
|
||
quality: 80,
|
||
success: (res) => resolve(res.tempFilePath),
|
||
fail: () => resolve(filePath)
|
||
})
|
||
} else {
|
||
resolve(filePath)
|
||
}
|
||
},
|
||
fail: () => resolve(filePath)
|
||
})
|
||
})
|
||
},
|
||
|
||
// OCR识别并填充表单
|
||
ocrNoIsbnImage(filePath) {
|
||
uni.uploadFile({
|
||
url: 'https://book.xcx.ocr.buzhiyushu.cn/ocr',
|
||
filePath: filePath,
|
||
name: 'file',
|
||
success: (res) => {
|
||
uni.hideLoading()
|
||
try {
|
||
const ocrData = JSON.parse(res.data)
|
||
if (ocrData && ocrData.texts) {
|
||
const texts = ocrData.texts
|
||
// 自动填充表单
|
||
if (texts.书名) this.noIsbnBookName = texts.书名
|
||
if (texts.作者) this.noIsbnAuthor = texts.作者
|
||
if (texts.出版社) this.noIsbnPublisher = texts.出版社
|
||
if (texts.出版时间) this.noIsbnPrintTime = texts.出版时间
|
||
if (texts.定价) {
|
||
this.noIsbnOriginalPrice = texts.定价.replace('元', '').trim()
|
||
}
|
||
if (texts.开本) {
|
||
const fmt = String(texts.开本).replace('开', '').trim()
|
||
this.noIsbnFormat = this.noIsbnFormatOptions.includes(fmt) ? fmt : fmt + '开'
|
||
}
|
||
if (texts.ISBN && /^\d/.test(texts.ISBN)) {
|
||
this.noIsbnIsbn = texts.ISBN
|
||
this.noIsbnUnifyIsbn = ''
|
||
}
|
||
if (texts.书号) {
|
||
const bookCode = texts.书号.replace(/\D/g, '')
|
||
if (bookCode.length === 13 && bookCode.startsWith('978')) {
|
||
this.noIsbnIsbn = bookCode
|
||
this.noIsbnUnifyIsbn = ''
|
||
} else {
|
||
this.noIsbnUnifyIsbn = texts.书号
|
||
this.noIsbnIsbn = '678' + String(Date.now()).slice(-10)
|
||
}
|
||
}
|
||
if (texts.字数) this.noIsbnWordCount = this.processNoIsbnWordage(texts.字数)
|
||
|
||
uni.showToast({ title: '识别成功', icon: 'success' })
|
||
|
||
// 有书名则自动搜索孔网比价
|
||
if (this.noIsbnBookName) {
|
||
setTimeout(() => this.searchNoIsbn(), 500)
|
||
}
|
||
} else {
|
||
uni.showToast({ title: '识别失败，未识别到图书信息', icon: 'none' })
|
||
}
|
||
} catch (e) {
|
||
console.error('OCR解析失败:', e)
|
||
uni.showToast({ title: '识别失败，请重试', icon: 'none' })
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
uni.hideLoading()
|
||
console.error('OCR请求失败:', err)
|
||
uni.showToast({ title: '网络错误，请重试', icon: 'none' })
|
||
}
|
||
})
|
||
},
|
||
|
||
// 处理字数文本（如"300千字"→300000）
|
||
processNoIsbnWordage(wordage) {
|
||
if (!wordage) return ''
|
||
if (typeof wordage === 'string' && wordage.includes('千字')) {
|
||
const match = wordage.match(/(\d+(\.\d+)?)/)
|
||
if (match && match[1]) {
|
||
return Math.round(parseFloat(match[1]) * 1000).toString()
|
||
}
|
||
}
|
||
return wordage.replace(/[^\d]/g, '')
|
||
},
|
||
|
||
// 无ISBN - 选择作者
|
||
selectNoIsbnAuthor(item) {
|
||
this.noIsbnAuthor = item
|
||
this.noIsbnAuthorDropdownVisible = false
|
||
},
|
||
|
||
// 无ISBN - 选择出版社
|
||
selectNoIsbnPublisher(item) {
|
||
this.noIsbnPublisher = item
|
||
this.noIsbnPublisherDropdownVisible = false
|
||
},
|
||
|
||
// 无ISBN - 选择开本
|
||
selectNoIsbnFormat(item) {
|
||
this.noIsbnFormat = item
|
||
this.noIsbnFormatDropdownVisible = false
|
||
},
|
||
|
||
// 登录 - 接入孔夫子真实登录
|
||
handleLogin() {
|
||
if (!this.loginAccount) {
|
||
uni.showToast({ title: '请输入账号', icon: 'none' })
|
||
return
|
||
}
|
||
if (!this.loginPassword) {
|
||
uni.showToast({ title: '请输入密码', icon: 'none' })
|
||
return
|
||
}
|
||
this.doLogin(this.loginAccount, this.loginPassword)
|
||
},
|
||
|
||
doLogin(username, password) {
|
||
uni.showLoading({ title: '登录中...', mask: true })
|
||
kongfzLogin(username, password).then(res => {
|
||
uni.hideLoading()
|
||
if (res.success) {
|
||
this.kongfzToken = res.token
|
||
this.isLoggedIn = true
|
||
this.shopName = username
|
||
this.shopRegion = '孔夫子旧书网'
|
||
// 持久化登录状态
|
||
uni.setStorageSync('kongfz_phpsessid', res.token)
|
||
uni.setStorageSync('kongfz_shop_name', username)
|
||
uni.setStorageSync('kongfz_shop_region', '孔夫子旧书网')
|
||
if (this.rememberPassword) {
|
||
uni.setStorageSync('kongfz_remembered_account', username)
|
||
}
|
||
// 保存到账号列表
|
||
this.saveAccount(username, password)
|
||
uni.showToast({ title: '登录成功', icon: 'success' })
|
||
} else {
|
||
uni.showToast({ title: res.message || '登录失败', icon: 'none' })
|
||
}
|
||
}).catch(err => {
|
||
uni.hideLoading()
|
||
uni.showToast({ title: '网络异常，请重试', icon: 'none' })
|
||
console.error('登录异常:', err)
|
||
})
|
||
},
|
||
|
||
handleLogout() {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '确定要退出登录吗？',
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
this.isLoggedIn = false
|
||
this.shopName = ''
|
||
this.shopRegion = ''
|
||
this.kongfzToken = ''
|
||
uni.removeStorageSync('kongfz_phpsessid')
|
||
uni.removeStorageSync('kongfz_shop_name')
|
||
uni.removeStorageSync('kongfz_shop_region')
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
// 加载已保存账号列表
|
||
loadSavedAccounts() {
|
||
try {
|
||
const list = uni.getStorageSync('kongfz_saved_accounts')
|
||
this.savedAccountList = list ? JSON.parse(list) : []
|
||
} catch (e) {
|
||
this.savedAccountList = []
|
||
}
|
||
},
|
||
|
||
// 保存账号到列表
|
||
saveAccount(username, password) {
|
||
const accounts = [...this.savedAccountList]
|
||
// 去重：如果已存在相同用户名，替换密码
|
||
const idx = accounts.findIndex(a => a.username === username)
|
||
if (idx >= 0) {
|
||
accounts[idx].password = password
|
||
} else {
|
||
accounts.push({ username, password })
|
||
}
|
||
this.savedAccountList = accounts
|
||
uni.setStorageSync('kongfz_saved_accounts', JSON.stringify(accounts))
|
||
},
|
||
|
||
// 点击已保存账号快速登录
|
||
quickLogin(acc) {
|
||
uni.showLoading({ title: '登录中...', mask: true })
|
||
this.loginAccount = acc.username
|
||
this.loginPassword = acc.password
|
||
this.doLogin(acc.username, acc.password)
|
||
},
|
||
|
||
// 删除已保存账号
|
||
deleteSavedAccount(idx) {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '确定要删除该账号吗？',
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
this.savedAccountList.splice(idx, 1)
|
||
uni.setStorageSync('kongfz_saved_accounts', JSON.stringify(this.savedAccountList))
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
// 小数输入处理（保留两位小数）
|
||
onDecimalInput(field, event) {
|
||
let val = event.detail.value
|
||
val = val.replace(/[^\d.]/g, '')
|
||
const parts = val.split('.')
|
||
if (parts.length > 2) {
|
||
val = parts[0] + '.' + parts.slice(1).join('')
|
||
}
|
||
if (parts.length === 2 && parts[1].length > 2) {
|
||
val = parts[0] + '.' + parts[1].substring(0, 2)
|
||
}
|
||
this[field] = val
|
||
},
|
||
|
||
// 加载定价策略配置
|
||
loadPriceConfig() {
|
||
try {
|
||
const saved = uni.getStorageSync('price_config')
|
||
if (saved) {
|
||
const cfg = JSON.parse(saved)
|
||
this.priceMode = cfg.priceMode || 'lowest'
|
||
this.lowestRank = cfg.lowestRank || 1
|
||
this.averageCount = cfg.averageCount || 2
|
||
this.shippingFee = cfg.shippingFee || 0
|
||
this.priceDiscount = cfg.priceDiscount || 0
|
||
this.minBookPrice = cfg.minBookPrice || 0
|
||
}
|
||
} catch (e) {
|
||
console.error('加载定价配置失败:', e)
|
||
}
|
||
},
|
||
|
||
// 保存定价策略配置
|
||
savePriceConfig() {
|
||
const cfg = {
|
||
priceMode: this.priceMode,
|
||
lowestRank: Number(this.lowestRank) || 1,
|
||
averageCount: Number(this.averageCount) || 2,
|
||
shippingFee: Number(this.shippingFee) || 0,
|
||
priceDiscount: Number(this.priceDiscount) || 0,
|
||
minBookPrice: Number(this.minBookPrice) || 0
|
||
}
|
||
uni.setStorageSync('price_config', JSON.stringify(cfg))
|
||
uni.showToast({ title: '设置已保存', icon: 'success' })
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.page-container {
|
||
background-color: #f5f6fa;
|
||
min-height: 100vh;
|
||
}
|
||
|
||
/* ========== Tab 头部 ========== */
|
||
.tab-header {
|
||
display: flex;
|
||
background-color: #ffffff;
|
||
border-bottom: 2rpx solid #e4e7ed;
|
||
}
|
||
|
||
.tab-item {
|
||
flex: 1;
|
||
text-align: center;
|
||
padding: 26rpx 0;
|
||
position: relative;
|
||
}
|
||
|
||
.tab-item.active::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 48rpx;
|
||
height: 4rpx;
|
||
background-color: #409eff;
|
||
border-radius: 2rpx;
|
||
}
|
||
|
||
.tab-text {
|
||
font-size: 28rpx;
|
||
color: #606266;
|
||
}
|
||
|
||
.tab-item.active .tab-text {
|
||
color: #409eff;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* ========== Swiper ========== */
|
||
.tab-swiper {
|
||
height: calc(100vh - 180rpx);
|
||
}
|
||
|
||
.settings-swiper {
|
||
height: calc(100vh - 280rpx);
|
||
}
|
||
|
||
.content-scroll {
|
||
height: calc(100vh - 200rpx);
|
||
}
|
||
|
||
.tab-content {
|
||
padding: 16rpx;
|
||
}
|
||
|
||
/* ========== 表单区块 ========== */
|
||
.form-section {
|
||
background-color: #ffffff;
|
||
border-radius: 12rpx;
|
||
border: 2rpx solid #ebeef5;
|
||
margin-bottom: 16rpx;
|
||
padding: 24rpx;
|
||
}
|
||
|
||
.section-title {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-bottom: 14rpx;
|
||
}
|
||
|
||
.title-text {
|
||
font-size: 28rpx;
|
||
color: #303133;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.photo-count {
|
||
font-size: 22rpx;
|
||
color: #909399;
|
||
margin-left: auto;
|
||
}
|
||
|
||
.field-label {
|
||
display: block;
|
||
margin-bottom: 10rpx;
|
||
}
|
||
|
||
.label-text {
|
||
font-size: 26rpx;
|
||
color: #606266;
|
||
font-weight: 500;
|
||
}
|
||
|
||
/* ========== 输入框 ========== */
|
||
.form-input {
|
||
background-color: #ffffff;
|
||
border: 2rpx solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
height: 76rpx;
|
||
padding: 0 16rpx;
|
||
font-size: 28rpx;
|
||
color: #303133;
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
-webkit-appearance: none;
|
||
appearance: none;
|
||
}
|
||
|
||
.form-input:focus {
|
||
border-color: #409eff;
|
||
}
|
||
|
||
/* 下拉内联框：右侧直角与▼按钮衔接 */
|
||
.dropdown-wrapper .form-input {
|
||
border-radius: 8rpx 0 0 8rpx;
|
||
border-right: none;
|
||
}
|
||
|
||
/* ========== 选择器 ========== */
|
||
.picker-box {
|
||
background-color: #ffffff;
|
||
border: 2rpx solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
height: 76rpx;
|
||
padding: 0 16rpx;
|
||
font-size: 28rpx;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.picker-value {
|
||
font-size: 28rpx;
|
||
color: #606266;
|
||
flex: 1;
|
||
}
|
||
|
||
.picker-arrow {
|
||
font-size: 36rpx;
|
||
color: #c0c4cc;
|
||
}
|
||
|
||
/* 印刷时间选择器：和表单输入框一致 */
|
||
.picker-value-text {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
uni-picker,
|
||
picker {
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
|
||
/* ========== ISBN 输入 ========== */
|
||
.isbn-input-box {
|
||
display: flex;
|
||
gap: 10rpx;
|
||
align-items: center;
|
||
}
|
||
|
||
.isbn-input {
|
||
flex: 1;
|
||
background-color: #ffffff;
|
||
border: 2rpx solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
height: 76rpx;
|
||
padding: 0 16rpx;
|
||
font-size: 28rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* ========== 行内字段 ========== */
|
||
.inline-fields {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 16rpx;
|
||
}
|
||
|
||
.inline-field {
|
||
flex: 1;
|
||
}
|
||
|
||
.inline-field.narrow {
|
||
flex: none;
|
||
width: 250rpx;
|
||
}
|
||
|
||
.inline-field.isbn-field {
|
||
flex: 1;
|
||
max-width: 80%;
|
||
}
|
||
|
||
/* ========== 价格输入 ========== */
|
||
.price-input-box {
|
||
display: flex;
|
||
align-items: center;
|
||
background-color: #ffffff;
|
||
border: 2rpx solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
height: 76rpx;
|
||
padding: 0 16rpx;
|
||
font-size: 28rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.price-input-box:focus-within {
|
||
border-color: #409eff;
|
||
}
|
||
|
||
.price-symbol {
|
||
color: #f56c6c;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
margin-right: 6rpx;
|
||
}
|
||
|
||
.price-input {
|
||
flex: 1;
|
||
border: none;
|
||
outline: none;
|
||
height: 100%;
|
||
font-size: 28rpx;
|
||
background: transparent;
|
||
}
|
||
|
||
/* ========== 版权页比价按钮 ========== */
|
||
.copyright-btn {
|
||
margin-left: auto;
|
||
padding: 8rpx 16rpx;
|
||
background-color: #409eff;
|
||
border-radius: 6rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.copyright-btn-text {
|
||
font-size: 24rpx;
|
||
color: #ffffff;
|
||
font-weight: 500;
|
||
}
|
||
|
||
/* ========== 扫描/搜索按钮 ========== */
|
||
.scan-btn {
|
||
background-color: #67c23a;
|
||
border-radius: 6rpx;
|
||
box-shadow: 0 2rpx 6rpx rgba(103,194,58,0.3);
|
||
width: 64rpx;
|
||
height: 64rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.scan-icon {
|
||
font-size: 32rpx;
|
||
}
|
||
|
||
.search-btn {
|
||
background-color: #409eff;
|
||
border-radius: 6rpx;
|
||
box-shadow: 0 2rpx 6rpx rgba(64,158,255,0.3);
|
||
width: 64rpx;
|
||
height: 64rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.search-text {
|
||
color: #ffffff;
|
||
font-size: 28rpx;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* ========== 品相选择 ========== */
|
||
.condition-list {
|
||
display: flex;
|
||
flex-wrap: nowrap;
|
||
gap: 8rpx;
|
||
overflow-x: auto;
|
||
white-space: nowrap;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
|
||
.condition-item {
|
||
background-color: #f4f4f5;
|
||
border: 2rpx solid #e9e9eb;
|
||
border-radius: 8rpx;
|
||
padding: 8rpx 18rpx;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.condition-item.active {
|
||
background-color: #ecf5ff;
|
||
border-color: #409eff;
|
||
}
|
||
|
||
.condition-text {
|
||
font-size: 22rpx;
|
||
color: #606266;
|
||
}
|
||
|
||
.condition-item.active .condition-text {
|
||
color: #409eff;
|
||
}
|
||
|
||
/* ========== 拍照 ========== */
|
||
.photo-section {
|
||
width: 100%;
|
||
}
|
||
|
||
.photo-list {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 10rpx;
|
||
}
|
||
|
||
.photo-item {
|
||
width: 140rpx;
|
||
height: 140rpx;
|
||
border-radius: 8rpx;
|
||
border: 2rpx solid #ebeef5;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.photo-image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.photo-index-badge {
|
||
position: absolute;
|
||
bottom: 6rpx;
|
||
left: 6rpx;
|
||
background-color: rgba(0,0,0,0.55);
|
||
border-radius: 50%;
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.photo-index-badge-text {
|
||
color: #ffffff;
|
||
font-size: 20rpx;
|
||
}
|
||
|
||
.photo-delete {
|
||
position: absolute;
|
||
top: -8rpx;
|
||
right: -8rpx;
|
||
width: 38rpx;
|
||
height: 38rpx;
|
||
background-color: #f56c6c;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
box-shadow: 0 2rpx 6rpx rgba(245,108,108,0.3);
|
||
}
|
||
|
||
.delete-icon {
|
||
color: #ffffff;
|
||
font-size: 22rpx;
|
||
}
|
||
|
||
.photo-add {
|
||
width: 140rpx;
|
||
height: 140rpx;
|
||
border: 2rpx dashed #dcdfe6;
|
||
border-radius: 8rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background-color: #fafafa;
|
||
}
|
||
|
||
.add-icon {
|
||
font-size: 40rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
.add-text {
|
||
font-size: 22rpx;
|
||
color: #909399;
|
||
margin-top: 4rpx;
|
||
}
|
||
|
||
/* ========== 市场竞争统计 ========== */
|
||
.market-stats {
|
||
background-color: #fafafa;
|
||
border: 2rpx solid #ebeef5;
|
||
border-radius: 8rpx;
|
||
padding: 14rpx 6rpx;
|
||
display: flex;
|
||
justify-content: space-around;
|
||
}
|
||
|
||
.stat-item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
gap: 4rpx;
|
||
}
|
||
|
||
.stat-label {
|
||
font-size: 22rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
.stat-value {
|
||
font-size: 28rpx;
|
||
color: #303133;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* ========== 在售商品 ========== */
|
||
.section-header-row {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
gap: 10rpx;
|
||
margin-bottom: 14rpx;
|
||
}
|
||
|
||
.product-count {
|
||
font-size: 24rpx;
|
||
color: #909399;
|
||
margin-left: 6rpx;
|
||
}
|
||
|
||
.compare-toggle {
|
||
display: flex;
|
||
gap: 6rpx;
|
||
}
|
||
|
||
.toggle-btn {
|
||
font-size: 22rpx;
|
||
color: #909399;
|
||
background-color: #f4f4f5;
|
||
padding: 6rpx 14rpx;
|
||
border-radius: 6rpx;
|
||
}
|
||
|
||
.toggle-btn.active {
|
||
background-color: #ecf5ff;
|
||
color: #409eff;
|
||
}
|
||
|
||
.sort-toggle {
|
||
display: flex;
|
||
gap: 6rpx;
|
||
}
|
||
|
||
.sort-btn {
|
||
font-size: 22rpx;
|
||
color: #909399;
|
||
background-color: #f4f4f5;
|
||
padding: 6rpx 14rpx;
|
||
border-radius: 6rpx;
|
||
}
|
||
|
||
.sort-btn.active {
|
||
background-color: #ecf5ff;
|
||
color: #409eff;
|
||
}
|
||
|
||
.filter-btn {
|
||
font-size: 24rpx;
|
||
color: #409eff;
|
||
margin-left: auto;
|
||
}
|
||
|
||
/* ========== 加载状态 ========== */
|
||
.loading-box {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
padding: 40rpx 0;
|
||
gap: 16rpx;
|
||
}
|
||
|
||
.loading-spinner {
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
border: 4rpx solid #e4e7ed;
|
||
border-top-color: #409eff;
|
||
border-radius: 50%;
|
||
animation: spin 0.8s linear infinite;
|
||
}
|
||
|
||
@keyframes spin {
|
||
0% { transform: rotate(0deg); }
|
||
100% { transform: rotate(360deg); }
|
||
}
|
||
|
||
.loading-text {
|
||
font-size: 26rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
/* ========== 商品网格 ========== */
|
||
.product-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: 8rpx;
|
||
margin-top: 10rpx;
|
||
}
|
||
|
||
.grid-item {
|
||
background-color: #fafafa;
|
||
border: 2rpx solid #ebeef5;
|
||
border-radius: 8rpx;
|
||
padding: 6rpx;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.grid-image {
|
||
width: 100%;
|
||
height: 120rpx;
|
||
border-radius: 4rpx;
|
||
}
|
||
|
||
.grid-total-price {
|
||
font-size: 20rpx;
|
||
color: #f56c6c;
|
||
font-weight: 600;
|
||
display: block;
|
||
text-align: center;
|
||
margin-top: 2rpx;
|
||
line-height: 1.4;
|
||
}
|
||
|
||
.grid-price-detail {
|
||
font-size: 16rpx;
|
||
color: #909399;
|
||
display: block;
|
||
text-align: center;
|
||
line-height: 1.3;
|
||
}
|
||
|
||
.grid-book-name {
|
||
font-size: 22rpx;
|
||
color: #303133;
|
||
font-weight: 500;
|
||
display: block;
|
||
text-align: center;
|
||
width: 100%;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
line-height: 1.3;
|
||
}
|
||
|
||
.grid-author {
|
||
font-size: 18rpx;
|
||
color: #909399;
|
||
display: block;
|
||
text-align: center;
|
||
width: 100%;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
line-height: 1.3;
|
||
}
|
||
|
||
.grid-condition {
|
||
font-size: 20rpx;
|
||
color: #606266;
|
||
display: block;
|
||
text-align: center;
|
||
line-height: 1.3;
|
||
}
|
||
|
||
.grid-shop {
|
||
font-size: 18rpx;
|
||
color: #909399;
|
||
display: block;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
text-align: center;
|
||
line-height: 1.3;
|
||
}
|
||
|
||
.no-data {
|
||
grid-column: 1 / -1;
|
||
text-align: center;
|
||
padding: 40rpx 0;
|
||
}
|
||
|
||
.no-data-text {
|
||
font-size: 26rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
/* ========== 上书记录 ========== */
|
||
.history-list {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 10rpx;
|
||
}
|
||
|
||
.history-item {
|
||
background-color: #fafafa;
|
||
border: 2rpx solid #f0f1f3;
|
||
border-radius: 8rpx;
|
||
padding: 14rpx 16rpx;
|
||
}
|
||
|
||
.history-row {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
|
||
.history-date {
|
||
font-size: 24rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
.history-condition {
|
||
font-size: 24rpx;
|
||
color: #606266;
|
||
}
|
||
|
||
.history-price {
|
||
font-size: 28rpx;
|
||
color: #f56c6c;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.history-stock {
|
||
font-size: 24rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
.bottom-placeholder {
|
||
height: 40rpx;
|
||
}
|
||
|
||
/* ========== 底部提交栏 ========== */
|
||
.bottom-bar {
|
||
background-color: #ffffff;
|
||
border-top: 2rpx solid #e4e7ed;
|
||
padding: 16rpx 24rpx;
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
}
|
||
|
||
.submit-btn {
|
||
background-color: #409eff;
|
||
border-radius: 10rpx;
|
||
box-shadow: 0 4rpx 12rpx rgba(64,158,255,0.2);
|
||
height: 88rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
/* ========== 折叠详情 ========== */
|
||
.detail-section-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 24rpx 20rpx;
|
||
margin: 20rpx 0;
|
||
background-color: #f5f7fa;
|
||
border-radius: 8rpx;
|
||
}
|
||
|
||
.detail-section-title {
|
||
font-size: 28rpx;
|
||
font-weight: 600;
|
||
color: #303133;
|
||
}
|
||
|
||
.detail-arrow {
|
||
font-size: 24rpx;
|
||
color: #909399;
|
||
transition: transform 0.2s;
|
||
}
|
||
|
||
/* ========== 下拉列表（作者/出版社/开本） ========== */
|
||
.dropdown-wrapper {
|
||
position: relative;
|
||
display: flex;
|
||
align-items: center;
|
||
flex: 1;
|
||
}
|
||
|
||
.dropdown-btn {
|
||
width: 60rpx;
|
||
height: 76rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 24rpx;
|
||
color: #909399;
|
||
background-color: #f5f7fa;
|
||
border: 2rpx solid #dcdfe6;
|
||
border-left: none;
|
||
border-radius: 0 8rpx 8rpx 0;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.dropdown-list {
|
||
position: absolute;
|
||
top: 100%;
|
||
left: 0;
|
||
right: 0;
|
||
z-index: 100;
|
||
background: #ffffff;
|
||
border: 2rpx solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
max-height: 300rpx;
|
||
overflow-y: auto;
|
||
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.1);
|
||
}
|
||
|
||
.dropdown-item {
|
||
padding: 20rpx 24rpx;
|
||
font-size: 28rpx;
|
||
color: #303133;
|
||
border-bottom: 1rpx solid #f2f2f2;
|
||
}
|
||
|
||
.dropdown-item:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
.dropdown-item:active {
|
||
background-color: #f5f7fa;
|
||
}
|
||
|
||
.submit-text {
|
||
color: #ffffff;
|
||
font-size: 32rpx;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.submit-btn.disabled {
|
||
opacity: 0.6;
|
||
}
|
||
|
||
/* ========== 筛选弹窗 ========== */
|
||
.filter-popup {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-color: rgba(0,0,0,0.3);
|
||
z-index: 1000;
|
||
display: flex;
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.popup-content {
|
||
background-color: #ffffff;
|
||
border-radius: 14rpx 14rpx 0 0;
|
||
padding: 28rpx;
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.popup-header {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
.popup-title {
|
||
font-size: 30rpx;
|
||
color: #303133;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.popup-close {
|
||
font-size: 32rpx;
|
||
color: #909399;
|
||
padding: 8rpx;
|
||
}
|
||
|
||
.popup-body {
|
||
max-height: 60vh;
|
||
overflow-y: auto;
|
||
}
|
||
|
||
.filter-group {
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
.group-title {
|
||
font-size: 26rpx;
|
||
color: #606266;
|
||
font-weight: 500;
|
||
display: block;
|
||
margin-bottom: 10rpx;
|
||
}
|
||
|
||
.tag-list {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 10rpx;
|
||
}
|
||
|
||
.tag-item {
|
||
background-color: #f4f4f5;
|
||
border: 2rpx solid #e9e9eb;
|
||
border-radius: 8rpx;
|
||
padding: 12rpx 24rpx;
|
||
}
|
||
|
||
.tag-item.active {
|
||
background-color: #ecf5ff;
|
||
border-color: #409eff;
|
||
}
|
||
|
||
.tag-text {
|
||
font-size: 26rpx;
|
||
color: #606266;
|
||
}
|
||
|
||
.tag-item.active .tag-text {
|
||
color: #409eff;
|
||
}
|
||
|
||
.popup-footer {
|
||
display: flex;
|
||
gap: 16rpx;
|
||
margin-top: 24rpx;
|
||
}
|
||
|
||
.reset-btn {
|
||
flex: 1;
|
||
height: 76rpx;
|
||
border: 2rpx solid #dcdfe6;
|
||
border-radius: 10rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 28rpx;
|
||
color: #606266;
|
||
}
|
||
|
||
.confirm-btn {
|
||
flex: 1;
|
||
height: 76rpx;
|
||
background-color: #409eff;
|
||
border-radius: 10rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 28rpx;
|
||
color: #ffffff;
|
||
}
|
||
|
||
/* ========== 分类选择弹窗 ========== */
|
||
/* ========== 分类选择（input风格） ========== */
|
||
.category-select {
|
||
background-color: #ffffff;
|
||
border: 2rpx solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
height: 76rpx;
|
||
padding: 0 16rpx;
|
||
font-size: 28rpx;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.category-value {
|
||
font-size: 28rpx;
|
||
color: #606266;
|
||
flex: 1;
|
||
}
|
||
|
||
/* ========== 仓库弹窗 ========== */
|
||
.warehouse-overlay {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-color: rgba(0,0,0,0.3);
|
||
backdrop-filter: blur(4rpx);
|
||
z-index: 1001;
|
||
display: flex;
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.warehouse-popup {
|
||
background-color: #f0f2f5;
|
||
height: 68vh;
|
||
border-radius: 14rpx 14rpx 0 0;
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
/* ========== 仓库 Tabs ========== */
|
||
.wh-tabs-body {
|
||
flex: 1;
|
||
min-height: 0;
|
||
overflow: hidden !important;
|
||
max-height: none !important;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.wh-tabs-bar {
|
||
height: 80rpx;
|
||
background-color: #ffffff;
|
||
border-radius: 8rpx 8rpx 0 0;
|
||
white-space: nowrap;
|
||
display: flex;
|
||
}
|
||
|
||
.wh-tab {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 0 24rpx;
|
||
height: 80rpx;
|
||
position: relative;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.wh-tab.active::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 40rpx;
|
||
height: 4rpx;
|
||
background-color: #409eff;
|
||
border-radius: 2rpx;
|
||
}
|
||
|
||
.wh-tab-text {
|
||
font-size: 26rpx;
|
||
color: #606266;
|
||
}
|
||
|
||
.wh-tab.active .wh-tab-text {
|
||
color: #409eff;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* ========== 仓库货位搜索栏 ========== */
|
||
.wh-search-bar {
|
||
display: flex;
|
||
align-items: center;
|
||
background: #ffffff;
|
||
border-bottom: 2rpx solid #e4e7ed;
|
||
padding: 8rpx 16rpx;
|
||
position: relative;
|
||
}
|
||
|
||
.wh-search-input {
|
||
flex: 1;
|
||
background: #f0f2f5;
|
||
border: none;
|
||
border-radius: 8rpx;
|
||
height: 56rpx;
|
||
padding: 0 100rpx 0 16rpx;
|
||
font-size: 26rpx;
|
||
color: #303133;
|
||
box-sizing: border-box;
|
||
-webkit-appearance: none;
|
||
appearance: none;
|
||
}
|
||
|
||
.wh-search-input::placeholder {
|
||
color: #c0c4cc;
|
||
}
|
||
|
||
.wh-search-clear {
|
||
position: absolute;
|
||
right: 72rpx;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 36rpx;
|
||
height: 36rpx;
|
||
border-radius: 50%;
|
||
background: #c0c4cc;
|
||
color: #ffffff;
|
||
font-size: 20rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.wh-scan-btn {
|
||
position: absolute;
|
||
right: 24rpx;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 30rpx;
|
||
color: #606266;
|
||
}
|
||
|
||
/* ========== 仓库货位列表 ========== */
|
||
.wh-location-list {
|
||
flex: 1;
|
||
height: 0;
|
||
min-height: 0;
|
||
overflow-y: auto;
|
||
padding: 10rpx 16rpx;
|
||
}
|
||
|
||
.wh-loc-item {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 20rpx 16rpx;
|
||
background-color: #ffffff;
|
||
border-radius: 8rpx;
|
||
margin-bottom: 8rpx;
|
||
}
|
||
|
||
.wh-loc-item.active {
|
||
background-color: #ecf5ff;
|
||
border: 2rpx solid #409eff;
|
||
}
|
||
|
||
.wh-loc-code {
|
||
font-size: 26rpx;
|
||
color: #303133;
|
||
}
|
||
|
||
.wh-loc-check {
|
||
font-size: 28rpx;
|
||
color: #409eff;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* ========== Popup 提示 ========== */
|
||
.popup-hint {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 10rpx;
|
||
padding: 30rpx 0;
|
||
font-size: 26rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
.popup-hint-end {
|
||
text-align: center;
|
||
padding: 20rpx 0;
|
||
font-size: 24rpx;
|
||
color: #c0c4cc;
|
||
}
|
||
|
||
.popup-loading {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 10rpx;
|
||
padding: 20rpx 0;
|
||
font-size: 26rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
.mini-spinner {
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
border: 3rpx solid #e4e7ed;
|
||
border-top-color: #409eff;
|
||
border-radius: 50%;
|
||
animation: spin 0.8s linear infinite;
|
||
}
|
||
|
||
/* ========== Popup Footer Btn ========== */
|
||
.popup-footer-btn {
|
||
flex: 1;
|
||
height: 76rpx;
|
||
border-radius: 10rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 28rpx;
|
||
}
|
||
|
||
.popup-footer-btn.cancel {
|
||
background-color: #ffffff;
|
||
border: 2rpx solid #dcdfe6;
|
||
color: #606266;
|
||
}
|
||
|
||
.popup-footer-btn.confirm {
|
||
background-color: #409eff;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.popup-footer-btn.confirm.disabled {
|
||
background-color: #a0cfff;
|
||
color: #ffffff;
|
||
opacity: 0.6;
|
||
}
|
||
|
||
/* ========== 扫码结果弹窗 ========== */
|
||
.scan-result-overlay {
|
||
position: fixed;
|
||
top: 0; left: 0; right: 0; bottom: 0;
|
||
background-color: rgba(0,0,0,0.3);
|
||
z-index: 2000;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.scan-result-popup {
|
||
width: 560rpx;
|
||
background-color: #ffffff;
|
||
border-radius: 12rpx;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.popup-scan-header {
|
||
padding: 30rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
border-bottom: 1rpx solid #f0f0f0;
|
||
}
|
||
|
||
.popup-scan-title {
|
||
font-size: 32rpx;
|
||
font-weight: bold;
|
||
color: #333333;
|
||
}
|
||
|
||
.popup-scan-close {
|
||
font-size: 36rpx;
|
||
color: #999999;
|
||
padding: 0 10rpx;
|
||
}
|
||
|
||
.popup-scan-content {
|
||
padding: 30rpx;
|
||
min-height: 120rpx;
|
||
}
|
||
|
||
.scan-result-row {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-bottom: 16rpx;
|
||
}
|
||
|
||
.scan-result-label {
|
||
font-size: 28rpx;
|
||
color: #666666;
|
||
margin-right: 20rpx;
|
||
min-width: 120rpx;
|
||
}
|
||
|
||
.scan-result-value {
|
||
font-size: 30rpx;
|
||
color: #333333;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.scan-result-hint {
|
||
font-size: 26rpx;
|
||
color: #999999;
|
||
margin-top: 10rpx;
|
||
display: block;
|
||
}
|
||
|
||
.popup-scan-footer {
|
||
display: flex;
|
||
border-top: 1rpx solid #f0f0f0;
|
||
}
|
||
|
||
.popup-scan-btn {
|
||
flex: 1;
|
||
height: 90rpx;
|
||
line-height: 90rpx;
|
||
text-align: center;
|
||
font-size: 32rpx;
|
||
}
|
||
|
||
.popup-scan-cancel {
|
||
background-color: #f5f5f5;
|
||
color: #333333;
|
||
}
|
||
|
||
.popup-scan-confirm {
|
||
background-color: #007aff;
|
||
color: #ffffff;
|
||
}
|
||
|
||
/* ========== 定价策略 ========== */
|
||
.mode-tabs {
|
||
display: flex;
|
||
background: #f0f2f5;
|
||
border-radius: 8rpx;
|
||
padding: 4rpx;
|
||
margin-bottom: 24rpx;
|
||
}
|
||
|
||
.mode-tab {
|
||
flex: 1;
|
||
text-align: center;
|
||
padding: 16rpx 0;
|
||
border-radius: 6rpx;
|
||
font-size: 26rpx;
|
||
color: #606266;
|
||
transition: all 0.2s;
|
||
}
|
||
|
||
.mode-tab.active {
|
||
background: #ffffff;
|
||
color: #409eff;
|
||
font-weight: 600;
|
||
box-shadow: 0 1rpx 4rpx rgba(0,0,0,0.06);
|
||
}
|
||
|
||
.mode-tab-text {
|
||
font-size: 26rpx;
|
||
}
|
||
|
||
.config-field {
|
||
margin-bottom: 24rpx;
|
||
padding-bottom: 20rpx;
|
||
border-bottom: 2rpx solid #f0f2f5;
|
||
}
|
||
|
||
.config-field:last-of-type {
|
||
border-bottom: none;
|
||
margin-bottom: 16rpx;
|
||
}
|
||
|
||
.config-label {
|
||
display: block;
|
||
font-size: 26rpx;
|
||
color: #303133;
|
||
font-weight: 500;
|
||
margin-bottom: 4rpx;
|
||
}
|
||
|
||
.config-desc {
|
||
display: block;
|
||
font-size: 22rpx;
|
||
color: #909399;
|
||
margin-bottom: 12rpx;
|
||
}
|
||
|
||
.picker-wrap {
|
||
display: flex;
|
||
}
|
||
|
||
.picker-btn {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
background: #ffffff;
|
||
border: 2rpx solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
padding: 0 16rpx;
|
||
height: 72rpx;
|
||
min-width: 200rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.picker-btn:active {
|
||
border-color: #409eff;
|
||
}
|
||
|
||
.picker-btn-text {
|
||
font-size: 28rpx;
|
||
color: #303133;
|
||
}
|
||
|
||
.num-input-field {
|
||
background: #ffffff;
|
||
border: 2rpx solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
padding: 0 16rpx;
|
||
height: 72rpx;
|
||
line-height: 72rpx;
|
||
font-size: 28rpx;
|
||
color: #303133;
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
-webkit-appearance: none;
|
||
appearance: none;
|
||
}
|
||
|
||
.num-input-field:focus {
|
||
border-color: #409eff;
|
||
outline: none;
|
||
}
|
||
|
||
.num-input-field::placeholder {
|
||
color: #c0c4cc;
|
||
}
|
||
|
||
.save-config-btn {
|
||
background: #409eff;
|
||
color: #ffffff;
|
||
text-align: center;
|
||
padding: 22rpx 0;
|
||
border-radius: 10rpx;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
margin-top: 12rpx;
|
||
box-shadow: 0 2rpx 8rpx rgba(64,158,255,0.2);
|
||
}
|
||
|
||
.save-config-btn:active {
|
||
opacity: 0.85;
|
||
}
|
||
|
||
/* ========== 设置子Tabs ========== */
|
||
.settings-sub-tabs {
|
||
display: flex;
|
||
background-color: #ffffff;
|
||
border-bottom: 2rpx solid #e4e7ed;
|
||
}
|
||
|
||
.settings-sub-tab {
|
||
flex: 1;
|
||
text-align: center;
|
||
padding: 20rpx 0;
|
||
font-size: 26rpx;
|
||
color: #606266;
|
||
position: relative;
|
||
}
|
||
|
||
.settings-sub-tab.active {
|
||
color: #409eff;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.settings-sub-tab.active::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 48rpx;
|
||
height: 4rpx;
|
||
background-color: #409eff;
|
||
border-radius: 2rpx;
|
||
}
|
||
|
||
/* ========== 设置 - 已登录卡片 ========== */
|
||
.logged-in-card {
|
||
background-color: #fafafa;
|
||
border: 2rpx solid #ebeef5;
|
||
border-radius: 12rpx;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.card-header {
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 20rpx;
|
||
gap: 14rpx;
|
||
}
|
||
|
||
.card-avatar {
|
||
width: 72rpx;
|
||
height: 72rpx;
|
||
border-radius: 50%;
|
||
background-color: #409eff;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.card-user-info {
|
||
flex: 1;
|
||
}
|
||
|
||
.card-shop-name {
|
||
font-size: 28rpx;
|
||
color: #303133;
|
||
font-weight: 600;
|
||
display: block;
|
||
}
|
||
|
||
.card-region-row {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4rpx;
|
||
margin-top: 6rpx;
|
||
}
|
||
|
||
.card-region-icon {
|
||
font-size: 24rpx;
|
||
}
|
||
|
||
.card-region {
|
||
font-size: 24rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
.card-footer {
|
||
border-top: 2rpx solid #ebeef5;
|
||
padding: 16rpx 20rpx;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.logout-btn-text {
|
||
font-size: 26rpx;
|
||
color: #f56c6c;
|
||
}
|
||
|
||
/* ========== 登录样式 ========== */
|
||
.login-header {
|
||
text-align: center;
|
||
padding: 20rpx 0;
|
||
}
|
||
|
||
.login-title {
|
||
font-size: 32rpx;
|
||
color: #303133;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.login-form {
|
||
padding-top: 10rpx;
|
||
}
|
||
|
||
.input-row {
|
||
margin-bottom: 16rpx;
|
||
}
|
||
|
||
/* ========== 密码框 ========== */
|
||
.password-wrapper {
|
||
position: relative;
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.password-input {
|
||
flex: 1;
|
||
padding-right: 90rpx !important;
|
||
-webkit-appearance: none;
|
||
appearance: none;
|
||
}
|
||
|
||
/* H5浏览器密码框默认眼睛图标隐藏 */
|
||
.password-input::-webkit-credentials-auto-fill-button,
|
||
.password-input::-webkit-reveal,
|
||
.password-input::-ms-reveal {
|
||
display: none !important;
|
||
-webkit-appearance: none;
|
||
appearance: none;
|
||
}
|
||
|
||
/* H5密码框自动填充背景色覆盖 */
|
||
.password-input:-webkit-autofill {
|
||
-webkit-box-shadow: 0 0 0 1000rpx #ffffff inset !important;
|
||
-webkit-text-fill-color: #303133 !important;
|
||
}
|
||
|
||
.password-eye {
|
||
position: absolute;
|
||
right: 8rpx;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 64rpx;
|
||
height: 64rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
z-index: 10;
|
||
}
|
||
|
||
/* ========== 眼睛图标 CSS 实现 ========== */
|
||
.eye-css {
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
position: relative;
|
||
}
|
||
|
||
.eye-open {
|
||
width: 36rpx;
|
||
height: 36rpx;
|
||
border: 3rpx solid #909399;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
position: relative;
|
||
}
|
||
|
||
.eye-open.eye-active {
|
||
border-color: #409eff;
|
||
}
|
||
|
||
.eye-open-inner {
|
||
width: 14rpx;
|
||
height: 14rpx;
|
||
border: 2rpx solid #909399;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.eye-open.eye-active .eye-open-inner {
|
||
border-color: #409eff;
|
||
}
|
||
|
||
.pupil {
|
||
width: 6rpx;
|
||
height: 6rpx;
|
||
background-color: #909399;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.eye-open.eye-active .pupil {
|
||
background-color: #409eff;
|
||
}
|
||
|
||
.eye-close {
|
||
width: 36rpx;
|
||
height: 10rpx;
|
||
border-top: 3rpx solid #909399;
|
||
border-bottom: 3rpx solid #909399;
|
||
position: relative;
|
||
transform: rotate(0deg);
|
||
}
|
||
|
||
.eye-close-line {
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
width: 40rpx;
|
||
height: 3rpx;
|
||
background-color: #909399;
|
||
transform: translate(-50%, -50%) rotate(45deg);
|
||
}
|
||
|
||
.checkbox-row {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6rpx;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
.checkbox-label {
|
||
font-size: 24rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
/* --- 已保存账号列表 --- */
|
||
.saved-accounts {
|
||
margin-top: 28rpx;
|
||
padding-top: 24rpx;
|
||
border-top: 2rpx solid #ebeef5;
|
||
}
|
||
|
||
.saved-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin-bottom: 16rpx;
|
||
}
|
||
|
||
.saved-title {
|
||
font-size: 26rpx;
|
||
color: #303133;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.saved-count {
|
||
font-size: 22rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
.saved-list {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 12rpx;
|
||
}
|
||
|
||
.saved-item {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 16rpx 18rpx;
|
||
background: #f7f8fa;
|
||
border: 2rpx solid #ebeef5;
|
||
border-radius: 10rpx;
|
||
}
|
||
|
||
.saved-item:active {
|
||
background: #ecf5ff;
|
||
border-color: #409eff;
|
||
}
|
||
|
||
.saved-item-left {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 14rpx;
|
||
flex: 1;
|
||
min-width: 0;
|
||
}
|
||
|
||
.saved-avatar {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
border-radius: 50%;
|
||
background: #ecf5ff;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 24rpx;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.saved-info {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 4rpx;
|
||
min-width: 0;
|
||
flex: 1;
|
||
}
|
||
|
||
.saved-name {
|
||
font-size: 26rpx;
|
||
color: #303133;
|
||
font-weight: 500;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.saved-hint {
|
||
font-size: 22rpx;
|
||
color: #909399;
|
||
}
|
||
|
||
.saved-del {
|
||
font-size: 24rpx;
|
||
color: #f56c6c;
|
||
padding: 6rpx 10rpx;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.saved-del:active {
|
||
opacity: 0.7;
|
||
}
|
||
|
||
.login-btn {
|
||
background-color: #409eff;
|
||
border-radius: 10rpx;
|
||
box-shadow: 0 4rpx 12rpx rgba(64,158,255,0.2);
|
||
height: 80rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 30rpx;
|
||
color: #ffffff;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* ========== 屏蔽设置 ========== */
|
||
.section-desc {
|
||
font-size: 24rpx;
|
||
color: #909399;
|
||
display: block;
|
||
margin-bottom: 14rpx;
|
||
}
|
||
|
||
.blocked-textarea {
|
||
width: 100%;
|
||
min-height: 200rpx;
|
||
background-color: #ffffff;
|
||
border: 2rpx solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
padding: 16rpx;
|
||
font-size: 26rpx;
|
||
color: #303133;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.blocked-textarea:focus {
|
||
border-color: #409eff;
|
||
}
|
||
</style>
|