Merge branch 'cjerp-2.0-price' into test_cjerp

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum'
+
+export function salesmanQuotationQueryApi(params) {
+  return request({
+    url: '/procurement/salesmanQuotation/query',
+    method: 'get',
+    params
+  })
+}
+
+// 生成编号
+export function salesmanQuotationGenerateCodeApi() {
+  return request({
+    url: '/procurement/salesmanQuotation/generateCode',
+    method: 'get'
+  })
+}
+
+// 新增保存
+export function salesmanQuotationSaveApi(data) {
+  return request({
+    url: '/procurement/salesmanQuotation',
+    method: 'post',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+// 详情
+export function salesmanQuotationDetailApi(params) {
+  return request({
+    url: '/procurement/salesmanQuotation',
+    method: 'get',
+    params
+  })
+}
+
+// 审核详情
+export function salesmanQuotationGetExamineByIdApi(id) {
+  return request({
+    url: '/procurement/salesmanQuotation/getExamineById',
+    method: 'get',
+    params: { id }
+  })
+}
+
+// 编辑
+export function salesmanQuotationUpdateApi(data) {
+  return request({
+    url: '/procurement/salesmanQuotation',
+    method: 'put',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+// 品种关系查询
+export function breedRelationshipQueryApi(params) {
+  return request({
+    url: '/baseData/breedRelationship/query',
+    method: 'get',
+    params
+  })
+}
+
+// 取消
+export function salesmanQuotationCancelApi(params) {
+  return request({
+    url: '/procurement/salesmanQuotation/cancel',
+    method: 'post',
+    params
+  })
+}

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum'
+
+export function salesmanQuotationPeerQueryApi(params) {
+  return request({
+    url: '/procurement/salesmanQuotationPeer/query',
+    method: 'get',
+    params
+  })
+}
+
+export function salesmanQuotationPeerSaveApi(data) {
+  return request({
+    url: '/procurement/salesmanQuotationPeer',
+    method: 'post',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+export function salesmanQuotationPeerGetApi(id) {
+  return request({
+    url: '/procurement/salesmanQuotationPeer',
+    method: 'get',
+    params: { id }
+  })
+}
+
+export function salesmanQuotationPeerUpdateApi(data) {
+  return request({
+    url: '/procurement/salesmanQuotationPeer',
+    method: 'put',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+export function salesmanQuotationPeerDeleteApi(id) {
+  return request({
+    url: '/procurement/salesmanQuotationPeer',
+    method: 'delete',
+    params: { id }
+  })
+}

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum'
+
+export function supplierQuotationDealQueryApi(params) {
+  return request({
+    url: '/procurement/supplierQuotationDeal/query',
+    method: 'get',
+    params
+  })
+}
+
+export function supplierQuotationDealGetApi(id) {
+  return request({
+    url: '/procurement/supplierQuotationDeal',
+    method: 'get',
+    params: { id }
+  })
+}
+
+// 可分配人员
+export function supplierQuotationDealAssignUsersApi(params) {
+  return request({
+    url: '/procurement/supplierQuotationDeal/assignUsers',
+    method: 'get',
+    params
+  })
+}
+
+// 分配
+export function supplierQuotationDealAssignApi(data) {
+  return request({
+    url: '/procurement/supplierQuotationDeal/assign',
+    method: 'put',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum'
+
+export function supplierQuotationProjectQueryApi(params) {
+  return request({
+    url: '/procurement/supplierQuotationProject/query',
+    method: 'get',
+    params
+  })
+}
+
+// 新增报价项目
+export function supplierQuotationProjectSaveApi(data) {
+  return request({
+    url: '/procurement/supplierQuotationProject',
+    method: 'post',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+// 详情
+export function supplierQuotationProjectDetailApi(params) {
+  return request({
+    url: '/procurement/supplierQuotationProject',
+    method: 'get',
+    params
+  })
+}
+
+// 修改
+export function supplierQuotationProjectUpdateApi(data) {
+  return request({
+    url: '/procurement/supplierQuotationProject',
+    method: 'put',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+// 报价
+export function supplierQuotationProjectQuoteApi(data) {
+  return request({
+    url: '/procurement/supplierQuotationProjectQuote',
+    method: 'post',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+// 发布（更新状态）
+export function supplierQuotationProjectUpdateStatusApi(params) {
+  return request({
+    url: '/procurement/supplierQuotationProject/updateStatus',
+    method: 'get',
+    params
+  })
+}

@@ -276,6 +276,143 @@
 			}
 		},
 		{
+			"path": "pages/sales-price/index",
+			"style": {
+				"navigationBarTitleText": "业务员报价单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/sales-price/add",
+			"style": {
+				"navigationBarTitleText": "新增业务员报价单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/sales-price/modify",
+			"style": {
+				"navigationBarTitleText": "编辑业务员报价单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/sales-price/detail",
+			"style": {
+				"navigationBarTitleText": "查看业务员报价单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/sales-price/copy",
+			"style": {
+				"navigationBarTitleText": "复制业务员报价单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		
+		{
+			"path": "pages/supplier-price/index",
+			"style": {
+				"navigationBarTitleText": "报价项目",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/supplier-price/add",
+			"style": {
+				"navigationBarTitleText": "新增报价项目",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/supplier-price/detail",
+			"style": {
+				"navigationBarTitleText": "查看报价项目",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/supplier-price/modify",
+			"style": {
+				"navigationBarTitleText": "编辑报价项目",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/supplier-price/quote",
+			"style": {
+				"navigationBarTitleText": "报价",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/quote-manage/index",
+			"style": {
+				"navigationBarTitleText": "报价管理",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/quote-manage/detail",
+			"style": {
+				"navigationBarTitleText": "报价管理详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/quote-manage/assign",
+			"style": {
+				"navigationBarTitleText": "分配负责人",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/peer-info/index",
+			"style": {
+				"navigationBarTitleText": "同行信息",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/peer-info/add",
+			"style": {
+				"navigationBarTitleText": "新增同行信息",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/peer-info/modify",
+			"style": {
+				"navigationBarTitleText": "编辑同行信息",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/peer-info/detail",
+			"style": {
+				"navigationBarTitleText": "查看同行信息",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
 			"path": "pages/order_list/index",
 			"style": {
 				"navigationBarTitleText": "订货单列表",

@@ -94,7 +94,7 @@
                             <template v-slot:footer>
                                 <uni-easyinput v-model="item.unitPrice" type="digit" :inputBorder="false"
                                     placeholder="请输入单价" @input="onImmediateChange(idx)"
-                                    @blur="onNumberBlur(idx, 'unitPrice', 0)" />
+                                    @blur="onNumberBlur(idx, 'unitPrice', 9)" />
                             </template>
                         </uni-list-item>
                         <!-- <uni-list-item title="不含税金额">

@@ -86,7 +86,7 @@
                         </uni-list-item>
                         <uni-list-item title="单价">
                             <template v-slot:footer>
-                                <uni-easyinput v-model="item.unitPrice" type="digit" :inputBorder="false" placeholder="请输入单价" @input="onImmediateChange(idx)" @blur="onNumberBlur(idx, 'unitPrice', 0)" />
+                                <uni-easyinput v-model="item.unitPrice" type="digit" :inputBorder="false" placeholder="请输入单价" @input="onImmediateChange(idx)" @blur="onNumberBlur(idx, 'unitPrice', 9)" />
                             </template>
                         </uni-list-item>
                         <uni-list-item title="不含税金额">

@@ -152,12 +152,35 @@ export default {
 				},
 				{
 					text: '外贸客户资信管理',
-					icon: '/static/images/index/order_list.png',
+					icon: '/static/images/index/change_list.png',
 					link: '/pages/foreign_trade/index',
 					name: 'ForeignTrade'
+				},
+				{
+					text: '业务员报价单',
+					icon: '/static/images/index/revoke_list.png',
+					link: '/pages/sales-price/index',
+					name: 'SalesPrice'
+				},
+				{
+					text: '报价项目',
+					icon: '/static/images/index/invoice.png',
+					link: '/pages/supplier-price/index',
+					name: 'SupplierPrice'
+				},
+				{
+					text: '同行信息',
+					icon: '/static/images/index/draft_order.png',
+					link: '/pages/peer-info/index',
+					name: 'PeerInfo'
+				},
+				{
+					text: '报价管理',
+					icon: '/static/images/index/delay_invoice.png',
+					link: '/pages/quote-manage/index',
+					name: 'QuoteManage'
 				}
 			]
-
 			},
 			{
 				title: '订货单管理',

+<template>
+	<view class="page">
+		<scroll-view class="scroll" scroll-y>
+			<uni-list>
+				<uni-list-item>
+					<template v-slot:body>
+						<view class="item-title"><text class="required">*</text><text>同行名称</text></view>
+					</template>
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.peerName" placeholder="请输入同行名称" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.peerProductName ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('peerProductId')" :rightText="displayLabel('peerProductName')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text class="required">*</text><text>同行品种</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item>
+					<template v-slot:body>
+						<view class="item-title"><text class="required">*</text><text>同行报价</text></view>
+					</template>
+					<template v-slot:footer>
+						<uni-easyinput type="digit" v-model="form.peerPrice" placeholder="请输入同行报价" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+			</uni-list>
+		</scroll-view>
+
+		<view class="footer">
+			<button class="btn submit" type="primary" :disabled="submitting" @click="onSubmit">{{ submitting ? '提交中...' : '提交' }}</button>
+		</view>
+
+		<SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options" v-model="sheet.value"
+			@confirm="onSheetConfirm" />
+	</view>
+</template>
+
+<script>
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import { breedRelationshipQueryApi } from '@/api/procure-manage/salesmanQuotation.js'
+import { salesmanQuotationPeerSaveApi } from '@/api/procure-manage/salesmanQuotationPeer.js'
+
+export default {
+	name: 'PeerInfoAdd',
+	components: { SingleSelectSheet },
+	data() {
+		return {
+			submitting: false,
+			productVarietyList: [],
+			sheet: { visible: false, title: '请选择', options: [], field: '', value: '' },
+			form: {
+				peerName: '',
+				peerProductId: '',
+				peerProductName: '',
+				peerPrice: ''
+			}
+		}
+	},
+	created() {
+		this.loadProductVariety()
+	},
+	methods: {
+		async loadProductVariety() {
+			try {
+				const res = await breedRelationshipQueryApi({ pageIndex: 1, pageSize: 9999 })
+				const _data = res && res.data ? res.data : {}
+				const list = _data.datas || _data.list || _data.records || []
+				this.productVarietyList = list.map(it => ({
+					label: it.productName || it.name || '',
+					value: it.productId || it.id || ''
+				})).filter(it => it.value)
+			} catch (e) {
+				this.productVarietyList = []
+			}
+		},
+		displayLabel(field) {
+			const map = { peerProductName: '请选择同行品种' }
+			const val = this.form[field]
+			return val ? String(val) : (map[field] || '请选择')
+		},
+		openSheet(field) {
+			if (field === 'peerProductId') {
+				const current = this.form.peerProductId
+				const match = (this.productVarietyList || []).find(o => String(o.value) === String(current))
+				this.sheet = {
+					visible: true,
+					title: '同行品种',
+					options: this.productVarietyList || [],
+					field,
+					value: match ? match.value : ''
+				}
+			}
+		},
+		onSheetConfirm({ value, label }) {
+			const field = this.sheet.field
+			if (!field) return
+			if (field === 'peerProductId') {
+				this.form.peerProductId = value || ''
+				this.form.peerProductName = label || ''
+			}
+		},
+		validate() {
+			const checks = [
+				{ key: 'peerName', label: '同行名称' },
+				{ key: 'peerProductId', label: '同行品种' },
+				{ key: 'peerPrice', label: '同行报价' }
+			]
+			for (const it of checks) {
+				const val = this.form[it.key]
+				const empty = (val === undefined || val === null || (typeof val === 'string' && String(val).trim() === ''))
+				if (empty) {
+					uni.showToast({ title: `${it.label}必填`, icon: 'none' })
+					return false
+				}
+			}
+			return true
+		},
+		buildPayload() {
+			return {
+				peerName: this.form.peerName,
+				peerProductId: this.form.peerProductId,
+				peerPrice: this.form.peerPrice
+			}
+		},
+		async onSubmit() {
+			if (this.submitting) return
+			if (!this.validate()) return
+			this.submitting = true
+			const payload = this.buildPayload()
+			try {
+				await salesmanQuotationPeerSaveApi(payload)
+				uni.showToast({ title: '保存成功', icon: 'success' })
+				try { uni.setStorageSync('PEER_INFO_LIST_NEED_REFRESH', '1') } catch (e) {}
+				setTimeout(() => { uni.redirectTo({ url: '/pages/peer-info/index' }) }, 300)
+			} catch (e) {
+				uni.showToast({ title: (e && e.msg) || '保存失败', icon: 'none' })
+			} finally {
+				this.submitting = false
+			}
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.scroll {
+	flex: 1;
+	padding: 0rpx 0 160rpx;
+	background-color: #f3f3f3;
+}
+
+.footer {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	padding: 32rpx;
+	padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+	background: #fff;
+	box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+	z-index: 10;
+
+	.btn {
+		height: 80rpx;
+		line-height: 80rpx;
+		border-radius: 12rpx;
+		font-size: 32rpx;
+	}
+
+	.submit {
+		background: $theme-primary;
+		color: #fff;
+	}
+}
+
+.title-header {
+	display: flex;
+	align-items: center;
+	padding: 24rpx 32rpx 12rpx;
+	background-color: #ffffff;
+
+	.title-header_icon {
+		width: 36rpx;
+		height: 36rpx;
+		margin-right: 12rpx;
+	}
+
+	span {
+		font-size: 34rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+	}
+}
+
+.mgb10 {
+	margin-bottom: 20rpx;
+}
+
+::v-deep .uni-list {
+    .uni-easyinput {
+        display: flex;
+
+        .uni-input-input {
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+
+    .uni-input-placeholder {
+        z-index: 1;
+    }
+
+    .uni-input-input {
+        background-color: #ffffff;
+    }
+
+    background: transparent;
+
+    &-item {
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__container {
+            padding: 32rpx;
+
+            .uni-easyinput {
+                &__placeholder-class {
+                    font-size: 32rpx;
+                    color: rgba(0, 0, 0, 0.4);
+                }
+
+                &__content {
+                    border: none;
+                    background-color: #ffffff !important;
+
+                    &-input {
+                        padding-left: 0 !important;
+                        height: 48rpx;
+                        line-height: 48rpx;
+                        font-size: 32rpx;
+                    }
+
+                    .content-clear-icon {
+                        font-size: 44rpx !important;
+                    }
+                }
+            }
+
+            .item-title,
+            .uni-list-item__content {
+                flex: none;
+                min-height: 48rpx;
+                line-height: 48rpx;
+                font-size: 32rpx;
+                position: relative;
+                width: 210rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+        }
+
+        &.select-item {
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+        }
+
+        &.mgb10 {
+            margin-bottom: 20rpx;
+        }
+    }
+}
+</style>

+<template>
+	<view class="page">
+		<scroll-view class="scroll" scroll-y>
+			<view class="detail-page">
+				<view class="section">
+					<text class="row company">{{ safeText(form.peerName) }}</text>
+					<view class="row"><text class="label">同行品种</text><text class="value">{{ safeText(form.peerProductName) }}</text></view>
+					<view class="row"><text class="label">同行报价</text><text class="value">{{ safeText(form.peerPrice) }}</text></view>
+					<view class="row"><text class="label">创建人</text><text class="value">{{ safeText(form.createBy) }}</text></view>
+					<view class="row"><text class="label">创建时间</text><text class="value">{{ formatDateTime(form.createTime) }}</text></view>
+				</view>
+			</view>
+		</scroll-view>
+		<detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+	</view>
+</template>
+
+<script>
+import DetailButtons from '@/components/detail-buttons/index.vue'
+import { salesmanQuotationPeerGetApi, salesmanQuotationPeerDeleteApi } from '@/api/procure-manage/salesmanQuotationPeer.js'
+
+export default {
+	name: 'PeerInfoDetail',
+	components: { DetailButtons },
+	data() {
+		return {
+			id: '',
+			loading: false,
+			form: {},
+			buttons: [
+				{ text: '编辑', visible: true, variant: 'outline', event: 'edit' },
+				{ text: '删除', visible: true, variant: 'danger', event: 'delete' }
+			]
+		}
+	},
+	computed: {
+		displayButtons() {
+			const isToday = this.isToday(this.form.createTime);
+			return [
+                { ...this.buttons[0], visible: isToday && this.$auth.hasPermi('procure-manage:peer-info:modify') },
+                { ...this.buttons[1], visible: isToday && this.$auth.hasPermi('procure-manage:peer-info:delete') }
+			]
+		}
+	},
+	onShow() {
+		const options = (this.$route && this.$route.query) ? this.$route.query : {}
+		const id = options && options.id ? String(options.id) : ''
+		if (id && id !== this.id) {
+			this.id = id
+		}
+		if (this.id) this.loadDetail()
+	},
+	methods: {
+		isToday(dateStr) {
+            if (!dateStr) return false;
+            const date = new Date(dateStr);
+            const today = new Date();
+            return (
+            date.getFullYear() === today.getFullYear() &&
+            date.getMonth() === today.getMonth() &&
+            date.getDate() === today.getDate()
+            );
+        },
+		safeText(v) {
+			const s = v == null ? '' : String(v)
+			return s.trim() ? s : ''
+		},
+		formatDateTime(v) {
+			const s = v == null ? '' : String(v).trim()
+			if (!s) return '-'
+			if (s.length >= 16) return s.slice(0, 16)
+			if (s.length >= 10) return s.slice(0, 10)
+			return s
+		},
+		handleButtonClick(btn) {
+			if (!btn || btn.disabled) return
+			const e = btn.event || ''
+			if (e === 'edit') return this.onEdit()
+			if (e === 'delete') return this.onDelete()
+		},
+		onEdit() {
+			uni.navigateTo({ url: '/pages/peer-info/modify?id=' + this.id })
+		},
+		onDelete() {
+			const id = this.id || (this.form && this.form.id) || ''
+			if (!id) return
+			uni.showModal({
+				title: '系统提示',
+				content: '是否确定删除该同行信息？',
+				confirmText: '确定',
+				cancelText: '取消',
+				success: (res) => {
+					if (res && res.confirm) {
+						salesmanQuotationPeerDeleteApi(id).then(() => {
+							uni.showToast({ title: '已删除', icon: 'none' })
+							try { uni.setStorageSync('PEER_INFO_LIST_NEED_REFRESH', '1') } catch (e) {}
+							setTimeout(() => { uni.redirectTo({ url: '/pages/peer-info/index' }) }, 300)
+						}).catch((e) => {
+							uni.showToast({ title: (e && e.msg) || '删除失败', icon: 'none' })
+						})
+					}
+				}
+			})
+		},
+		async loadDetail() {
+			this.loading = true
+			try {
+				const res = await salesmanQuotationPeerGetApi(this.id)
+				this.form = (res && res.data) ? res.data : {}
+			} catch (e) {
+				this.form = {}
+				uni.showToast({ title: '详情加载失败', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.scroll {
+	flex: 1;
+	padding: 8rpx 0 144rpx;
+}
+
+.detail-page {
+	background: #f3f3f3;
+}
+
+.section {
+	padding: 32rpx;
+	background: #fff;
+	margin-bottom: 20rpx;
+}
+
+.row {
+	display: flex;
+	margin-bottom: 28rpx;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+
+	&.company {
+		font-size: 36rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+		padding-top: 8rpx;
+		line-height: 50rpx;
+		margin-bottom: 28rpx;
+	}
+
+	.label {
+		max-width: 420rpx;
+		margin-right: 20rpx;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.6);
+	}
+
+	.value {
+		flex: 1;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.9);
+		text-align: right;
+		word-break: break-all;
+
+		&.pre {
+			white-space: pre-wrap;
+		}
+	}
+}
+</style>

+<template>
+	<view class="page">
+		<view class="dev-list-fixed">
+			<view class="search-row">
+				<uni-search-bar v-model="searchKeyword" radius="6" placeholder="请输入同行名称" clearButton="auto"
+					cancelButton="none" bgColor="#F3F3F3" textColor="rgba(0,0,0,0.4)" @confirm="search"
+					@input="onSearchInput" />
+				<view class="tool-icons">
+					<image class="tool-icon" src="/static/images/dev_manage/add_icon.png" @click="onAdd" />
+					<image class="tool-icon" src="/static/images/dev_manage/filter_icon.png" @click="openFilter" />
+				</view>
+			</view>
+		</view>
+
+		<view class="list-box">
+			<card-list ref="cardRef" :fetch-fn="fetchList" :query="query" :extra="extraParams" row-key="id"
+				:enable-refresh="true" :enable-load-more="true" @loaded="onCardLoaded" @error="onCardError">
+				<template v-slot="{ item }">
+					<view class="card" @click.stop="onCardClick(item)">
+						<view class="card-header">
+							<text class="title omit2">{{ item.peerName || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>同行品种</text><text>{{ item.peerProductName || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>同行报价</text><text>{{ item.peerPrice != null ? item.peerPrice : '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>创建人</text><text>{{ item.createBy || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>创建时间</text><text>{{ formatDateTime(item.createTime) }}</text>
+						</view>
+					</view>
+				</template>
+			</card-list>
+		</view>
+
+		<filter-modal :visible.sync="filterVisible" :value.sync="filterForm" title="筛选" @reset="onFilterReset"
+			@confirm="onFilterConfirm">
+			<template v-slot="{ model }">
+				<view class="filter-form">
+					<view class="form-item">
+						<view class="label">同行名称</view>
+						<uni-easyinput v-model="model.peerName" placeholder="请输入同行名称" :inputBorder="false"
+							placeholderStyle="font-size:14px" @input="onPeerNameInput" />
+					</view>
+					<view class="form-item">
+						<view class="label">同行品种名称</view>
+						<uni-easyinput v-model="model.peerProductName" placeholder="请输入同行品种名称" :inputBorder="false"
+							placeholderStyle="font-size:14px" @input="onPeerProductNameInput" />
+					</view>
+					<view class="form-item">
+						<view class="label">创建日期</view>
+						<uni-datetime-picker type="daterange" v-model="model.dateRange" start="2023-01-01" />
+					</view>
+				</view>
+			</template>
+		</filter-modal>
+	</view>
+</template>
+
+<script>
+import CardList from '@/components/card/index.vue'
+import FilterModal from '@/components/filter/index.vue'
+import { salesmanQuotationPeerQueryApi } from '@/api/procure-manage/salesmanQuotationPeer.js'
+
+export default {
+	name: 'PeerInfoList',
+	components: { CardList, FilterModal },
+	data() {
+		return {
+			searchKeyword: '',
+			searchKeywordDebounced: '',
+			searchDebounceTimer: null,
+			query: {
+				peerName: '',
+				peerProductName: '',
+				dateRange: []
+			},
+			extraParams: {},
+			currentItems: [],
+			filterVisible: false,
+			filterForm: {
+				peerName: '',
+				peerProductName: '',
+				dateRange: []
+			}
+		}
+	},
+	watch: {
+		searchKeywordDebounced(v) {
+			this.query = { ...this.query, peerName: v || '' }
+		}
+	},
+	onShow() {
+		let needRefresh = ''
+		try { needRefresh = uni.getStorageSync('PEER_INFO_LIST_NEED_REFRESH') } catch (e) {}
+		if (!needRefresh) return
+		try { uni.removeStorageSync('PEER_INFO_LIST_NEED_REFRESH') } catch (e) {}
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.reload) {
+			this.$refs.cardRef.reload()
+		}
+	},
+	onReachBottom() {
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
+			this.$refs.cardRef.onLoadMore()
+		}
+	},
+	beforeDestroy() {
+		if (this.searchDebounceTimer) {
+			clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = null
+		}
+	},
+	methods: {
+		formatDateTime(v) {
+			const s = v == null ? '' : String(v).trim()
+			if (!s) return '-'
+			if (s.length >= 16) return s.slice(0, 16)
+			if (s.length >= 10) return s.slice(0, 10)
+			return s
+		},
+		onAdd() {
+			uni.navigateTo({ url: '/pages/peer-info/add' })
+		},
+		onCardLoaded({ items }) {
+			this.currentItems = items
+		},
+		onCardError() {
+			uni.showToast({ title: '列表加载失败', icon: 'none' })
+		},
+		onSearchInput() {
+			if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = setTimeout(() => {
+				this.searchKeywordDebounced = this.searchKeyword
+				this.searchDebounceTimer = null
+			}, 1200)
+		},
+		search(e) {
+			const val = e && e.value != null ? e.value : this.searchKeyword
+			this.searchKeyword = val
+			this.searchKeywordDebounced = val
+		},
+		openFilter() {
+			this.filterForm = {
+				peerName: this.query.peerName || '',
+				peerProductName: this.query.peerProductName || '',
+				dateRange: Array.isArray(this.query.dateRange) ? this.query.dateRange.slice(0) : []
+			}
+			this.filterVisible = true
+		},
+		onFilterReset(payload) {
+			this.filterForm = payload
+		},
+		onFilterConfirm(payload) {
+			this.query = {
+				peerName: this.searchKeywordDebounced || payload.peerName || '',
+				peerProductName: payload.peerProductName || '',
+				dateRange: Array.isArray(payload.dateRange) ? payload.dateRange : []
+			}
+		},
+		onPeerNameInput(val) {
+			this.filterForm.peerName = val
+		},
+		onPeerProductNameInput(val) {
+			this.filterForm.peerProductName = val
+		},
+		fetchList({ pageIndex, pageSize, query }) {
+			const q = query || {}
+			const range = Array.isArray(q.dateRange) ? q.dateRange : []
+			const params = {
+				pageIndex,
+				pageSize,
+				peerName: q.peerName || '',
+				peerProductName: q.peerProductName || '',
+				createDateStart: (range && range.length === 2) ? range[0] : '',
+				createDateEnd: (range && range.length === 2) ? range[1] : ''
+			}
+			return salesmanQuotationPeerQueryApi(params).then(res => {
+				const _data = res && res.data ? res.data : {}
+				let records = _data.datas || _data.list || _data.records || []
+				const totalCount = _data.totalCount || _data.count || 0
+				const hasNext = _data.hasNext || false
+				records = records.map(it => ({ ...it }))
+				return { records, totalCount, hasNext }
+			}).catch(() => {
+				this.onCardError()
+				return { records: [], totalCount: 0, hasNext: false }
+			})
+		},
+		onCardClick(item) {
+			uni.navigateTo({ url: '/pages/peer-info/detail?id=' + item.id })
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+}
+
+.dev-list-fixed {
+	position: fixed;
+	top: 96rpx;
+	left: 0;
+	right: 0;
+	z-index: 2;
+	background: #fff;
+
+	.search-row {
+		display: flex;
+		align-items: center;
+		padding: 16rpx 32rpx;
+
+		.uni-searchbar {
+			padding: 0;
+			flex: 1;
+		}
+
+		.tool-icons {
+			display: flex;
+
+			.tool-icon {
+				width: 48rpx;
+				height: 48rpx;
+				display: block;
+				margin-left: 32rpx;
+			}
+		}
+	}
+}
+
+::v-deep .uni-searchbar__box {
+	height: 80rpx !important;
+	justify-content: start;
+
+	.uni-searchbar__box-search-input {
+		font-size: 32rpx !important;
+	}
+}
+
+.list-box {
+	flex: 1;
+	padding-top: 140rpx;
+
+	.card {
+		position: relative;
+	}
+
+	.card-header {
+		margin-bottom: 28rpx;
+		position: relative;
+
+		.title {
+			font-size: 36rpx;
+			font-weight: 600;
+			line-height: 50rpx;
+			color: rgba(0, 0, 0, 0.9);
+			width: 100%;
+		}
+	}
+
+	.info-row {
+		display: flex;
+		align-items: center;
+		color: rgba(0, 0, 0, 0.6);
+		font-size: 28rpx;
+		margin-bottom: 24rpx;
+		height: 32rpx;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		text {
+			width: 50%;
+
+			&:last-child {
+				color: rgba(0, 0, 0, 0.9);
+				width: 50%;
+			}
+		}
+	}
+}
+
+.filter-form {
+	.form-item {
+		margin-bottom: 24rpx;
+	}
+
+	.label {
+		margin-bottom: 20rpx;
+		color: rgba(0, 0, 0, 0.9);
+		height: 44rpx;
+		line-height: 44rpx;
+		font-size: 30rpx;
+	}
+
+	.uni-easyinput {
+		border: 1rpx solid #f3f3f3;
+	}
+}
+</style>

+<template>
+	<view class="page">
+		<scroll-view class="scroll" scroll-y>
+			<uni-list>
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>同行信息</span>
+				</view>
+
+				<uni-list-item>
+					<template v-slot:body>
+						<view class="item-title"><text class="required">*</text><text>同行名称</text></view>
+					</template>
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.peerName" placeholder="请输入同行名称" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.peerProductName ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('peerProductId')" :rightText="displayLabel('peerProductName')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text class="required">*</text><text>同行品种</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item>
+					<template v-slot:body>
+						<view class="item-title"><text class="required">*</text><text>同行报价</text></view>
+					</template>
+					<template v-slot:footer>
+						<uni-easyinput type="digit" v-model="form.peerPrice" placeholder="请输入同行报价" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+			</uni-list>
+		</scroll-view>
+
+		<view class="footer">
+			<button class="btn submit" type="primary" :disabled="submitting" @click="onSubmit">{{ submitting ? '提交中...' : '提交' }}</button>
+		</view>
+
+		<SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options" v-model="sheet.value"
+			@confirm="onSheetConfirm" />
+	</view>
+</template>
+
+<script>
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import { breedRelationshipQueryApi } from '@/api/procure-manage/salesmanQuotation.js'
+import { salesmanQuotationPeerGetApi, salesmanQuotationPeerUpdateApi } from '@/api/procure-manage/salesmanQuotationPeer.js'
+
+export default {
+	name: 'PeerInfoModify',
+	components: { SingleSelectSheet },
+	data() {
+		return {
+			id: '',
+			submitting: false,
+			loading: false,
+			productVarietyList: [],
+			sheet: { visible: false, title: '请选择', options: [], field: '', value: '' },
+			form: {
+				id: '',
+				peerName: '',
+				peerProductId: '',
+				peerProductName: '',
+				peerPrice: ''
+			}
+		}
+	},
+	onLoad(query) {
+		this.id = (query && query.id) ? String(query.id) : ''
+	},
+	created() {
+		this.loadProductVariety()
+		if (this.id) this.loadDetail()
+	},
+	methods: {
+		async loadProductVariety() {
+			try {
+				const res = await breedRelationshipQueryApi({ pageIndex: 1, pageSize: 9999 })
+				const _data = res && res.data ? res.data : {}
+				const list = _data.datas || _data.list || _data.records || []
+				this.productVarietyList = list.map(it => ({
+					label: it.productName || it.name || '',
+					value: it.productId || it.id || ''
+				})).filter(it => it.value)
+			} catch (e) {
+				this.productVarietyList = []
+			}
+		},
+		async loadDetail() {
+			this.loading = true
+			try {
+				const res = await salesmanQuotationPeerGetApi(this.id)
+				const data = (res && res.data) ? res.data : {}
+				this.form = {
+					id: data.id || this.id,
+					peerName: data.peerName || '',
+					peerProductId: data.peerProductId || '',
+					peerProductName: data.peerProductName || this.getOptionLabel(this.productVarietyList, data.peerProductId),
+					peerPrice: data.peerPrice != null ? String(data.peerPrice) : ''
+				}
+			} catch (e) {
+				uni.showToast({ title: '加载失败', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		},
+		getOptionLabel(options, value) {
+			const v = value != null ? String(value) : ''
+			if (!v) return ''
+			const match = (options || []).find(o => String(o.value) === v)
+			return match ? String(match.label || '') : ''
+		},
+		displayLabel(field) {
+			const map = { peerProductName: '请选择同行品种' }
+			const val = this.form[field]
+			return val ? String(val) : (map[field] || '请选择')
+		},
+		openSheet(field) {
+			if (field === 'peerProductId') {
+				const current = this.form.peerProductId
+				const match = (this.productVarietyList || []).find(o => String(o.value) === String(current))
+				this.sheet = {
+					visible: true,
+					title: '同行品种',
+					options: this.productVarietyList || [],
+					field,
+					value: match ? match.value : ''
+				}
+			}
+		},
+		onSheetConfirm({ value, label }) {
+			const field = this.sheet.field
+			if (!field) return
+			if (field === 'peerProductId') {
+				this.form.peerProductId = value || ''
+				this.form.peerProductName = label || ''
+			}
+		},
+		validate() {
+			const checks = [
+				{ key: 'peerName', label: '同行名称' },
+				{ key: 'peerProductId', label: '同行品种' },
+				{ key: 'peerPrice', label: '同行报价' }
+			]
+			for (const it of checks) {
+				const val = this.form[it.key]
+				const empty = (val === undefined || val === null || (typeof val === 'string' && String(val).trim() === ''))
+				if (empty) {
+					uni.showToast({ title: `${it.label}必填`, icon: 'none' })
+					return false
+				}
+			}
+			return true
+		},
+		buildPayload() {
+			return {
+				id: this.form.id,
+				peerName: this.form.peerName,
+				peerProductId: this.form.peerProductId,
+				peerPrice: this.form.peerPrice
+			}
+		},
+		async onSubmit() {
+			if (this.submitting) return
+			if (!this.validate()) return
+			this.submitting = true
+			const payload = this.buildPayload()
+			try {
+				await salesmanQuotationPeerUpdateApi(payload)
+				uni.showToast({ title: '保存成功', icon: 'success' })
+				try { uni.setStorageSync('PEER_INFO_LIST_NEED_REFRESH', '1') } catch (e) {}
+				setTimeout(() => { uni.redirectTo({ url: '/pages/peer-info/index' }) }, 300)
+			} catch (e) {
+				uni.showToast({ title: (e && e.msg) || '保存失败', icon: 'none' })
+			} finally {
+				this.submitting = false
+			}
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.scroll {
+	flex: 1;
+	padding: 0rpx 0 160rpx;
+	background-color: #f3f3f3;
+}
+
+.footer {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	padding: 32rpx;
+	padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+	background: #fff;
+	box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+	z-index: 10;
+
+	.btn {
+		height: 80rpx;
+		line-height: 80rpx;
+		border-radius: 12rpx;
+		font-size: 32rpx;
+	}
+
+	.submit {
+		background: $theme-primary;
+		color: #fff;
+	}
+}
+
+.title-header {
+	display: flex;
+	align-items: center;
+	padding: 24rpx 32rpx 12rpx;
+	background-color: #ffffff;
+
+	.title-header_icon {
+		width: 36rpx;
+		height: 36rpx;
+		margin-right: 12rpx;
+	}
+
+	span {
+		font-size: 34rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+	}
+}
+
+.mgb10 {
+	margin-bottom: 20rpx;
+}
+
+::v-deep .uni-list {
+    .uni-easyinput {
+        display: flex;
+
+        .uni-input-input {
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+
+    .uni-input-placeholder {
+        z-index: 1;
+    }
+
+    .uni-input-input {
+        background-color: #ffffff;
+    }
+
+    background: transparent;
+
+    &-item {
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__container {
+            padding: 32rpx;
+
+            .uni-easyinput {
+                &__placeholder-class {
+                    font-size: 32rpx;
+                    color: rgba(0, 0, 0, 0.4);
+                }
+
+                &__content {
+                    border: none;
+                    background-color: #ffffff !important;
+
+                    &-input {
+                        padding-left: 0 !important;
+                        height: 48rpx;
+                        line-height: 48rpx;
+                        font-size: 32rpx;
+                    }
+
+                    .content-clear-icon {
+                        font-size: 44rpx !important;
+                    }
+                }
+            }
+
+            .item-title,
+            .uni-list-item__content {
+                flex: none;
+                min-height: 48rpx;
+                line-height: 48rpx;
+                font-size: 32rpx;
+                position: relative;
+                width: 210rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+        }
+
+        &.select-item {
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+        }
+
+        &.mgb10 {
+            margin-bottom: 20rpx;
+        }
+    }
+}
+</style>

+<template>
+    <view class="page">
+        <scroll-view class="scroll" scroll-y>
+            <view class="section" v-if="users.length > 0">
+                <view
+                    v-for="it in users"
+                    :key="it.id"
+                    class="card"
+                    :class="{ 'is-selected': selectedId === it.id }"
+                    @click="onSelect(it)"
+                >
+                    <view class="card-row">
+                        <text class="card-name">{{ safeText(it.name) }}</text>
+                        <text class="card-check" v-if="selectedId === it.id">✓</text>
+                    </view>
+                    <view class="card-row sub">
+                        <text class="card-label">部门：</text>
+                        <text class="card-value">{{ safeText(it.deptName) }}</text>
+                    </view>
+                    <view class="card-row sub">
+                        <text class="card-label">角色：</text>
+                        <text class="card-value">{{ safeText(it.roleName) }}</text>
+                    </view>
+                    <view class="card-row sub">
+                        <text class="card-label">用户名：</text>
+                        <text class="card-value">{{ safeText(it.username) }}</text>
+                    </view>
+                </view>
+            </view>
+            <view v-else-if="!loading" class="empty">暂无可分配人员</view>
+        </scroll-view>
+
+        <view class="footer">
+            <button class="btn submit" :disabled="!selectedId" @click="onSubmit">确定分配</button>
+        </view>
+    </view>
+</template>
+
+<script>
+import { supplierQuotationDealAssignUsersApi, supplierQuotationDealAssignApi } from '@/api/procure-manage/supplierQuotationDeal.js'
+
+export default {
+    name: 'AssignQuoteManage',
+    data() {
+        return {
+            id: '',
+            purchaseDepartment: '',
+            loading: false,
+            users: [],
+            selectedId: ''
+        }
+    },
+    onLoad(options) {
+        this.id = (options && options.id) ? options.id : ''
+        this.purchaseDepartment = (options && options.purchaseDepartment) ? options.purchaseDepartment : ''
+        if (!this.id) {
+            uni.showToast({ title: '缺少主键ID', icon: 'none' })
+            return
+        }
+        this.loadUsers()
+    },
+    methods: {
+        safeText(v) {
+            const s = v == null ? '' : String(v)
+            return s.trim() ? s : '-'
+        },
+        async loadUsers() {
+            this.loading = true
+            try {
+                const res = await supplierQuotationDealAssignUsersApi({ purchaseDepartment: this.purchaseDepartment })
+                const data = (res && res.data) ? res.data : []
+                this.users = Array.isArray(data) ? data : []
+            } catch (e) {
+                this.users = []
+                uni.showToast({ title: '加载人员失败', icon: 'none' })
+            } finally {
+                this.loading = false
+            }
+        },
+        onSelect(it) {
+            this.selectedId = it.id
+        },
+        async onSubmit() {
+            if (!this.selectedId) {
+                uni.showToast({ title: '请选择负责人', icon: 'none' })
+                return
+            }
+            const confirmRes = await new Promise(resolve => {
+                uni.showModal({ title: '提示', content: '确定分配给该负责人吗？', confirmText: '确定', cancelText: '取消', success: resolve })
+            })
+            if (!(confirmRes && confirmRes.confirm)) return
+            try {
+                await supplierQuotationDealAssignApi({ id: this.id, principalId: this.selectedId })
+                uni.showToast({ title: '分配成功', icon: 'none' })
+                try { uni.setStorageSync('QUOTE_MANAGE_LIST_NEED_REFRESH', '1') } catch (e) {}
+                setTimeout(() => { uni.navigateBack() }, 400)
+            } catch (e) {
+                uni.showToast({ title: e.msg || '分配失败', icon: 'none' })
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: #f3f3f3;
+}
+
+.scroll {
+    flex: 1;
+    padding: 20rpx 0 200rpx;
+}
+
+.section {
+    padding: 0 24rpx;
+}
+
+.card {
+    background: #fff;
+    border-radius: 12rpx;
+    padding: 28rpx 32rpx;
+    margin-bottom: 20rpx;
+    border: 2rpx solid transparent;
+
+    &.is-selected {
+        border-color: $theme-primary;
+        background: rgba($theme-primary, 0.04);
+    }
+
+    .card-row {
+        display: flex;
+        align-items: center;
+        margin-bottom: 12rpx;
+
+        &.sub {
+            margin-bottom: 8rpx;
+        }
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+
+    .card-name {
+        flex: 1;
+        font-size: 32rpx;
+        font-weight: 600;
+        color: rgba(0, 0, 0, 0.9);
+    }
+
+    .card-check {
+        color: $theme-primary;
+        font-size: 36rpx;
+        font-weight: 700;
+    }
+
+    .card-label {
+        font-size: 28rpx;
+        color: rgba(0, 0, 0, 0.6);
+    }
+
+    .card-value {
+        flex: 1;
+        font-size: 28rpx;
+        color: rgba(0, 0, 0, 0.9);
+    }
+}
+
+.empty {
+    text-align: center;
+    color: rgba(0, 0, 0, 0.4);
+    font-size: 28rpx;
+    padding: 120rpx 0;
+}
+
+.footer {
+    z-index: 2;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 32rpx;
+    padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+    background: #fff;
+    box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+
+    .btn {
+        height: 80rpx;
+        line-height: 80rpx;
+        border-radius: 12rpx;
+        font-size: 32rpx;
+    }
+
+    .submit {
+        background: $theme-primary;
+        color: #fff;
+
+        &[disabled] {
+            opacity: 0.5;
+        }
+    }
+}
+</style>

+<template>
+	<view class="page">
+		<scroll-view class="scroll" scroll-y>
+			<view class="detail-page">
+				<view class="section">
+					<text class="row company">{{ safeText(form.projectName) }}</text>
+					<view class="row"><text class="label">项目编号</text><text class="value">{{ safeText(form.projectCode) }}</text></view>
+					<view class="row"><text class="label">报价时间</text><text class="value">{{ formatDateTimeMinute(form.quoteTime) }}</text></view>
+					<view class="row"><text class="label">供应商名称</text><text class="value">{{ safeText(form.supplierName) }}</text></view>
+					<view class="row"><text class="label">品种</text><text class="value">{{ safeText(form.productName) }}</text></view>
+					<view class="row"><text class="label">数量</text><text class="value">{{ safeText(form.quantity) }}</text></view>
+					<view class="row"><text class="label">价格</text><text class="value">{{ safeText(form.price) }}</text></view>
+					<view class="row"><text class="label">采购处</text><text class="value">{{ safeText(form.purchaseDepartmentName) }}</text></view>
+					<view class="row"><text class="label">负责人</text><text class="value">{{ safeText(form.principalName) }}</text></view>
+					<view class="row"><text class="label">分配时间</text><text class="value">{{ formatDateTimeMinute(form.assignTime) }}</text></view>
+				</view>
+			</view>
+		</scroll-view>
+
+		<detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+	</view>
+</template>
+
+<script>
+import DetailButtons from '@/components/detail-buttons/index.vue'
+import { supplierQuotationDealGetApi } from '@/api/procure-manage/supplierQuotationDeal.js'
+
+export default {
+	name: 'QuoteManageDetail',
+	components: { DetailButtons },
+	data() {
+		return {
+			id: '',
+			loading: false,
+			form: {},
+			buttons: [{
+				text: '分配',
+				visible: true,
+				variant: 'primary',
+				event: 'assign'
+			}]
+		}
+	},
+	computed: {
+		displayButtons() {
+			return [
+				{ ...this.buttons[0], visible: !this.form.principalId && this.$auth.hasPermi('procure-manage:quote-manage:assign') }
+			]
+		}
+	},
+	onShow() {
+		const options = (this.$route && this.$route.query) ? this.$route.query : {}
+		const id = options && options.id ? String(options.id) : ''
+		this.id = id
+		this.loadDetail()
+	},
+	methods: {
+		safeText(v) {
+			const s = v == null ? '' : String(v)
+			return s.trim() ? s : '-'
+		},
+		formatDateTimeMinute(v) {
+			const s = v == null ? '' : String(v).trim()
+			if (!s) return '-'
+			if (s.length >= 16) return s.slice(0, 16)
+			if (s.length >= 10) return s.slice(0, 10)
+			return s
+		},
+		async loadDetail() {
+			this.loading = true
+			try {
+				const res = await supplierQuotationDealGetApi(this.id)
+				const data = (res && res.data) ? res.data : {}
+				this.form = data
+			} catch (e) {
+				this.form = {}
+				uni.showToast({ title: '详情加载失败', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		},
+		handleButtonClick(btn) {
+			if (!btn || btn.disabled) return
+			const e = btn.event || ''
+			if (e === 'assign') return this.onAssign()
+		},
+		onAssign() {
+			const pd = this.form.purchaseDepartment || this.form.purchaseDepartmentId || ''
+			uni.navigateTo({ url: '/pages/quote-manage/assign?id=' + this.id + '&purchaseDepartment=' + pd })
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.scroll {
+	flex: 1;
+	padding: 8rpx 0 144rpx;
+}
+
+.detail-page {
+	background: #f3f3f3;
+}
+
+.section {
+	padding: 32rpx;
+	background: #fff;
+	margin-bottom: 20rpx;
+}
+
+.row {
+	display: flex;
+	margin-bottom: 28rpx;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+
+	&.company {
+		font-size: 36rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+		padding-top: 8rpx;
+		line-height: 50rpx;
+		margin-bottom: 32rpx;
+	}
+
+	.label {
+		max-width: 420rpx;
+		margin-right: 20rpx;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.6);
+	}
+
+	.value {
+		flex: 1;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.9);
+		text-align: right;
+		word-break: break-all;
+	}
+}
+</style>

+<template>
+	<view class="page">
+		<view class="dev-list-fixed">
+			<view class="search-row">
+				<uni-search-bar v-model="searchKeyword" radius="6" placeholder="请输入项目名称" clearButton="auto"
+					cancelButton="none" bgColor="#F3F3F3" textColor="rgba(0,0,0,0.4)" @confirm="search"
+					@input="onSearchInput" />
+				<view class="tool-icons">
+					<image class="tool-icon" src="/static/images/dev_manage/filter_icon.png" @click="openFilter" />
+				</view>
+			</view>
+		</view>
+
+		<view class="list-box">
+			<card-list ref="cardRef" :fetch-fn="fetchList" :query="query" :extra="extraParams" row-key="id"
+				:enable-refresh="true" :enable-load-more="true" @loaded="onCardLoaded" @error="onCardError">
+				<template v-slot="{ item }">
+					<view class="card" @click.stop="onCardClick(item)">
+						<view class="card-header">
+							<text class="title omit2">{{ item.projectName || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>项目编号</text><text>{{ item.projectCode || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>品种</text><text>{{ item.productName || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>供应商名称</text><text>{{ item.supplierName || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>价格</text><text>{{ item.price != null ? item.price : '-' }}</text>
+						</view>
+					</view>
+				</template>
+			</card-list>
+		</view>
+
+		<filter-modal :visible.sync="filterVisible" :value.sync="filterForm" title="筛选" @reset="onFilterReset"
+			@confirm="onFilterConfirm">
+			<template v-slot="{ model }">
+				<view class="filter-form">
+					<view class="form-item">
+						<view class="label">项目编号</view>
+						<uni-easyinput v-model="model.projectCode" placeholder="请输入项目编号" :inputBorder="true" />
+					</view>
+					<view class="form-item">
+						<view class="label">供应商名称</view>
+						<uni-easyinput v-model="model.supplierName" placeholder="请输入供应商名称" :inputBorder="true" />
+					</view>
+				</view>
+			</template>
+		</filter-modal>
+	</view>
+</template>
+
+<script>
+import CardList from '@/components/card/index.vue'
+import FilterModal from '@/components/filter/index.vue'
+import { supplierQuotationDealQueryApi } from '@/api/procure-manage/supplierQuotationDeal.js'
+
+export default {
+	name: 'QuoteManageList',
+	components: { CardList, FilterModal },
+	data() {
+		return {
+			searchKeyword: '',
+			searchKeywordDebounced: '',
+			searchDebounceTimer: null,
+			query: {
+				projectName: '',
+				projectCode: '',
+				supplierName: ''
+			},
+			extraParams: {},
+			currentItems: [],
+			filterVisible: false,
+			filterForm: {
+				projectCode: '',
+				supplierName: ''
+			}
+		}
+	},
+	watch: {
+		searchKeywordDebounced(v) {
+			this.query = { ...this.query, projectName: v || '' }
+		}
+	},
+	onShow() {
+		let needRefresh = ''
+		try { needRefresh = uni.getStorageSync('QUOTE_MANAGE_LIST_NEED_REFRESH') } catch (e) {}
+		if (!needRefresh) return
+		try { uni.removeStorageSync('QUOTE_MANAGE_LIST_NEED_REFRESH') } catch (e) {}
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.reload) {
+			this.$refs.cardRef.reload()
+		}
+	},
+	onReachBottom() {
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
+			this.$refs.cardRef.onLoadMore()
+		}
+	},
+	beforeDestroy() {
+		if (this.searchDebounceTimer) {
+			clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = null
+		}
+	},
+	methods: {
+		onCardLoaded({ items }) {
+			this.currentItems = items
+		},
+		onCardError() {
+			uni.showToast({ title: '列表加载失败', icon: 'none' })
+		},
+		onSearchInput() {
+			if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = setTimeout(() => {
+				this.searchKeywordDebounced = this.searchKeyword
+				this.searchDebounceTimer = null
+			}, 1200)
+		},
+		search(e) {
+			const val = e && e.value != null ? e.value : this.searchKeyword
+			this.searchKeyword = val
+			this.searchKeywordDebounced = val
+		},
+		openFilter() {
+			this.filterForm = {
+				projectCode: this.query.projectCode || '',
+				supplierName: this.query.supplierName || ''
+			}
+			this.filterVisible = true
+		},
+		onFilterReset(payload) {
+			this.filterForm = payload
+		},
+		onFilterConfirm(payload) {
+			this.query = {
+				projectName: this.query.projectName || '',
+				projectCode: payload.projectCode || '',
+				supplierName: payload.supplierName || ''
+			}
+		},
+		onCardClick(item) {
+			uni.navigateTo({ url: '/pages/quote-manage/detail?id=' + item.id })
+		},
+		fetchList({ pageIndex, pageSize, query }) {
+			const q = query || {}
+			const params = {
+				pageIndex,
+				pageSize,
+				projectName: q.projectName || '',
+				projectCode: q.projectCode || '',
+				supplierName: q.supplierName || ''
+			}
+			return supplierQuotationDealQueryApi(params).then(res => {
+				const _data = res && res.data ? res.data : {}
+				let records = _data.datas || _data.list || _data.records || []
+				const totalCount = _data.totalCount || _data.count || 0
+				const hasNext = _data.hasNext || false
+				records = records.map(it => ({ ...it }))
+				return { records, totalCount, hasNext }
+			}).catch(() => {
+				this.onCardError()
+				return { records: [], totalCount: 0, hasNext: false }
+			})
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+}
+
+.dev-list-fixed {
+	position: fixed;
+	top: 96rpx;
+	left: 0;
+	right: 0;
+	z-index: 2;
+	background: #fff;
+
+	.search-row {
+		display: flex;
+		align-items: center;
+		padding: 16rpx 32rpx;
+
+		.uni-searchbar {
+			padding: 0;
+			flex: 1;
+		}
+
+		.tool-icons {
+			display: flex;
+
+			.tool-icon {
+				width: 48rpx;
+				height: 48rpx;
+				display: block;
+				margin-left: 32rpx;
+			}
+		}
+	}
+}
+
+::v-deep .uni-searchbar__box {
+	height: 80rpx !important;
+	justify-content: start;
+
+	.uni-searchbar__box-search-input {
+		font-size: 32rpx !important;
+	}
+}
+
+.list-box {
+	flex: 1;
+	padding-top: 140rpx;
+
+	.card {
+		position: relative;
+	}
+
+	.card-header {
+		margin-bottom: 28rpx;
+		position: relative;
+
+		.title {
+			font-size: 36rpx;
+			font-weight: 600;
+			line-height: 50rpx;
+			color: rgba(0, 0, 0, 0.9);
+			width: 578rpx;
+		}
+	}
+
+	.info-row {
+		display: flex;
+		align-items: center;
+		color: rgba(0, 0, 0, 0.6);
+		font-size: 28rpx;
+		margin-bottom: 24rpx;
+		height: 32rpx;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		text {
+			width: 50%;
+
+			&:last-child {
+				color: rgba(0, 0, 0, 0.9);
+				width: 50%;
+			}
+		}
+	}
+}
+
+.filter-form {
+	.form-item {
+		margin-bottom: 24rpx;
+	}
+
+	.label {
+		margin-bottom: 20rpx;
+		color: rgba(0, 0, 0, 0.9);
+		height: 44rpx;
+		line-height: 44rpx;
+		font-size: 30rpx;
+	}
+}
+</style>

+<template>
+    <view class="page">
+        <scroll-view class="scroll" scroll-y>
+            <uni-list>
+                <!-- 编号 -->
+                <uni-list-item class="select-item" :class="form.code ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>编号</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <view class="serial-number-row">
+                            <text class="readonly-text value-code">{{ form.code }}</text>
+                            <button class="generate-btn" @click="initCode">点此生成</button>
+                        </view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 供应商名称 -->
+                <uni-list-item class="select-item" :class="form.supplierId ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSupplierSheet" :rightText="form.supplierName || '请选择供应商名称'" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>供应商名称</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 采购处（带出，禁用） -->
+                <uni-list-item title="采购处">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.purchaseDepartmentName" :inputBorder="false" disabled placeholder="选择供应商后自动带出" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 区域（带出，禁用） -->
+                <uni-list-item title="区域">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.regionName" :inputBorder="false" disabled placeholder="选择供应商后自动带出" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 报价时效 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>报价时效</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.validityPeriod" :inputBorder="false" placeholder="请输入报价时效" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 报价人（当前登录用户，禁用） -->
+                <uni-list-item title="报价人">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.quoterName" :inputBorder="false" disabled placeholder="自动获取" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否长单操作 -->
+                <uni-list-item class="select-item" :class="typeof form.longTermOperation === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('longTermOperation')" :rightText="boolText(form.longTermOperation)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否长单操作</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否终端客户 -->
+                <uni-list-item class="select-item" :class="typeof form.terminalCustomer === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('terminalCustomer')" :rightText="boolText(form.terminalCustomer)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否终端客户</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否未点价 -->
+                <uni-list-item class="select-item" :class="typeof form.priced === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('priced')" :rightText="boolText(form.priced)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否未点价</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 点价截止日期 - 仅在 是否未点价 = 否 时显示且必填 -->
+                <uni-list-item v-if="form.priced === false" class="select-item" :class="form.pricingDeadline ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>点价截止日期</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="date" v-model="form.pricingDeadline" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 其他费用凭票到厂另行结算 -->
+                <uni-list-item class="select-item" :class="typeof form.otherExpenseSettlement === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('otherExpenseSettlement')" :rightText="boolText(form.otherExpenseSettlement)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>其他费用凭票到厂另行结算</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 交提货方式 -->
+                <uni-list-item class="select-item" :class="form.deliveryMode ? 'is-filled' : 'is-empty'" clickable
+                    @click="openDictSheet('deliveryMode', 'DELIVERY_METHOD', '交提货方式')" :rightText="getDeliveryMethodLabel() || '请选择交提货方式'" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>交提货方式</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否通货买断 -->
+                <uni-list-item class="select-item" :class="typeof form.commodityBuyout === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('commodityBuyout')" :rightText="boolText(form.commodityBuyout)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否通货买断</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否质量买断 -->
+                <uni-list-item class="select-item" :class="typeof form.qualityBuyout === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('qualityBuyout')" :rightText="boolText(form.qualityBuyout)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否质量买断</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否数量买断 -->
+                <uni-list-item class="select-item" :class="typeof form.quantityBuyout === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('quantityBuyout')" :rightText="boolText(form.quantityBuyout)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否数量买断</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否送货上门 -->
+                <uni-list-item class="select-item" :class="typeof form.doorDelivery === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('doorDelivery')" :rightText="boolText(form.doorDelivery)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否送货上门</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 装车费 -->
+                <uni-list-item title="装车费">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.loadingFee" type="digit" :inputBorder="false" placeholder="请输入装车费" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 开票品种 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>开票品种</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.invoiceProductName" :inputBorder="false" placeholder="请输入开票品种" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 交货日期 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>交货日期</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="date" v-model="form.deliveryDate" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 结算方式 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>结算方式</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.settlementMethod" :inputBorder="false" placeholder="请输入结算方式" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 结算比例(%) -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>结算比例(%)</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.settlementRatio" type="digit" :inputBorder="false" placeholder="请输入结算比例" @blur="onRatioBlur" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 协调事由 -->
+                <uni-list-item title="协调事由">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.coordinationReason" :inputBorder="false" placeholder="请输入协调事由" disabled />
+                    </template>
+                </uni-list-item>
+
+                <!-- 票类状况 -->
+                <uni-list-item title="票类状况">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.invoiceTypeStatus" :inputBorder="false" placeholder="请输入票类状况" disabled />
+                    </template>
+                </uni-list-item>
+
+                <!-- 明细信息 -->
+                <ProductRel ref="productRel" mode="add" :options="productList" :priced="form.priced" @change="onProductsChange" />
+            </uni-list>
+
+            <!-- 料质状况模块（明细下方） -->
+            <view class="material-condition-section">
+                <view class="section-header">
+                    <image class="opCollapse" src="/static/images/title.png" />
+                    <text class="section-title">料质状况</text>
+                </view>
+                <view class="section-content">
+                    <view class="form-row">
+                        <text class="form-label">是否启用料质状况</text>
+                        <view class="bool-btns">
+                            <view class="bool-btn" :class="{ active: form.materialConditionEnabled === true }" @click="form.materialConditionEnabled = true">是</view>
+                            <view class="bool-btn" :class="{ active: form.materialConditionEnabled === false }" @click="form.materialConditionEnabled = false">否</view>
+                        </view>
+                    </view>
+
+                    <template v-if="form.materialConditionEnabled">
+                        <view v-for="mc in materialConditionConfigs" :key="mc.field" class="material-group">
+                            <text class="material-label">{{ mc.label }}</text>
+                            <view class="tag-list">
+                                <view
+                                    v-for="opt in getDictOptions(mc.dictCode)"
+                                    :key="opt.code"
+                                    class="tag-btn"
+                                    :class="{ active: isTagSelected(mc.field, opt.code) }"
+                                    @click="toggleTag(mc.field, opt.code)"
+                                >
+                                    {{ opt.name }}
+                                </view>
+                            </view>
+                        </view>
+                    </template>
+                </view>
+            </view>
+
+            <!-- 备注模块 -->
+            <view class="remark-section">
+                <view class="section-header">
+                    <image class="opCollapse" src="/static/images/title.png" />
+                    <text class="section-title">备注</text>
+                </view>
+                <view class="section-content">
+                    <uni-easyinput v-model="form.remark" type="textarea" :inputBorder="false" placeholder="请输入备注" maxlength="2000" />
+                </view>
+            </view>
+
+            <view class="footer">
+                <button class="btn submit" type="primary" @click="onSubmit">提交</button>
+            </view>
+        </scroll-view>
+
+        <SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options"
+            v-model="sheet.value" @confirm="onSheetConfirm" />
+
+        <RelateSelectSheet :visible.sync="supplierSheet.visible" :title="supplierSheet.title"
+            :fetchFn="supplierSheet.fetchFn" :display-fields="supplierSheet.displayFields"
+            :multiple="false" row-key="id" :selectedKeys.sync="supplierSheet.selectedKeys"
+            @confirm="onSupplierConfirm" />
+    </view>
+</template>
+<script>
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import RelateSelectSheet from '@/components/relate-select/index.vue'
+import ProductRel from './productRel.vue'
+import { salesmanQuotationGenerateCodeApi, salesmanQuotationSaveApi, breedRelationshipQueryApi } from '@/api/procure-manage/salesmanQuotation.js'
+import { domesticCustomerCreditQueryApi } from '@/api/procure-manage/domesticCustomerCredit.js'
+import { getInfo } from '@/api/login.js'
+import { getDicByCodes } from '@/utils/dic.js'
+
+export default {
+    name: 'AddSalesPrice',
+    components: { SingleSelectSheet, RelateSelectSheet, ProductRel },
+    data() {
+        return {
+            form: {
+                code: '',
+                supplierId: '',
+                supplierName: '',
+                purchaseDepartmentName: '',
+                regionName: '',
+                validityPeriod: '',
+                quoterName: '',
+                longTermOperation: false,
+                terminalCustomer: false,
+                priced: true,
+                pricingDeadline: '',
+                otherExpenseSettlement: false,
+                deliveryMode: '',
+                commodityBuyout: false,
+                qualityBuyout: false,
+                quantityBuyout: false,
+                doorDelivery: false,
+                loadingFee: '',
+                invoiceProductName: '',
+                deliveryDate: '',
+                settlementMethod: '',
+                settlementRatio: '',
+                coordinationReason: '受市场影响,申请协调协调事由',
+                invoiceTypeStatus: '增票',
+                materialConditionEnabled: false,
+                materialConditionCopperRice: [],
+                materialConditionBrightCopper: [],
+                materialConditionFirstClass: [],
+                materialConditionSecondClass: [],
+                materialConditionTinCoated: [],
+                materialConditionScrap: [],
+                materialConditionWhiteYellow: [],
+                materialConditionPhosphorCopper: [],
+                remark: ''
+            },
+            productList: [],
+            productLineList: [],
+            sheet: { visible: false, title: '请选择', options: [], value: '', field: '' },
+            supplierSheet: {
+                visible: false,
+                title: '选择供应商',
+                fetchFn: null,
+                displayFields: [
+                    { label: '单位名称', field: 'unitName' },
+                    { label: '采购处', field: 'purchaseDepartmentName' },
+                    { label: '区域', field: 'regionName' }
+                ],
+                selectedKeys: []
+            },
+            materialConditionConfigs: [
+                { field: 'materialConditionCopperRice', label: '铜米', dictCode: 'COPPER_RICE' },
+                { field: 'materialConditionBrightCopper', label: '光亮铜', dictCode: 'BRIGHT_COPPER' },
+                { field: 'materialConditionFirstClass', label: '一特', dictCode: 'FIRST_CLASS' },
+                { field: 'materialConditionSecondClass', label: '二特', dictCode: 'SECOND_CLASS' },
+                { field: 'materialConditionTinCoated', label: '镀锡紫', dictCode: 'TIN_COATED' },
+                { field: 'materialConditionScrap', label: '角料', dictCode: 'SCRAP' },
+                { field: 'materialConditionWhiteYellow', label: '镀白黄', dictCode: 'WHITE_YELLOW' },
+                { field: 'materialConditionPhosphorCopper', label: '磷铜', dictCode: 'PHOSPHOR_COPPER' }
+            ],
+            dictData: {}
+        }
+    },
+    created() {
+        this.supplierSheet.fetchFn = this.fetchSuppliers.bind(this)
+        this.initCode()
+        this.loadQuoter()
+        this.loadProducts()
+        this.loadDictData()
+    },
+    methods: {
+        async loadDictData() {
+            try {
+                const codes = [...this.materialConditionConfigs.map(mc => mc.dictCode), 'DELIVERY_METHOD']
+                const res = await getDicByCodes(codes)
+                this.dictData = res || {}
+            } catch (e) {
+                this.dictData = {}
+            }
+        },
+        getDictOptions(dictCode) {
+            const data = this.dictData[dictCode]
+            return (data && data.data) ? data.data : []
+        },
+        isTagSelected(field, code) {
+            const selected = this.form[field]
+            return Array.isArray(selected) && selected.includes(code)
+        },
+        toggleTag(field, code) {
+            let selected = this.form[field]
+            if (!Array.isArray(selected)) {
+                selected = []
+            }
+            const index = selected.indexOf(code)
+            if (index > -1) {
+                selected.splice(index, 1)
+            } else {
+                selected.push(code)
+            }
+            this.$set(this.form, field, [...selected])
+        },
+        async initCode() {
+            try {
+                const res = await salesmanQuotationGenerateCodeApi()
+                this.form.code = (res && res.data) ? res.data : ''
+            } catch (e) {
+                this.form.code = ''
+            }
+        },
+        async loadQuoter() {
+            try {
+                // 优先使用 store 中已缓存的用户信息
+                const storeUser = this.$store && this.$store.state && this.$store.state.user ? this.$store.state.user : {}
+                if (storeUser.name) {
+                    this.form.quoterName = storeUser.name
+                    return
+                }
+                const res = await getInfo()
+                const _data = res && res.data ? res.data : {}
+                this.form.quoterName = _data.name || ''
+            } catch (e) {
+                this.form.quoterName = ''
+            }
+        },
+        async loadProducts() {
+            try {
+                const res = await breedRelationshipQueryApi({ pageIndex: 1, pageSize: 9999 })
+                const _data = res && res.data ? res.data : {}
+                const list = _data.datas || _data.list || _data.records || []
+                this.productList = list.map(it => ({
+                    label: it.productName || it.name || '',
+                    value: it.productId || it.id || '',
+                    lossRate: it.fixedLossRate != null ? it.fixedLossRate : (it.lossRate != null ? it.lossRate : (it.attritionRate != null ? it.attritionRate : ''))
+                }))
+            } catch (e) {
+                this.productList = []
+            }
+        },
+        // 供应商列表数据源（RelateSelectSheet fetchFn）
+        fetchSuppliers({ pageIndex, pageSize, extra }) {
+            const name = (extra && (extra.name || extra.keyword || extra.key)) || ''
+            const params = {
+                pageIndex,
+                pageSize,
+                available: true,
+                unitName: name,
+                status: 'PASS',
+                freeze: false
+            }
+            return domesticCustomerCreditQueryApi(params).then(res => {
+                const _data = res && res.data ? res.data : {}
+                const records = _data.datas || _data.list || _data.records || []
+                const totalCount = _data.totalCount || _data.count || 0
+                const hasNext = _data.hasNext || false
+                return { records, totalCount, hasNext }
+            }).catch(() => ({ records: [], totalCount: 0, hasNext: false }))
+        },
+        openSupplierSheet() {
+            this.supplierSheet.selectedKeys = this.form.supplierId ? [this.form.supplierId] : []
+            this.supplierSheet.visible = true
+        },
+        onSupplierConfirm({ items }) {
+            const first = (items && items.length > 0) ? items[0] : null
+            if (!first) return
+            this.form.supplierId = first.id || ''
+            this.form.supplierName = first.unitName || ''
+            this.form.purchaseDepartmentName = first.purchaseDepartmentName || ''
+            this.form.regionName = first.regionName || ''
+        },
+        boolText(v) {
+            if (typeof v !== 'boolean') return '请选择'
+            return v ? '是' : '否'
+        },
+        openSheet(field) {
+            const opts = [{ label: '是', value: true }, { label: '否', value: false }]
+            const cur = this.form[field]
+            const match = opts.find(o => o.value === cur)
+            const titleMap = {
+                longTermOperation: '是否长单操作',
+                terminalCustomer: '是否终端客户',
+                priced: '是否未点价',
+                otherExpenseSettlement: '其他费用凭票到厂另行结算',
+                commodityBuyout: '是否通货买断',
+                qualityBuyout: '是否质量买断',
+                quantityBuyout: '是否数量买断',
+                doorDelivery: '是否送货上门'
+            }
+            this.sheet = { visible: true, title: titleMap[field] || '请选择', options: opts, value: match ? match.value : '', field, isDict: false }
+        },
+        openDictSheet(field, dictCode, title) {
+            const raw = this.getDictOptions(dictCode) || []
+            const opts = raw.map(o => ({ label: o.name || o.label || '', value: o.code != null ? o.code : (o.value != null ? o.value : '') }))
+            const cur = this.form[field]
+            const match = opts.find(o => String(o.value) === String(cur))
+            this.sheet = { visible: true, title: title || '请选择', options: opts, value: match ? match.value : '', field, isDict: true }
+        },
+        getDeliveryMethodLabel() {
+            const opts = this.getDictOptions('DELIVERY_METHOD') || []
+            const m = opts.find(o => String(o.code != null ? o.code : o.value) === String(this.form.deliveryMode))
+            return m ? (m.name || m.label || '') : ''
+        },
+        onSheetConfirm({ value }) {
+            const field = this.sheet.field
+            if (!field) return
+            if (this.sheet.isDict) {
+                this.form[field] = value
+            } else {
+                this.form[field] = !!value
+                // 切换 是否未点价 时，若改为 是 则清空点价截止日期
+                if (field === 'priced' && value === true) {
+                    this.form.pricingDeadline = ''
+                }
+            }
+        },
+        onRatioBlur() {
+            let v = parseFloat(this.form.settlementRatio)
+            if (isNaN(v)) v = ''
+            else v = Math.round(v * 100) / 100
+            this.form.settlementRatio = v
+        },
+        onProductsChange(products) {
+            this.productLineList = Array.isArray(products) ? products : []
+        },
+        validateRequired() {
+            const stringChecks = [
+                { key: 'code', label: '编号', msg: '请输入编号' },
+                { key: 'supplierId', label: '供应商名称', msg: '请选择供应商' },
+                { key: 'validityPeriod', label: '报价时效', msg: '请输入报价时效' },
+                { key: 'deliveryMode', label: '交提货方式', msg: '请选择交提货方式' },
+                { key: 'invoiceProductName', label: '开票品种', msg: '请输入开票品种' },
+                { key: 'deliveryDate', label: '交货日期', msg: '请选择交货日期' },
+                { key: 'settlementMethod', label: '结算方式', msg: '请输入结算方式' },
+                { key: 'settlementRatio', label: '结算比例', msg: '请输入结算比例' }
+            ]
+            for (const it of stringChecks) {
+                const val = this.form[it.key]
+                const empty = (val === undefined || val === null || (typeof val === 'string' && val.trim() === ''))
+                if (empty) { uni.showToast({ title: it.msg, icon: 'none' }); return false }
+            }
+            const boolChecks = [
+                { key: 'longTermOperation', msg: '请选择是否长单操作' },
+                { key: 'terminalCustomer', msg: '请选择是否终端客户' },
+                { key: 'priced', msg: '请选择是否未点价' },
+                { key: 'otherExpenseSettlement', msg: '请选择其他费用凭票到厂另行结算' },
+                { key: 'commodityBuyout', msg: '请选择是否通货买断' },
+                { key: 'qualityBuyout', msg: '请选择是否质量买断' },
+                { key: 'quantityBuyout', msg: '请选择是否数量买断' },
+                { key: 'doorDelivery', msg: '请选择是否送货上门' }
+            ]
+            for (const it of boolChecks) {
+                if (typeof this.form[it.key] !== 'boolean') {
+                    uni.showToast({ title: it.msg, icon: 'none' })
+                    return false
+                }
+            }
+            // 点价截止日期：是否未点价=否 时必填
+            if (this.form.priced === false && !this.form.pricingDeadline) {
+                uni.showToast({ title: '请选择点价截止日期', icon: 'none' })
+                return false
+            }
+            // 明细校验
+            const list = Array.isArray(this.productLineList) ? this.productLineList : []
+            if (list.length === 0) {
+                uni.showToast({ title: '请添加产品明细', icon: 'none' })
+                return false
+            }
+            if (this.$refs.productRel && !this.$refs.productRel.validate(this.form.priced)) return false
+            return true
+        },
+        async onSubmit() {
+            if (!this.validateRequired()) return
+            const confirmRes = await new Promise(resolve => {
+                uni.showModal({ title: '提示', content: '确定新增业务员报价单吗？', confirmText: '确定', cancelText: '取消', success: resolve })
+            })
+            if (!(confirmRes && confirmRes.confirm)) return
+            const clean = (obj) => {
+                const out = {}
+                Object.keys(obj || {}).forEach(k => {
+                    const v = obj[k]
+                    const isEmptyString = typeof v === 'string' && v.trim() === ''
+                    const isUndef = v === undefined || v === null
+                    const isNaNNumber = typeof v === 'number' && isNaN(v)
+                    if (!(isEmptyString || isUndef || isNaNNumber)) out[k] = v
+                })
+                return out
+            }
+            const lines = (this.productLineList || []).map(it => clean(it))
+            const materialFields = this.materialConditionConfigs.map(mc => mc.field)
+            const formCopy = { ...this.form }
+            materialFields.forEach(f => {
+                const arr = formCopy[f]
+                formCopy[f] = Array.isArray(arr) ? arr.join(',') : (arr || '')
+            })
+            const payload = clean({
+                ...formCopy,
+                quotationLineList: lines
+            })
+            try {
+                await salesmanQuotationSaveApi(payload)
+                uni.showToast({ title: '新增成功', icon: 'none' })
+                try { uni.setStorageSync('SALES_PRICE_LIST_NEED_REFRESH', '1') } catch (e) {}
+                setTimeout(() => { uni.redirectTo({ url: '/pages/sales-price/index' }) }, 400)
+            } catch (e) {
+                uni.showToast({ title: e.msg || '新增失败', icon: 'none' })
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.scroll {
+    flex: 1;
+    padding: 12rpx 0 392rpx !important;
+}
+
+.footer {
+    z-index: 2;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 32rpx;
+    padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+    background: #fff;
+    box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+
+    .btn {
+        height: 80rpx;
+        line-height: 80rpx;
+        border-radius: 12rpx;
+        font-size: 32rpx;
+    }
+
+    .submit {
+        background: $theme-primary;
+        color: #fff;
+    }
+}
+
+::v-deep .uni-list {
+    .uni-easyinput {
+        display: flex;
+
+        .uni-input-input {
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+
+    .uni-input-placeholder {
+        z-index: 1;
+    }
+
+    .uni-input-input {
+        background-color: #ffffff;
+    }
+
+    background: transparent;
+
+    &-item {
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__container {
+            padding: 32rpx;
+
+            .uni-easyinput {
+                &__placeholder-class {
+                    font-size: 32rpx;
+                    color: rgba(0, 0, 0, 0.4);
+                }
+
+                &__content {
+                    border: none;
+                    background-color: #ffffff !important;
+
+                    &-input {
+                        padding-left: 0 !important;
+                        height: 48rpx;
+                        line-height: 48rpx;
+                        font-size: 32rpx;
+                    }
+
+                    .content-clear-icon {
+                        font-size: 44rpx !important;
+                    }
+                }
+            }
+
+            .item-title,
+            .uni-list-item__content {
+                flex: none;
+                min-height: 48rpx;
+                line-height: 48rpx;
+                font-size: 32rpx;
+                position: relative;
+                width: 240rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+        }
+
+        &.select-item {
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+
+            .serial-number-row {
+                display: flex;
+                align-items: center;
+
+                .generate-btn {
+                    margin-left: 24rpx;
+                    height: 48rpx;
+                    line-height: 48rpx;
+                    padding: 0 24rpx;
+                    font-size: 24rpx;
+                    border-radius: 8rpx;
+                    background: $theme-primary;
+                    color: #fff;
+                }
+            }
+        }
+    }
+}
+
+.readonly-text {
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 32rpx;
+    line-height: 48rpx;
+    text-align: right;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+
+.value-code {
+    width: 260rpx;
+    text-align: left;
+}
+
+.material-condition-section,
+.remark-section {
+    margin-top: 20rpx;
+    background: #fff;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    padding: 24rpx 32rpx;
+    border-bottom: 1rpx solid #f0f0f0;
+}
+
+.section-title {
+    font-size: 32rpx;
+    color: rgba(0, 0, 0, 0.9);
+    font-weight: 600;
+}
+
+.opCollapse {
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+    margin-top: 8rpx;
+}
+
+.section-content {
+    padding: 32rpx;
+}
+
+.form-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 24rpx;
+}
+
+.form-row:last-child {
+    margin-bottom: 0;
+}
+
+.form-label {
+    font-size: 32rpx;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.bool-btns {
+    display: flex;
+    gap: 20rpx;
+}
+
+.bool-btn {
+    padding: 12rpx 40rpx;
+    border: 1rpx solid #ddd;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #666;
+    background: #fff;
+}
+
+.bool-btn.active {
+    background: $theme-primary;
+    border-color: $theme-primary;
+    color: #fff;
+}
+
+.material-group {
+    margin-top: 32rpx;
+}
+
+.material-label {
+    display: block;
+    font-size: 30rpx;
+    color: rgba(0, 0, 0, 0.9);
+    margin-bottom: 20rpx;
+}
+
+.tag-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16rpx;
+}
+
+.tag-btn {
+    padding: 12rpx 24rpx;
+    border: 1rpx solid #ddd;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #666;
+    background: #fff;
+}
+
+.tag-btn.active {
+    background: $theme-primary;
+    border-color: $theme-primary;
+    color: #fff;
+}
+
+::v-deep .uni-easyinput {
+    width: 100%;
+
+    &__content {
+        background: #f8f8f8 !important;
+        border-radius: 8rpx;
+
+        &-input {
+            font-size: 30rpx;
+        }
+    }
+}
+</style>

+<template>
+    <view class="page">
+        <scroll-view class="scroll" scroll-y>
+            <uni-list>
+                <!-- 编号 -->
+                <uni-list-item class="select-item" :class="form.code ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>编号</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <view class="serial-number-row">
+                            <text class="readonly-text value-code">{{ form.code }}</text>
+                            <button class="generate-btn" @click="initCode">点此生成</button>
+                        </view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 供应商名称 -->
+                <uni-list-item class="select-item" :class="form.supplierId ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSupplierSheet" :rightText="form.supplierName || '请选择供应商名称'" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>供应商名称</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 采购处（带出，禁用） -->
+                <uni-list-item title="采购处">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.purchaseDepartmentName" :inputBorder="false" disabled placeholder="选择供应商后自动带出" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 区域（带出，禁用） -->
+                <uni-list-item title="区域">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.regionName" :inputBorder="false" disabled placeholder="选择供应商后自动带出" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 报价时效 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>报价时效</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.validityPeriod" :inputBorder="false" placeholder="请输入报价时效" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 报价人（禁用） -->
+                <uni-list-item title="报价人">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.quoterName" :inputBorder="false" disabled placeholder="自动获取" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否长单操作 -->
+                <uni-list-item class="select-item" :class="typeof form.longTermOperation === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('longTermOperation')" :rightText="boolText(form.longTermOperation)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否长单操作</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否终端客户 -->
+                <uni-list-item class="select-item" :class="typeof form.terminalCustomer === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('terminalCustomer')" :rightText="boolText(form.terminalCustomer)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否终端客户</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否未点价 -->
+                <uni-list-item class="select-item" :class="typeof form.priced === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('priced')" :rightText="boolText(form.priced)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否未点价</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 点价截止日期 - 仅在 是否未点价 = 否 时显示且必填 -->
+                <uni-list-item v-if="form.priced === false" class="select-item" :class="form.pricingDeadline ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>点价截止日期</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="date" v-model="form.pricingDeadline" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 其他费用凭票到厂另行结算 -->
+                <uni-list-item class="select-item" :class="typeof form.otherExpenseSettlement === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('otherExpenseSettlement')" :rightText="boolText(form.otherExpenseSettlement)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>其他费用凭票到厂另行结算</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 交提货方式 -->
+                <uni-list-item class="select-item" :class="form.deliveryMode ? 'is-filled' : 'is-empty'" clickable
+                    @click="openDictSheet('deliveryMode', 'DELIVERY_METHOD', '交提货方式')" :rightText="getDeliveryMethodLabel() || '请选择交提货方式'" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>交提货方式</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否通货买断 -->
+                <uni-list-item class="select-item" :class="typeof form.commodityBuyout === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('commodityBuyout')" :rightText="boolText(form.commodityBuyout)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否通货买断</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否质量买断 -->
+                <uni-list-item class="select-item" :class="typeof form.qualityBuyout === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('qualityBuyout')" :rightText="boolText(form.qualityBuyout)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否质量买断</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否数量买断 -->
+                <uni-list-item class="select-item" :class="typeof form.quantityBuyout === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('quantityBuyout')" :rightText="boolText(form.quantityBuyout)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否数量买断</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否送货上门 -->
+                <uni-list-item class="select-item" :class="typeof form.doorDelivery === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('doorDelivery')" :rightText="boolText(form.doorDelivery)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否送货上门</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 装车费 -->
+                <uni-list-item title="装车费">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.loadingFee" type="digit" :inputBorder="false" placeholder="请输入装车费" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 开票品种 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>开票品种</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.invoiceProductName" :inputBorder="false" placeholder="请输入开票品种" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 交货日期 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>交货日期</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="date" v-model="form.deliveryDate" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 结算方式 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>结算方式</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.settlementMethod" :inputBorder="false" placeholder="请输入结算方式" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 结算比例(%) -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>结算比例(%)</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.settlementRatio" type="digit" :inputBorder="false" placeholder="请输入结算比例" @blur="onRatioBlur" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 协调事由 -->
+                <uni-list-item title="协调事由">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.coordinationReason" :inputBorder="false" placeholder="请输入协调事由" disabled />
+                    </template>
+                </uni-list-item>
+
+                <!-- 票类状况 -->
+                <uni-list-item title="票类状况">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.invoiceTypeStatus" :inputBorder="false" placeholder="请输入票类状况" disabled />
+                    </template>
+                </uni-list-item>
+
+                <!-- 明细信息 -->
+                <ProductRel ref="productRel" mode="add" :options="productList" :priced="form.priced" :list="productLineList" @change="onProductsChange" />
+            </uni-list>
+
+            <!-- 料质状况模块（明细下方） -->
+            <view class="material-condition-section">
+                <view class="section-header">
+                    <image class="opCollapse" src="/static/images/title.png" />
+                    <text class="section-title">料质状况</text>
+                </view>
+                <view class="section-content">
+                    <view class="form-row">
+                        <text class="form-label">是否启用料质状况</text>
+                        <view class="bool-btns">
+                            <view class="bool-btn" :class="{ active: form.materialConditionEnabled === true }" @click="form.materialConditionEnabled = true">是</view>
+                            <view class="bool-btn" :class="{ active: form.materialConditionEnabled === false }" @click="form.materialConditionEnabled = false">否</view>
+                        </view>
+                    </view>
+
+                    <template v-if="form.materialConditionEnabled">
+                        <view v-for="mc in materialConditionConfigs" :key="mc.field" class="material-group">
+                            <text class="material-label">{{ mc.label }}</text>
+                            <view class="tag-list">
+                                <view
+                                    v-for="opt in getDictOptions(mc.dictCode)"
+                                    :key="opt.code"
+                                    class="tag-btn"
+                                    :class="{ active: isTagSelected(mc.field, opt.code) }"
+                                    @click="toggleTag(mc.field, opt.code)"
+                                >
+                                    {{ opt.name }}
+                                </view>
+                            </view>
+                        </view>
+                    </template>
+                </view>
+            </view>
+
+            <!-- 备注模块 -->
+            <view class="remark-section">
+                <view class="section-header">
+                    <image class="opCollapse" src="/static/images/title.png" />
+                    <text class="section-title">备注</text>
+                </view>
+                <view class="section-content">
+                    <uni-easyinput v-model="form.remark" type="textarea" :inputBorder="false" placeholder="请输入备注" maxlength="2000" />
+                </view>
+            </view>
+
+            <view class="footer">
+                <button class="btn submit" type="primary" @click="onSubmit">提交</button>
+            </view>
+        </scroll-view>
+
+        <SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options"
+            v-model="sheet.value" @confirm="onSheetConfirm" />
+
+        <RelateSelectSheet :visible.sync="supplierSheet.visible" :title="supplierSheet.title"
+            :fetchFn="supplierSheet.fetchFn" :display-fields="supplierSheet.displayFields"
+            :multiple="false" row-key="id" :selectedKeys.sync="supplierSheet.selectedKeys"
+            @confirm="onSupplierConfirm" />
+    </view>
+</template>
+<script>
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import RelateSelectSheet from '@/components/relate-select/index.vue'
+import ProductRel from './productRel.vue'
+import { salesmanQuotationDetailApi, salesmanQuotationGenerateCodeApi, salesmanQuotationSaveApi, breedRelationshipQueryApi } from '@/api/procure-manage/salesmanQuotation.js'
+import { domesticCustomerCreditQueryApi } from '@/api/procure-manage/domesticCustomerCredit.js'
+import { getDicByCodes } from '@/utils/dic.js'
+
+export default {
+    name: 'CopySalesPrice',
+    components: { SingleSelectSheet, RelateSelectSheet, ProductRel },
+    data() {
+        return {
+            sourceId: '',
+            form: {
+                code: '',
+                supplierId: '',
+                supplierName: '',
+                purchaseDepartmentName: '',
+                regionName: '',
+                validityPeriod: '',
+                quoterName: '',
+                longTermOperation: false,
+                terminalCustomer: false,
+                priced: true,
+                pricingDeadline: '',
+                otherExpenseSettlement: false,
+                deliveryMode: '',
+                commodityBuyout: false,
+                qualityBuyout: false,
+                quantityBuyout: false,
+                doorDelivery: false,
+                loadingFee: '',
+                invoiceProductName: '',
+                deliveryDate: '',
+                settlementMethod: '',
+                settlementRatio: '',
+                coordinationReason: '',
+                invoiceTypeStatus: '',
+                materialConditionEnabled: false,
+                materialConditionCopperRice: [],
+                materialConditionBrightCopper: [],
+                materialConditionFirstClass: [],
+                materialConditionSecondClass: [],
+                materialConditionTinCoated: [],
+                materialConditionScrap: [],
+                materialConditionWhiteYellow: [],
+                materialConditionPhosphorCopper: [],
+                remark: ''
+            },
+            productList: [],
+            productLineList: [],
+            sheet: { visible: false, title: '请选择', options: [], value: '', field: '' },
+            supplierSheet: {
+                visible: false,
+                title: '选择供应商',
+                fetchFn: null,
+                displayFields: [
+                    { label: '单位名称', field: 'unitName' },
+                    { label: '采购处', field: 'purchaseDepartmentName' },
+                    { label: '区域', field: 'regionName' }
+                ],
+                selectedKeys: []
+            },
+            materialConditionConfigs: [
+                { field: 'materialConditionCopperRice', label: '铜米', dictCode: 'COPPER_RICE' },
+                { field: 'materialConditionBrightCopper', label: '光亮铜', dictCode: 'BRIGHT_COPPER' },
+                { field: 'materialConditionFirstClass', label: '一特', dictCode: 'FIRST_CLASS' },
+                { field: 'materialConditionSecondClass', label: '二特', dictCode: 'SECOND_CLASS' },
+                { field: 'materialConditionTinCoated', label: '镀锡紫', dictCode: 'TIN_COATED' },
+                { field: 'materialConditionScrap', label: '角料', dictCode: 'SCRAP' },
+                { field: 'materialConditionWhiteYellow', label: '镀白黄', dictCode: 'WHITE_YELLOW' },
+                { field: 'materialConditionPhosphorCopper', label: '磷铜', dictCode: 'PHOSPHOR_COPPER' }
+            ],
+            dictData: {}
+        }
+    },
+    onLoad(query) {
+        this.sourceId = (query && query.id) || ''
+        this.supplierSheet.fetchFn = this.fetchSuppliers.bind(this)
+        this.loadProducts()
+        this.loadDictData()
+        this.loadSourceDetail()
+        this.initCode()
+    },
+    methods: {
+        async loadDictData() {
+            try {
+                const codes = [...this.materialConditionConfigs.map(mc => mc.dictCode), 'DELIVERY_METHOD']
+                const res = await getDicByCodes(codes)
+                this.dictData = res || {}
+            } catch (e) {
+                this.dictData = {}
+            }
+        },
+        getDictOptions(dictCode) {
+            const data = this.dictData[dictCode]
+            return (data && data.data) ? data.data : []
+        },
+        isTagSelected(field, code) {
+            const selected = this.form[field]
+            return Array.isArray(selected) && selected.includes(code)
+        },
+        toggleTag(field, code) {
+            let selected = this.form[field]
+            if (!Array.isArray(selected)) {
+                selected = []
+            }
+            const index = selected.indexOf(code)
+            if (index > -1) {
+                selected.splice(index, 1)
+            } else {
+                selected.push(code)
+            }
+            this.$set(this.form, field, [...selected])
+        },
+        async initCode() {
+            try {
+                const res = await salesmanQuotationGenerateCodeApi()
+                this.form.code = (res && res.data) ? res.data : ''
+            } catch (e) {
+                this.form.code = ''
+            }
+        },
+        async loadProducts() {
+            try {
+                const res = await breedRelationshipQueryApi({ pageIndex: 1, pageSize: 9999 })
+                const _data = res && res.data ? res.data : {}
+                const list = _data.datas || _data.list || _data.records || []
+                this.productList = list.map(it => ({
+                    label: it.productName || it.name || '',
+                    value: it.productId || it.id || '',
+                    lossRate: it.fixedLossRate != null ? it.fixedLossRate : (it.lossRate != null ? it.lossRate : (it.attritionRate != null ? it.attritionRate : ''))
+                }))
+            } catch (e) {
+                this.productList = []
+            }
+        },
+        async loadSourceDetail() {
+            if (!this.sourceId) return
+            try {
+                const res = await salesmanQuotationDetailApi({ id: this.sourceId })
+                const d = (res && res.data) ? res.data : {}
+                // 清空 id 和 code，复制为新增
+                delete d.id
+                delete d.code
+                // 清空明细行的 id 和 itemId
+                const lineList = Array.isArray(d.quotationLineList) ? d.quotationLineList : (Array.isArray(d.salesmanQuotationLineList) ? d.salesmanQuotationLineList : [])
+                lineList.forEach(it => {
+                    delete it.id
+                    delete it.itemId
+                })
+                const materialFields = this.materialConditionConfigs.map(mc => mc.field)
+                materialFields.forEach(f => {
+                    const v = d[f]
+                    d[f] = (typeof v === 'string' && v) ? v.split(',').filter(Boolean) : (Array.isArray(v) ? v : [])
+                })
+                this.form = { ...this.form, ...d }
+                this.productLineList = lineList
+            } catch (e) {
+                uni.showToast({ title: '加载源数据失败', icon: 'none' })
+            }
+        },
+        fetchSuppliers({ pageIndex, pageSize, extra }) {
+            const name = (extra && (extra.name || extra.keyword || extra.key)) || ''
+            const params = {
+                pageIndex,
+                pageSize,
+                available: true,
+                unitName: name,
+                status: 'PASS',
+                freeze: false
+            }
+            return domesticCustomerCreditQueryApi(params).then(res => {
+                const _data = res && res.data ? res.data : {}
+                const records = _data.datas || _data.list || _data.records || []
+                const totalCount = _data.totalCount || _data.count || 0
+                const hasNext = _data.hasNext || false
+                return { records, totalCount, hasNext }
+            }).catch(() => ({ records: [], totalCount: 0, hasNext: false }))
+        },
+        openSupplierSheet() {
+            this.supplierSheet.selectedKeys = this.form.supplierId ? [this.form.supplierId] : []
+            this.supplierSheet.visible = true
+        },
+        onSupplierConfirm({ items }) {
+            const first = (items && items.length > 0) ? items[0] : null
+            if (!first) return
+            this.form.supplierId = first.id || ''
+            this.form.supplierName = first.unitName || ''
+            this.form.purchaseDepartmentName = first.purchaseDepartmentName || ''
+            this.form.regionName = first.regionName || ''
+        },
+        boolText(v) {
+            if (typeof v !== 'boolean') return '请选择'
+            return v ? '是' : '否'
+        },
+        openSheet(field) {
+            const opts = [{ label: '是', value: true }, { label: '否', value: false }]
+            const cur = this.form[field]
+            const match = opts.find(o => o.value === cur)
+            const titleMap = {
+                longTermOperation: '是否长单操作',
+                terminalCustomer: '是否终端客户',
+                priced: '是否未点价',
+                otherExpenseSettlement: '其他费用凭票到厂另行结算',
+                commodityBuyout: '是否通货买断',
+                qualityBuyout: '是否质量买断',
+                quantityBuyout: '是否数量买断',
+                doorDelivery: '是否送货上门'
+            }
+            this.sheet = { visible: true, title: titleMap[field] || '请选择', options: opts, value: match ? match.value : '', field, isDict: false }
+        },
+        openDictSheet(field, dictCode, title) {
+            const raw = this.getDictOptions(dictCode) || []
+            const opts = raw.map(o => ({ label: o.name || o.label || '', value: o.code != null ? o.code : (o.value != null ? o.value : '') }))
+            const cur = this.form[field]
+            const match = opts.find(o => String(o.value) === String(cur))
+            this.sheet = { visible: true, title: title || '请选择', options: opts, value: match ? match.value : '', field, isDict: true }
+        },
+        getDeliveryMethodLabel() {
+            const opts = this.getDictOptions('DELIVERY_METHOD') || []
+            const m = opts.find(o => String(o.code != null ? o.code : o.value) === String(this.form.deliveryMode))
+            return m ? (m.name || m.label || '') : ''
+        },
+        onSheetConfirm({ value }) {
+            const field = this.sheet.field
+            if (!field) return
+            if (this.sheet.isDict) {
+                this.form[field] = value
+            } else {
+                this.form[field] = !!value
+                if (field === 'priced' && value === true) {
+                    this.form.pricingDeadline = ''
+                }
+            }
+        },
+        onRatioBlur() {
+            let v = parseFloat(this.form.settlementRatio)
+            if (isNaN(v)) v = ''
+            else v = Math.round(v * 100) / 100
+            this.form.settlementRatio = v
+        },
+        onProductsChange(products) {
+            this.productLineList = Array.isArray(products) ? products : []
+        },
+        validateRequired() {
+            const stringChecks = [
+                { key: 'code', msg: '请输入编号' },
+                { key: 'supplierId', msg: '请选择供应商' },
+                { key: 'validityPeriod', msg: '请输入报价时效' },
+                { key: 'deliveryMode', msg: '请选择交提货方式' },
+                { key: 'invoiceProductName', msg: '请输入开票品种' },
+                { key: 'deliveryDate', msg: '请选择交货日期' },
+                { key: 'settlementMethod', msg: '请输入结算方式' },
+                { key: 'settlementRatio', msg: '请输入结算比例' }
+            ]
+            for (const it of stringChecks) {
+                const val = this.form[it.key]
+                const empty = (val === undefined || val === null || (typeof val === 'string' && val.trim() === ''))
+                if (empty) { uni.showToast({ title: it.msg, icon: 'none' }); return false }
+            }
+            const boolChecks = [
+                { key: 'longTermOperation', msg: '请选择是否长单操作' },
+                { key: 'terminalCustomer', msg: '请选择是否终端客户' },
+                { key: 'priced', msg: '请选择是否未点价' },
+                { key: 'otherExpenseSettlement', msg: '请选择其他费用凭票到厂另行结算' },
+                { key: 'commodityBuyout', msg: '请选择是否通货买断' },
+                { key: 'qualityBuyout', msg: '请选择是否质量买断' },
+                { key: 'quantityBuyout', msg: '请选择是否数量买断' },
+                { key: 'doorDelivery', msg: '请选择是否送货上门' }
+            ]
+            for (const it of boolChecks) {
+                if (typeof this.form[it.key] !== 'boolean') {
+                    uni.showToast({ title: it.msg, icon: 'none' })
+                    return false
+                }
+            }
+            if (this.form.priced === false && !this.form.pricingDeadline) {
+                uni.showToast({ title: '请选择点价截止日期', icon: 'none' })
+                return false
+            }
+            const list = Array.isArray(this.productLineList) ? this.productLineList : []
+            if (list.length === 0) {
+                uni.showToast({ title: '请添加产品明细', icon: 'none' })
+                return false
+            }
+            if (this.$refs.productRel && !this.$refs.productRel.validate(this.form.priced)) return false
+            return true
+        },
+        async onSubmit() {
+            if (!this.validateRequired()) return
+            const confirmRes = await new Promise(resolve => {
+                uni.showModal({ title: '提示', content: '确定复制提交吗？', confirmText: '确定', cancelText: '取消', success: resolve })
+            })
+            if (!(confirmRes && confirmRes.confirm)) return
+            const clean = (obj) => {
+                const out = {}
+                Object.keys(obj || {}).forEach(k => {
+                    const v = obj[k]
+                    const isEmptyString = typeof v === 'string' && v.trim() === ''
+                    const isUndef = v === undefined || v === null
+                    const isNaNNumber = typeof v === 'number' && isNaN(v)
+                    if (!(isEmptyString || isUndef || isNaNNumber)) out[k] = v
+                })
+                return out
+            }
+            const lines = (this.productLineList || []).map(it => {
+                const c = clean(it)
+                delete c.id
+                delete c.itemId
+                return c
+            })
+            const materialFields = this.materialConditionConfigs.map(mc => mc.field)
+            const formCopy = { ...this.form }
+            delete formCopy.id
+            materialFields.forEach(f => {
+                const arr = formCopy[f]
+                formCopy[f] = Array.isArray(arr) ? arr.join(',') : (arr || '')
+            })
+            const payload = clean({
+                ...formCopy,
+                quotationLineList: lines
+            })
+            try {
+                await salesmanQuotationSaveApi(payload)
+                uni.showToast({ title: '复制成功', icon: 'none' })
+                try { uni.setStorageSync('SALES_PRICE_LIST_NEED_REFRESH', '1') } catch (e) {}
+                setTimeout(() => { uni.redirectTo({ url: '/pages/sales-price/index' }) }, 400)
+            } catch (e) {
+                uni.showToast({ title: e.msg || '复制失败', icon: 'none' })
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.scroll {
+    flex: 1;
+    padding: 12rpx 0 392rpx !important;
+}
+
+.footer {
+    z-index: 2;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 32rpx;
+    padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+    background: #fff;
+    box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+
+    .btn {
+        height: 80rpx;
+        line-height: 80rpx;
+        border-radius: 12rpx;
+        font-size: 32rpx;
+    }
+
+    .submit {
+        background: $theme-primary;
+        color: #fff;
+    }
+}
+
+::v-deep .uni-list {
+    .uni-easyinput {
+        display: flex;
+
+        .uni-input-input {
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+
+    .uni-input-placeholder {
+        z-index: 1;
+    }
+
+    .uni-input-input {
+        background-color: #ffffff;
+    }
+
+    background: transparent;
+
+    &-item {
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__container {
+            padding: 32rpx;
+
+            .uni-easyinput {
+                &__placeholder-class {
+                    font-size: 32rpx;
+                    color: rgba(0, 0, 0, 0.4);
+                }
+
+                &__content {
+                    border: none;
+                    background-color: #ffffff !important;
+
+                    &-input {
+                        padding-left: 0 !important;
+                        height: 48rpx;
+                        line-height: 48rpx;
+                        font-size: 32rpx;
+                    }
+
+                    .content-clear-icon {
+                        font-size: 44rpx !important;
+                    }
+                }
+            }
+
+            .item-title,
+            .uni-list-item__content {
+                flex: none;
+                min-height: 48rpx;
+                line-height: 48rpx;
+                font-size: 32rpx;
+                position: relative;
+                width: 240rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+        }
+
+        &.select-item {
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+
+            .serial-number-row {
+                display: flex;
+                align-items: center;
+
+                .generate-btn {
+                    margin-left: 24rpx;
+                    height: 48rpx;
+                    line-height: 48rpx;
+                    padding: 0 24rpx;
+                    font-size: 24rpx;
+                    border-radius: 8rpx;
+                    background: $theme-primary;
+                    color: #fff;
+                }
+            }
+        }
+    }
+}
+
+.readonly-text {
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 32rpx;
+    line-height: 48rpx;
+    text-align: right;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+
+.value-code {
+    width: 260rpx;
+    text-align: left;
+}
+
+.material-condition-section,
+.remark-section {
+    margin-top: 20rpx;
+    background: #fff;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    padding: 24rpx 32rpx;
+    border-bottom: 1rpx solid #f0f0f0;
+}
+
+.section-title {
+    font-size: 32rpx;
+    color: rgba(0, 0, 0, 0.9);
+    font-weight: 600;
+}
+
+.opCollapse {
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+    margin-top: 8rpx;
+}
+
+.section-content {
+    padding: 32rpx;
+}
+
+.form-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 24rpx;
+}
+
+.form-row:last-child {
+    margin-bottom: 0;
+}
+
+.form-label {
+    font-size: 32rpx;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.bool-btns {
+    display: flex;
+    gap: 20rpx;
+}
+
+.bool-btn {
+    padding: 12rpx 40rpx;
+    border: 1rpx solid #ddd;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #666;
+    background: #fff;
+}
+
+.bool-btn.active {
+    background: $theme-primary;
+    border-color: $theme-primary;
+    color: #fff;
+}
+
+.material-group {
+    margin-top: 32rpx;
+}
+
+.material-label {
+    display: block;
+    font-size: 30rpx;
+    color: rgba(0, 0, 0, 0.9);
+    margin-bottom: 20rpx;
+}
+
+.tag-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16rpx;
+}
+
+.tag-btn {
+    padding: 12rpx 24rpx;
+    border: 1rpx solid #ddd;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #666;
+    background: #fff;
+}
+
+.tag-btn.active {
+    background: $theme-primary;
+    border-color: $theme-primary;
+    color: #fff;
+}
+
+::v-deep .uni-easyinput {
+    width: 100%;
+
+    &__content {
+        background: #f8f8f8 !important;
+        border-radius: 8rpx;
+
+        &-input {
+            font-size: 30rpx;
+        }
+    }
+}
+</style>

+<template>
+    <view class="page">
+        <scroll-view class="scroll" scroll-y>
+            <view class="detail-page">
+                <!-- 基础信息 -->
+                <view class="section">
+                    <text class="row company">{{ safeText(form.code) }}</text>
+                    <view class="row"><text class="label">供应商名称</text><text class="value">{{ safeText(form.supplierName) }}</text></view>
+                    <view class="row"><text class="label">采购处</text><text class="value">{{ safeText(form.purchaseDepartmentName) }}</text></view>
+                    <view class="row"><text class="label">区域</text><text class="value">{{ safeText(form.regionName) }}</text></view>
+                    <view class="row"><text class="label">报价时效</text><text class="value">{{ safeText(form.validityPeriod) }}</text></view>
+                    <view class="row"><text class="label">报价人</text><text class="value">{{ safeText(form.quoterName) }}</text></view>
+                    <view class="row"><text class="label">是否长单操作</text><text class="value">{{ boolText(form.longTermOperation) }}</text></view>
+                    <view class="row"><text class="label">是否终端客户</text><text class="value">{{ boolText(form.terminalCustomer) }}</text></view>
+                    <view class="row"><text class="label">是否未点价</text><text class="value">{{ boolText(form.priced) }}</text></view>
+                    <view v-if="form.priced === false" class="row"><text class="label">点价截止日期</text><text class="value">{{ formatDateOnly(form.pricingDeadline) }}</text></view>
+                    <view class="row"><text class="label">其他费用凭票到厂另行结算</text><text class="value">{{ boolText(form.otherExpenseSettlement) }}</text></view>
+                    <view class="row"><text class="label">交提货方式</text><text class="value">{{ getDeliveryMethodLabel() }}</text></view>
+                    <view class="row"><text class="label">是否通货买断</text><text class="value">{{ boolText(form.commodityBuyout) }}</text></view>
+                    <view class="row"><text class="label">是否质量买断</text><text class="value">{{ boolText(form.qualityBuyout) }}</text></view>
+                    <view class="row"><text class="label">是否数量买断</text><text class="value">{{ boolText(form.quantityBuyout) }}</text></view>
+                    <view class="row"><text class="label">是否送货上门</text><text class="value">{{ boolText(form.doorDelivery) }}</text></view>
+                    <view class="row"><text class="label">装车费</text><text class="value">{{ safeText(form.loadingFee) }}</text></view>
+                    <view class="row"><text class="label">开票品种</text><text class="value">{{ safeText(form.invoiceProductName) }}</text></view>
+                    <view class="row"><text class="label">交货日期</text><text class="value">{{ formatDateOnly(form.deliveryDate) }}</text></view>
+                    <view class="row"><text class="label">结算方式</text><text class="value">{{ safeText(form.settlementMethod) }}</text></view>
+                    <view class="row"><text class="label">结算比例(%)</text><text class="value">{{ safeText(form.settlementRatio) }}</text></view>
+                    <view class="row"><text class="label">协调事由</text><text class="value">{{ safeText(form.coordinationReason) }}</text></view>
+                    <view class="row"><text class="label">票类状况</text><text class="value">{{ safeText(form.invoiceTypeStatus) }}</text></view>
+                </view>
+
+                <!-- 明细信息 -->
+                <ProductRel mode="view" :list="productLineList" />
+
+                <!-- 料质状况 -->
+                <view class="title-header">
+                    <image class="title-header_icon" src="/static/images/title.png" />
+                    <span>料质状况</span>
+                </view>
+                <view class="section">
+                    <view class="row"><text class="label">是否启用料质状况</text><text class="value">{{ boolText(form.materialConditionEnabled) }}</text></view>
+                    <template v-if="form.materialConditionEnabled">
+                        <view v-for="mc in materialConditionConfigs" :key="mc.field" class="material-group">
+                            <text class="material-label">{{ mc.label }}</text>
+                            <view class="tag-list">
+                                <view
+                                    v-for="opt in getDictOptions(mc.dictCode)"
+                                    :key="opt.code"
+                                    class="tag-btn"
+                                    :class="{ active: isTagSelected(mc.field, opt.code) }"
+                                >{{ opt.name }}</view>
+                            </view>
+                        </view>
+                    </template>
+                </view>
+
+                <!-- 备注 -->
+                <view class="title-header">
+                    <image class="title-header_icon" src="/static/images/title.png" />
+                    <span>备注</span>
+                </view>
+                <view class="section">
+                    <text class="remark-text">{{ safeText(form.remark) }}</text>
+                </view>
+            </view>
+        </scroll-view>
+        <detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+    </view>
+</template>
+<script>
+import DetailButtons from '@/components/detail-buttons/index.vue'
+import ProductRel from './productRel.vue'
+import { salesmanQuotationDetailApi, salesmanQuotationCancelApi } from '@/api/procure-manage/salesmanQuotation.js'
+import { getDicByCodes } from '@/utils/dic.js'
+import { getInfo } from '@/api/login.js'
+export default {
+    name: 'DetailSalesPrice',
+    components: { DetailButtons, ProductRel },
+    data() {
+        return {
+            id: '',
+            form: {},
+            productLineList: [],
+            materialConditionConfigs: [
+                { field: 'materialConditionCopperRice', label: '铜米', dictCode: 'COPPER_RICE' },
+                { field: 'materialConditionBrightCopper', label: '光亮铜', dictCode: 'BRIGHT_COPPER' },
+                { field: 'materialConditionFirstClass', label: '一特', dictCode: 'FIRST_CLASS' },
+                { field: 'materialConditionSecondClass', label: '二特', dictCode: 'SECOND_CLASS' },
+                { field: 'materialConditionTinCoated', label: '镀锡紫', dictCode: 'TIN_COATED' },
+                { field: 'materialConditionScrap', label: '角料', dictCode: 'SCRAP' },
+                { field: 'materialConditionWhiteYellow', label: '镀白黄', dictCode: 'WHITE_YELLOW' },
+                { field: 'materialConditionPhosphorCopper', label: '磷铜', dictCode: 'PHOSPHOR_COPPER' }
+            ],
+            dictData: {},
+            buttons: [
+                { text: '编辑', visible: true, variant: 'outline', event: 'edit' },
+                { text: '复制', visible: true, variant: 'primary', event: 'copy' },
+                { text: '取消', visible: true, variant: 'outline', event: 'cancel' },
+                { text: '生成计划', visible: true, variant: 'outline', event: 'plan' },
+                { text: '审核', visible: true, variant: 'primary', event: 'approve' },
+                { text: '审核详情', visible: true,  event: 'approveDetail' },
+            ],
+            investigatorId: '',
+        }
+    },
+    computed: {
+        displayButtons() {
+            const s = this.form.approvalStatus || ''
+            const c = this.form.createById || ''
+            const p = this.form.status || ''
+            return [
+                { ...this.buttons[0], visible: (s === 'REFUSE' && c === this.investigatorId && this.$auth.hasPermi('procure-manage:sales-price:modify')) },
+                { ...this.buttons[1], visible: this.$auth.hasPermi('procure-manage:sales-price:copy') },
+                { ...this.buttons[2], visible: (s === 'REFUSE' && c === this.investigatorId && this.$auth.hasPermi('procure-manage:sales-price:cancel')) },
+                { ...this.buttons[3], visible: (p === 'DEAL_CLOSED' && this.$auth.hasPermi('procure-manage:sales-price:create')) },
+                { ...this.buttons[4], visible: (s === 'AUDIT' && this.form.showExamine && this.$auth.hasPermi('procure-manage:sales-price:approves')) },
+                { ...this.buttons[5], visible: (this.form.showExamineDetail && this.$auth.hasPermi('procure-manage:sales-price:view')) },
+            ]
+        }
+    },
+    onLoad(query) {
+        this.id = (query && query.id) || ''
+        this.loadDictData()
+        this.loadDetail()
+        //  获取当前用户信息
+        this.getUserInfo();
+    },
+    methods: {
+        // 获取当前用户信息
+        async getUserInfo() {
+            getInfo()
+            .then((res) => {
+                this.investigatorId = res?.id || '';
+            })
+            .catch((err) => {
+                console.error('获取用户信息失败:', err);
+            });
+        },
+        async loadDictData() {
+            try {
+                const codes = [...this.materialConditionConfigs.map(mc => mc.dictCode), 'DELIVERY_METHOD']
+                const res = await getDicByCodes(codes)
+                this.dictData = res || {}
+            } catch (e) {
+                this.dictData = {}
+            }
+        },
+        getDictOptions(dictCode) {
+            const data = this.dictData[dictCode]
+            return (data && data.data) ? data.data : []
+        },
+        isTagSelected(field, code) {
+            const selected = this.form[field]
+            return Array.isArray(selected) && selected.includes(code)
+        },
+        boolText(v) {
+            if (typeof v !== 'boolean') return '-'
+            return v ? '是' : '否'
+        },
+        getDeliveryMethodLabel() {
+            const opts = this.getDictOptions('DELIVERY_METHOD') || []
+            const m = opts.find(o => String(o.code != null ? o.code : o.value) === String(this.form.deliveryMode))
+            return m ? (m.name || m.label || '-') : '-'
+        },
+        formatDateOnly(v) {
+            const s = v == null ? '' : String(v).trim()
+            if (!s) return '-'
+            if (s.length >= 10) return s.slice(0, 10)
+            return s
+        },
+        safeText(v) {
+            const s = v == null ? '' : String(v)
+            return s.trim() ? s : '-'
+        },
+        async loadDetail() {
+            if (!this.id) return
+            try {
+                const res = await salesmanQuotationDetailApi({ id: this.id })
+                const d = (res && res.data) ? res.data : {}
+                const materialFields = this.materialConditionConfigs.map(mc => mc.field)
+                materialFields.forEach(f => {
+                    const v = d[f]
+                    d[f] = (typeof v === 'string' && v) ? v.split(',').filter(Boolean) : (Array.isArray(v) ? v : [])
+                })
+                this.form = d
+                this.productLineList = Array.isArray(d.quotationLineList) ? d.quotationLineList : (Array.isArray(d.salesmanQuotationLineList) ? d.salesmanQuotationLineList : [])
+            } catch (e) {
+                uni.showToast({ title: '加载详情失败', icon: 'none' })
+            }
+        },
+        handleButtonClick(btn) {
+            if (!btn || btn.disabled) return
+            const e = btn.event || ''
+            if (e === 'edit') return this.onEdit()
+            if (e === 'copy') return this.onCopy()
+            if (e === 'approve') return this.onApprove()
+            if (e === 'approveDetail') return this.onApproveDetail()
+            if (e === 'cancel') return this.onCancel()
+        },
+        onEdit() {
+            uni.navigateTo({ url: '/pages/sales-price/modify?id=' + this.id })
+        },
+        onCopy() {
+            uni.navigateTo({ url: '/pages/sales-price/copy?id=' + this.id })
+        },
+        onCancel() {
+            const id = this.id || (this.form && this.form.id) || ''
+            if (!id) return
+            uni.showModal({
+                title: '系统提示',
+                content: '是否确定取消该流程？',
+                confirmText: '确定',
+                cancelText: '取消',
+                success: (res) => {
+                    if (res && res.confirm) {
+                        salesmanQuotationCancelApi({ id }).then(() => {
+                            uni.showToast({ title: '已取消', icon: 'none' })
+                            try { uni.setStorageSync('SALES_PRICE_LIST_NEED_REFRESH', '1') } catch (e) {}
+                            setTimeout(() => { uni.redirectTo({ url: '/pages/supplier-price/index' }) }, 300)
+                        }).catch((e) => {
+                            uni.showToast({ title: (e && e.msg) || '取消失败', icon: 'none' })
+                        })
+                    }
+                }
+            })
+        },
+        onApprove() {
+            const id = this.id || (this.form && this.form.id) || ''
+            if (!id) return
+            const CACHE_KEY = 'sourceBusinessId'
+            const TYPE = 'contractType'
+            uni.setStorageSync(TYPE, 'SALESMAN_QUOTATION')
+            uni.setStorageSync(CACHE_KEY, id)
+            uni.navigateTo({ url: '/pages/flow/audit' })
+        },
+        onApproveDetail() {
+            const id = this.id || (this.form && this.form.id) || ''
+            if (!id) return
+            const CACHE_KEY = 'sourceBusinessId'
+            const TYPE = 'contractType'
+            uni.setStorageSync(TYPE, 'SALESMAN_QUOTATION')
+            uni.setStorageSync(CACHE_KEY, id)
+            uni.navigateTo({ url: '/pages/flow/audit_detail' })
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.scroll {
+    flex: 1;
+    padding: 8rpx 0 144rpx;
+}
+
+.detail-page {
+    background: #f3f3f3;
+}
+
+.title-header {
+    display: flex;
+    align-items: center;
+    padding: 24rpx 32rpx 12rpx;
+    background-color: #ffffff;
+
+    .title-header_icon {
+        width: 36rpx;
+        height: 36rpx;
+        margin-right: 12rpx;
+    }
+
+    span {
+        font-size: 34rpx;
+        font-weight: 600;
+        color: rgba(0, 0, 0, 0.9);
+    }
+}
+
+.section {
+    padding: 32rpx;
+    background: #fff;
+    margin-bottom: 20rpx;
+}
+
+.row {
+    display: flex;
+    margin-bottom: 28rpx;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+
+    &.company {
+        font-size: 36rpx;
+        font-weight: 600;
+        color: rgba(0, 0, 0, 0.9);
+        padding-top: 8rpx;
+        line-height: 50rpx;
+    }
+
+    .label {
+        max-width: 420rpx;
+        margin-right: 20rpx;
+        line-height: 32rpx;
+        font-size: 28rpx;
+        color: rgba(0, 0, 0, 0.6);
+    }
+
+    .value {
+        flex: 1;
+        line-height: 32rpx;
+        font-size: 28rpx;
+        color: rgba(0, 0, 0, 0.9);
+        text-align: right;
+        word-break: break-all;
+    }
+}
+
+.line-block {
+    padding-bottom: 24rpx;
+    margin-bottom: 24rpx;
+    border-bottom: 1rpx solid #f0f0f0;
+
+    &:last-child {
+        border-bottom: none;
+        margin-bottom: 0;
+        padding-bottom: 0;
+    }
+}
+
+.material-group {
+    margin-top: 32rpx;
+
+    &:first-child {
+        margin-top: 0;
+    }
+}
+
+.material-label {
+    display: block;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.6);
+    margin-bottom: 20rpx;
+}
+
+.tag-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16rpx;
+}
+
+.tag-btn {
+    padding: 12rpx 24rpx;
+    border: 1rpx solid #ddd;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #999;
+    background: #f5f5f5;
+}
+
+.tag-btn.active {
+    background: $theme-primary;
+    border-color: $theme-primary;
+    color: #fff;
+}
+
+.remark-text {
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.9);
+    line-height: 1.6;
+    white-space: pre-wrap;
+}
+
+.empty-tip {
+    text-align: center;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.4);
+    padding: 24rpx 0;
+}
+</style>

+<template>
+	<view class="page">
+		<view class="dev-list-fixed">
+			<view class="search-row">
+				<uni-search-bar v-model="searchKeyword" radius="6" placeholder="请输入供应商名称" clearButton="auto"
+					cancelButton="none" bgColor="#F3F3F3" textColor="rgba(0,0,0,0.4)" @confirm="search"
+					@input="onSearchInput" />
+				<view class="tool-icons">
+					<image v-if="$auth.hasPermi('procure-manage:sales-price:add')" class="tool-icon" src="/static/images/dev_manage/add_icon.png" @click="onAdd" />
+					<image class="tool-icon" src="/static/images/dev_manage/filter_icon.png" @click="openFilter" />
+				</view>
+			</view>
+		</view>
+
+		<view class="list-box">
+			<card-list ref="cardRef" :fetch-fn="fetchList" :query="query" :extra="extraParams" row-key="id"
+				:enable-refresh="true" :enable-load-more="true" @loaded="onCardLoaded" @error="onCardError">
+				<template v-slot="{ item }">
+					<view class="card" @click.stop="onCardClick(item)">
+						<view class="card-header">
+							<text class="title omit2">{{ item.supplierName || '-' }}</text>
+							<text :class="['status', `status_${item.approvalStatus}`]">{{ getAuditStatusText(item.approvalStatus) }}</text>
+						</view>
+						<view class="info-row">
+							<text>编号</text><text>{{ item.code || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>采购处</text><text>{{ item.purchaseDepartmentName || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>区域</text><text>{{ item.regionName || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>日期</text><text>{{ formatDateOnly(item.quoteTime) }}</text>
+						</view>
+					</view>
+				</template>
+			</card-list>
+		</view>
+
+		<filter-modal :visible.sync="filterVisible" :value.sync="filterForm" title="筛选" @reset="onFilterReset"
+			@confirm="onFilterConfirm">
+			<template v-slot="{ model }">
+				<view class="filter-form">
+					<view class="form-item">
+						<view class="label">编号</view>
+						<uni-easyinput v-model="model.code" placeholder="请输入编号" :inputBorder="false"
+							placeholderStyle="font-size:14px" @input="onCodeInput" />
+					</view>
+					<view class="form-item">
+						<view class="label">报价时间</view>
+						<uni-datetime-picker type="daterange" v-model="model.dateRange" start="2023-01-01" />
+					</view>
+				</view>
+			</template>
+		</filter-modal>
+	</view>
+</template>
+
+<script>
+import CardList from '@/components/card/index.vue'
+import FilterModal from '@/components/filter/index.vue'
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+import { salesmanQuotationQueryApi } from '@/api/procure-manage/salesmanQuotation.js'
+
+export default {
+	name: 'SalesPriceList',
+	components: { CardList, FilterModal },
+	data() {
+		return {
+			searchKeyword: '',
+			searchKeywordDebounced: '',
+			searchDebounceTimer: null,
+			query: {
+				supplierName: '',
+				code: '',
+				dateRange: []
+			},
+			extraParams: {},
+			currentItems: [],
+			filterVisible: false,
+			filterForm: {
+				code: '',
+				dateRange: []
+			},
+			dicOptions: {
+				AUDIT_STATUS: []
+			},
+		}
+	},
+	watch: {
+		searchKeywordDebounced(v) {
+			this.query = { ...this.query, supplierName: v || '' }
+		}
+	},
+	created() {
+		this.loadDicData()
+	},
+	onShow() {
+		let needRefresh = ''
+		try { needRefresh = uni.getStorageSync('SALES_PRICE_LIST_NEED_REFRESH') } catch (e) {}
+		if (!needRefresh) return
+		try { uni.removeStorageSync('SALES_PRICE_LIST_NEED_REFRESH') } catch (e) {}
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.reload) {
+			this.$refs.cardRef.reload()
+		}
+	},
+	onReachBottom() {
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
+			this.$refs.cardRef.onLoadMore()
+		}
+	},
+	beforeDestroy() {
+		if (this.searchDebounceTimer) {
+			clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = null
+		}
+	},
+		methods: {
+		onAdd() {
+			uni.navigateTo({ url: '/pages/sales-price/add' })
+		},
+		async loadDicData() {
+			try {
+				const results = await getDicByCodes(['AUDIT_STATUS'])
+				this.dicOptions.AUDIT_STATUS = (results.AUDIT_STATUS && results.AUDIT_STATUS.data) || []
+			} catch (e) {
+				this.dicOptions.AUDIT_STATUS = []
+			}
+		},
+		formatDateOnly(v) {
+			const s = v == null ? '' : String(v).trim()
+			if (!s) return '-'
+			if (s.length >= 10) return s.slice(0, 10)
+			return s
+		},
+		onCardLoaded({ items }) {
+			this.currentItems = items
+		},
+		onCardError() {
+			uni.showToast({ title: '列表加载失败', icon: 'none' })
+		},
+		onSearchInput() {
+			if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = setTimeout(() => {
+				this.searchKeywordDebounced = this.searchKeyword
+				this.searchDebounceTimer = null
+			}, 1200)
+		},
+		search(e) {
+			const val = e && e.value != null ? e.value : this.searchKeyword
+			this.searchKeyword = val
+			this.searchKeywordDebounced = val
+		},
+		openFilter() {
+			this.filterForm = {
+				code: this.query.code || '',
+				dateRange: Array.isArray(this.query.dateRange) ? this.query.dateRange.slice(0) : []
+			}
+			this.filterVisible = true
+		},
+		onFilterReset(payload) {
+			this.filterForm = payload
+		},
+		onFilterConfirm(payload) {
+			this.query = {
+				supplierName: this.query.supplierName || '',
+				code: payload.code || '',
+				dateRange: Array.isArray(payload.dateRange) ? payload.dateRange : []
+			}
+		},
+		onCodeInput(val) {
+			this.filterForm.code = val
+		},
+		getAuditStatusText(status) {
+			const v = status == null ? '' : String(status)
+			if (!v) return '-'
+			return getDicName('AUDIT_STATUS', v, this.dicOptions.AUDIT_STATUS) || v
+		},
+		fetchList({ pageIndex, pageSize, query }) {
+			const q = query || {}
+			const range = Array.isArray(q.dateRange) ? q.dateRange : []
+			const params = {
+				pageIndex,
+				pageSize,
+				supplierName: q.supplierName || '',
+				code: q.code || '',
+				quoteDateStart: (range && range.length === 2) ? range[0] : '',
+				quoteDateEnd: (range && range.length === 2) ? range[1] : ''
+			}
+			return salesmanQuotationQueryApi(params).then(res => {
+				const _data = res && res.data ? res.data : {}
+				let records = _data.datas || _data.list || _data.records || []
+				const totalCount = _data.totalCount || _data.count || 0
+				const hasNext = _data.hasNext || false
+				records = records.map(it => ({ ...it }))
+				return { records, totalCount, hasNext }
+			}).catch(() => {
+				this.onCardError()
+				return { records: [], totalCount: 0, hasNext: false }
+			})
+		},
+		onCardClick(item) {
+			uni.navigateTo({ url: '/pages/sales-price/detail?id=' + item.id })
+		},
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+}
+
+.dev-list-fixed {
+	position: fixed;
+	top: 96rpx;
+	left: 0;
+	right: 0;
+	z-index: 2;
+	background: #fff;
+
+	.search-row {
+		display: flex;
+		align-items: center;
+		padding: 16rpx 32rpx;
+
+		.uni-searchbar {
+			padding: 0;
+			flex: 1;
+		}
+
+		.tool-icons {
+			display: flex;
+
+			.tool-icon {
+				width: 48rpx;
+				height: 48rpx;
+				display: block;
+				margin-left: 32rpx;
+			}
+		}
+	}
+}
+
+::v-deep .uni-searchbar__box {
+	height: 80rpx !important;
+	justify-content: start;
+
+	.uni-searchbar__box-search-input {
+		font-size: 32rpx !important;
+	}
+}
+
+.list-box {
+	flex: 1;
+	padding-top: 140rpx;
+
+	.card {
+		position: relative;
+	}
+
+	.card-header {
+		margin-bottom: 28rpx;
+		position: relative;
+
+		.title {
+			font-size: 36rpx;
+			font-weight: 600;
+			line-height: 50rpx;
+			color: rgba(0, 0, 0, 0.9);
+			width: 578rpx;
+		}
+
+		.status {
+			position: absolute;
+			top: -32rpx;
+			right: -12rpx;
+			height: 48rpx;
+			line-height: 48rpx;
+			font-weight: 600;
+			color: #fff;
+			font-size: 24rpx;
+			padding: 0 14rpx;
+			border-radius: 6rpx;
+
+			&.status_AUDIT {
+				background: $theme-primary;
+			}
+
+			&.status_PASS {
+				background: #2BA471;
+			}
+
+			&.status_REFUSE {
+				background: #D54941;
+			}
+
+			&.status_CANCEL {
+				background: #E7E7E7;
+				color: rgba(0, 0, 0, 0.9);
+			}
+		}
+	}
+
+	.info-row {
+		display: flex;
+		align-items: center;
+		color: rgba(0, 0, 0, 0.6);
+		font-size: 28rpx;
+		margin-bottom: 24rpx;
+		height: 32rpx;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		text {
+			width: 50%;
+
+			&:last-child {
+				color: rgba(0, 0, 0, 0.9);
+				width: 50%;
+			}
+		}
+	}
+}
+
+.filter-form {
+	.form-item {
+		margin-bottom: 24rpx;
+	}
+
+	.label {
+		margin-bottom: 20rpx;
+		color: rgba(0, 0, 0, 0.9);
+		height: 44rpx;
+		line-height: 44rpx;
+		font-size: 30rpx;
+	}
+
+	.uni-easyinput {
+		border: 1rpx solid #f3f3f3;
+	}
+}
+</style>

+<template>
+    <view class="page">
+        <scroll-view class="scroll" scroll-y>
+            <uni-list>
+                <!-- 编号 -->
+                <uni-list-item class="select-item" :class="form.code ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>编号</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <view class="serial-number-row">
+                            <text class="readonly-text value-code">{{ form.code }}</text>
+                        </view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 供应商名称 -->
+                <uni-list-item class="select-item" :class="form.supplierId ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSupplierSheet" :rightText="form.supplierName || '请选择供应商名称'" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>供应商名称</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 采购处（带出，禁用） -->
+                <uni-list-item title="采购处">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.purchaseDepartmentName" :inputBorder="false" disabled placeholder="选择供应商后自动带出" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 区域（带出，禁用） -->
+                <uni-list-item title="区域">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.regionName" :inputBorder="false" disabled placeholder="选择供应商后自动带出" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 报价时效 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>报价时效</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.validityPeriod" :inputBorder="false" placeholder="请输入报价时效" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 报价人（禁用） -->
+                <uni-list-item title="报价人">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.quoterName" :inputBorder="false" disabled placeholder="自动获取" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否长单操作 -->
+                <uni-list-item class="select-item" :class="typeof form.longTermOperation === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('longTermOperation')" :rightText="boolText(form.longTermOperation)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否长单操作</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否终端客户 -->
+                <uni-list-item class="select-item" :class="typeof form.terminalCustomer === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('terminalCustomer')" :rightText="boolText(form.terminalCustomer)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否终端客户</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否未点价 -->
+                <uni-list-item class="select-item" :class="typeof form.priced === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('priced')" :rightText="boolText(form.priced)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否未点价</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 点价截止日期 - 仅在 是否未点价 = 否 时显示且必填 -->
+                <uni-list-item v-if="form.priced === false" class="select-item" :class="form.pricingDeadline ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>点价截止日期</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="date" v-model="form.pricingDeadline" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 其他费用凭票到厂另行结算 -->
+                <uni-list-item class="select-item" :class="typeof form.otherExpenseSettlement === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('otherExpenseSettlement')" :rightText="boolText(form.otherExpenseSettlement)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>其他费用凭票到厂另行结算</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 交提货方式 -->
+                <uni-list-item class="select-item" :class="form.deliveryMode ? 'is-filled' : 'is-empty'" clickable
+                    @click="openDictSheet('deliveryMode', 'DELIVERY_METHOD', '交提货方式')" :rightText="getDeliveryMethodLabel() || '请选择交提货方式'" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>交提货方式</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否通货买断 -->
+                <uni-list-item class="select-item" :class="typeof form.commodityBuyout === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('commodityBuyout')" :rightText="boolText(form.commodityBuyout)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否通货买断</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否质量买断 -->
+                <uni-list-item class="select-item" :class="typeof form.qualityBuyout === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('qualityBuyout')" :rightText="boolText(form.qualityBuyout)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否质量买断</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否数量买断 -->
+                <uni-list-item class="select-item" :class="typeof form.quantityBuyout === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('quantityBuyout')" :rightText="boolText(form.quantityBuyout)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否数量买断</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 是否送货上门 -->
+                <uni-list-item class="select-item" :class="typeof form.doorDelivery === 'boolean' ? 'is-filled' : 'is-empty'" clickable
+                    @click="openSheet('doorDelivery')" :rightText="boolText(form.doorDelivery)" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>是否送货上门</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 装车费 -->
+                <uni-list-item title="装车费">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.loadingFee" type="digit" :inputBorder="false" placeholder="请输入装车费" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 开票品种 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>开票品种</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.invoiceProductName" :inputBorder="false" placeholder="请输入开票品种" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 交货日期 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>交货日期</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="date" v-model="form.deliveryDate" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 结算方式 -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>结算方式</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.settlementMethod" :inputBorder="false" placeholder="请输入结算方式" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 结算比例(%) -->
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>结算比例(%)</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.settlementRatio" type="digit" :inputBorder="false" placeholder="请输入结算比例" @blur="onRatioBlur" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 协调事由 -->
+                <uni-list-item title="协调事由">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.coordinationReason" :inputBorder="false" placeholder="请输入协调事由" disabled />
+                    </template>
+                </uni-list-item>
+
+                <!-- 票类状况 -->
+                <uni-list-item title="票类状况">
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.invoiceTypeStatus" :inputBorder="false" placeholder="请输入票类状况" disabled />
+                    </template>
+                </uni-list-item>
+
+                <!-- 明细信息 -->
+                <ProductRel ref="productRel" mode="edit" :options="productList" :priced="form.priced" :list="productLineList" @change="onProductsChange" />
+            </uni-list>
+
+            <!-- 料质状况模块（明细下方） -->
+            <view class="material-condition-section">
+                <view class="section-header">
+                    <image class="opCollapse" src="/static/images/title.png" />
+                    <text class="section-title">料质状况</text>
+                </view>
+                <view class="section-content">
+                    <view class="form-row">
+                        <text class="form-label">是否启用料质状况</text>
+                        <view class="bool-btns">
+                            <view class="bool-btn" :class="{ active: form.materialConditionEnabled === true }" @click="form.materialConditionEnabled = true">是</view>
+                            <view class="bool-btn" :class="{ active: form.materialConditionEnabled === false }" @click="form.materialConditionEnabled = false">否</view>
+                        </view>
+                    </view>
+
+                    <template v-if="form.materialConditionEnabled">
+                        <view v-for="mc in materialConditionConfigs" :key="mc.field" class="material-group">
+                            <text class="material-label">{{ mc.label }}</text>
+                            <view class="tag-list">
+                                <view
+                                    v-for="opt in getDictOptions(mc.dictCode)"
+                                    :key="opt.code"
+                                    class="tag-btn"
+                                    :class="{ active: isTagSelected(mc.field, opt.code) }"
+                                    @click="toggleTag(mc.field, opt.code)"
+                                >
+                                    {{ opt.name }}
+                                </view>
+                            </view>
+                        </view>
+                    </template>
+                </view>
+            </view>
+
+            <!-- 备注模块 -->
+            <view class="remark-section">
+                <view class="section-header">
+                    <image class="opCollapse" src="/static/images/title.png" />
+                    <text class="section-title">备注</text>
+                </view>
+                <view class="section-content">
+                    <uni-easyinput v-model="form.remark" type="textarea" :inputBorder="false" placeholder="请输入备注" maxlength="2000" />
+                </view>
+            </view>
+
+            <view class="footer">
+                <button class="btn submit" type="primary" @click="onSubmit">保存</button>
+            </view>
+        </scroll-view>
+
+        <SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options"
+            v-model="sheet.value" @confirm="onSheetConfirm" />
+
+        <RelateSelectSheet :visible.sync="supplierSheet.visible" :title="supplierSheet.title"
+            :fetchFn="supplierSheet.fetchFn" :display-fields="supplierSheet.displayFields"
+            :multiple="false" row-key="id" :selectedKeys.sync="supplierSheet.selectedKeys"
+            @confirm="onSupplierConfirm" />
+    </view>
+</template>
+<script>
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import RelateSelectSheet from '@/components/relate-select/index.vue'
+import ProductRel from './productRel.vue'
+import { salesmanQuotationDetailApi, salesmanQuotationUpdateApi, breedRelationshipQueryApi } from '@/api/procure-manage/salesmanQuotation.js'
+import { domesticCustomerCreditQueryApi } from '@/api/procure-manage/domesticCustomerCredit.js'
+import { getDicByCodes } from '@/utils/dic.js'
+
+export default {
+    name: 'ModifySalesPrice',
+    components: { SingleSelectSheet, RelateSelectSheet, ProductRel },
+    data() {
+        return {
+            id: '',
+            form: {
+                code: '',
+                supplierId: '',
+                supplierName: '',
+                purchaseDepartmentName: '',
+                regionName: '',
+                validityPeriod: '',
+                quoterName: '',
+                longTermOperation: false,
+                terminalCustomer: false,
+                priced: true,
+                pricingDeadline: '',
+                otherExpenseSettlement: false,
+                deliveryMode: '',
+                commodityBuyout: false,
+                qualityBuyout: false,
+                quantityBuyout: false,
+                doorDelivery: false,
+                loadingFee: '',
+                invoiceProductName: '',
+                deliveryDate: '',
+                settlementMethod: '',
+                settlementRatio: '',
+                coordinationReason: '',
+                invoiceTypeStatus: '',
+                materialConditionEnabled: false,
+                materialConditionCopperRice: [],
+                materialConditionBrightCopper: [],
+                materialConditionFirstClass: [],
+                materialConditionSecondClass: [],
+                materialConditionTinCoated: [],
+                materialConditionScrap: [],
+                materialConditionWhiteYellow: [],
+                materialConditionPhosphorCopper: [],
+                remark: ''
+            },
+            productList: [],
+            productLineList: [],
+            sheet: { visible: false, title: '请选择', options: [], value: '', field: '' },
+            supplierSheet: {
+                visible: false,
+                title: '选择供应商',
+                fetchFn: null,
+                displayFields: [
+                    { label: '单位名称', field: 'unitName' },
+                    { label: '采购处', field: 'purchaseDepartmentName' },
+                    { label: '区域', field: 'regionName' }
+                ],
+                selectedKeys: []
+            },
+            materialConditionConfigs: [
+                { field: 'materialConditionCopperRice', label: '铜米', dictCode: 'COPPER_RICE' },
+                { field: 'materialConditionBrightCopper', label: '光亮铜', dictCode: 'BRIGHT_COPPER' },
+                { field: 'materialConditionFirstClass', label: '一特', dictCode: 'FIRST_CLASS' },
+                { field: 'materialConditionSecondClass', label: '二特', dictCode: 'SECOND_CLASS' },
+                { field: 'materialConditionTinCoated', label: '镀锡紫', dictCode: 'TIN_COATED' },
+                { field: 'materialConditionScrap', label: '角料', dictCode: 'SCRAP' },
+                { field: 'materialConditionWhiteYellow', label: '镀白黄', dictCode: 'WHITE_YELLOW' },
+                { field: 'materialConditionPhosphorCopper', label: '磷铜', dictCode: 'PHOSPHOR_COPPER' }
+            ],
+            dictData: {}
+        }
+    },
+    onLoad(query) {
+        this.id = (query && query.id) || ''
+        this.supplierSheet.fetchFn = this.fetchSuppliers.bind(this)
+        this.loadProducts()
+        this.loadDictData()
+        this.loadDetail()
+    },
+    methods: {
+        async loadDictData() {
+            try {
+                const codes = [...this.materialConditionConfigs.map(mc => mc.dictCode), 'DELIVERY_METHOD']
+                const res = await getDicByCodes(codes)
+                this.dictData = res || {}
+            } catch (e) {
+                this.dictData = {}
+            }
+        },
+        getDictOptions(dictCode) {
+            const data = this.dictData[dictCode]
+            return (data && data.data) ? data.data : []
+        },
+        isTagSelected(field, code) {
+            const selected = this.form[field]
+            return Array.isArray(selected) && selected.includes(code)
+        },
+        toggleTag(field, code) {
+            let selected = this.form[field]
+            if (!Array.isArray(selected)) {
+                selected = []
+            }
+            const index = selected.indexOf(code)
+            if (index > -1) {
+                selected.splice(index, 1)
+            } else {
+                selected.push(code)
+            }
+            this.$set(this.form, field, [...selected])
+        },
+        async loadProducts() {
+            try {
+                const res = await breedRelationshipQueryApi({ pageIndex: 1, pageSize: 9999 })
+                const _data = res && res.data ? res.data : {}
+                const list = _data.datas || _data.list || _data.records || []
+                this.productList = list.map(it => ({
+                    label: it.productName || it.name || '',
+                    value: it.productId || it.id || '',
+                    lossRate: it.fixedLossRate != null ? it.fixedLossRate : (it.lossRate != null ? it.lossRate : (it.attritionRate != null ? it.attritionRate : ''))
+                }))
+            } catch (e) {
+                this.productList = []
+            }
+        },
+        async loadDetail() {
+            if (!this.id) return
+            try {
+                const res = await salesmanQuotationDetailApi({ id: this.id })
+                const d = (res && res.data) ? res.data : {}
+                const materialFields = this.materialConditionConfigs.map(mc => mc.field)
+                materialFields.forEach(f => {
+                    const v = d[f]
+                    d[f] = (typeof v === 'string' && v) ? v.split(',').filter(Boolean) : (Array.isArray(v) ? v : [])
+                })
+                this.form = { ...this.form, ...d }
+                this.productLineList = Array.isArray(d.quotationLineList) ? d.quotationLineList : (Array.isArray(d.salesmanQuotationLineList) ? d.salesmanQuotationLineList : [])
+            } catch (e) {
+                uni.showToast({ title: '加载详情失败', icon: 'none' })
+            }
+        },
+        fetchSuppliers({ pageIndex, pageSize, extra }) {
+            const name = (extra && (extra.name || extra.keyword || extra.key)) || ''
+            const params = {
+                pageIndex,
+                pageSize,
+                available: true,
+                unitName: name,
+                status: 'PASS',
+                freeze: false
+            }
+            return domesticCustomerCreditQueryApi(params).then(res => {
+                const _data = res && res.data ? res.data : {}
+                const records = _data.datas || _data.list || _data.records || []
+                const totalCount = _data.totalCount || _data.count || 0
+                const hasNext = _data.hasNext || false
+                return { records, totalCount, hasNext }
+            }).catch(() => ({ records: [], totalCount: 0, hasNext: false }))
+        },
+        openSupplierSheet() {
+            this.supplierSheet.selectedKeys = this.form.supplierId ? [this.form.supplierId] : []
+            this.supplierSheet.visible = true
+        },
+        onSupplierConfirm({ items }) {
+            const first = (items && items.length > 0) ? items[0] : null
+            if (!first) return
+            this.form.supplierId = first.id || ''
+            this.form.supplierName = first.unitName || ''
+            this.form.purchaseDepartmentName = first.purchaseDepartmentName || ''
+            this.form.regionName = first.regionName || ''
+        },
+        boolText(v) {
+            if (typeof v !== 'boolean') return '请选择'
+            return v ? '是' : '否'
+        },
+        openSheet(field) {
+            const opts = [{ label: '是', value: true }, { label: '否', value: false }]
+            const cur = this.form[field]
+            const match = opts.find(o => o.value === cur)
+            const titleMap = {
+                longTermOperation: '是否长单操作',
+                terminalCustomer: '是否终端客户',
+                priced: '是否未点价',
+                otherExpenseSettlement: '其他费用凭票到厂另行结算',
+                commodityBuyout: '是否通货买断',
+                qualityBuyout: '是否质量买断',
+                quantityBuyout: '是否数量买断',
+                doorDelivery: '是否送货上门'
+            }
+            this.sheet = { visible: true, title: titleMap[field] || '请选择', options: opts, value: match ? match.value : '', field, isDict: false }
+        },
+        openDictSheet(field, dictCode, title) {
+            const raw = this.getDictOptions(dictCode) || []
+            const opts = raw.map(o => ({ label: o.name || o.label || '', value: o.code != null ? o.code : (o.value != null ? o.value : '') }))
+            const cur = this.form[field]
+            const match = opts.find(o => String(o.value) === String(cur))
+            this.sheet = { visible: true, title: title || '请选择', options: opts, value: match ? match.value : '', field, isDict: true }
+        },
+        getDeliveryMethodLabel() {
+            const opts = this.getDictOptions('DELIVERY_METHOD') || []
+            const m = opts.find(o => String(o.code != null ? o.code : o.value) === String(this.form.deliveryMode))
+            return m ? (m.name || m.label || '') : ''
+        },
+        onSheetConfirm({ value }) {
+            const field = this.sheet.field
+            if (!field) return
+            if (this.sheet.isDict) {
+                this.form[field] = value
+            } else {
+                this.form[field] = !!value
+                if (field === 'priced' && value === true) {
+                    this.form.pricingDeadline = ''
+                }
+            }
+        },
+        onRatioBlur() {
+            let v = parseFloat(this.form.settlementRatio)
+            if (isNaN(v)) v = ''
+            else v = Math.round(v * 100) / 100
+            this.form.settlementRatio = v
+        },
+        onProductsChange(products) {
+            this.productLineList = Array.isArray(products) ? products : []
+        },
+        validateRequired() {
+            const stringChecks = [
+                { key: 'code', msg: '请输入编号' },
+                { key: 'supplierId', msg: '请选择供应商' },
+                { key: 'validityPeriod', msg: '请输入报价时效' },
+                { key: 'deliveryMode', msg: '请选择交提货方式' },
+                { key: 'invoiceProductName', msg: '请输入开票品种' },
+                { key: 'deliveryDate', msg: '请选择交货日期' },
+                { key: 'settlementMethod', msg: '请输入结算方式' },
+                { key: 'settlementRatio', msg: '请输入结算比例' }
+            ]
+            for (const it of stringChecks) {
+                const val = this.form[it.key]
+                const empty = (val === undefined || val === null || (typeof val === 'string' && val.trim() === ''))
+                if (empty) { uni.showToast({ title: it.msg, icon: 'none' }); return false }
+            }
+            const boolChecks = [
+                { key: 'longTermOperation', msg: '请选择是否长单操作' },
+                { key: 'terminalCustomer', msg: '请选择是否终端客户' },
+                { key: 'priced', msg: '请选择是否未点价' },
+                { key: 'otherExpenseSettlement', msg: '请选择其他费用凭票到厂另行结算' },
+                { key: 'commodityBuyout', msg: '请选择是否通货买断' },
+                { key: 'qualityBuyout', msg: '请选择是否质量买断' },
+                { key: 'quantityBuyout', msg: '请选择是否数量买断' },
+                { key: 'doorDelivery', msg: '请选择是否送货上门' }
+            ]
+            for (const it of boolChecks) {
+                if (typeof this.form[it.key] !== 'boolean') {
+                    uni.showToast({ title: it.msg, icon: 'none' })
+                    return false
+                }
+            }
+            if (this.form.priced === false && !this.form.pricingDeadline) {
+                uni.showToast({ title: '请选择点价截止日期', icon: 'none' })
+                return false
+            }
+            const list = Array.isArray(this.productLineList) ? this.productLineList : []
+            if (list.length === 0) {
+                uni.showToast({ title: '请添加产品明细', icon: 'none' })
+                return false
+            }
+            if (this.$refs.productRel && !this.$refs.productRel.validate(this.form.priced)) return false
+            return true
+        },
+        async onSubmit() {
+            if (!this.validateRequired()) return
+            const confirmRes = await new Promise(resolve => {
+                uni.showModal({ title: '提示', content: '确定保存修改吗？', confirmText: '确定', cancelText: '取消', success: resolve })
+            })
+            if (!(confirmRes && confirmRes.confirm)) return
+            const clean = (obj) => {
+                const out = {}
+                Object.keys(obj || {}).forEach(k => {
+                    const v = obj[k]
+                    const isEmptyString = typeof v === 'string' && v.trim() === ''
+                    const isUndef = v === undefined || v === null
+                    const isNaNNumber = typeof v === 'number' && isNaN(v)
+                    if (!(isEmptyString || isUndef || isNaNNumber)) out[k] = v
+                })
+                return out
+            }
+            const lines = (this.productLineList || []).map(it => clean(it))
+            const materialFields = this.materialConditionConfigs.map(mc => mc.field)
+            const formCopy = { ...this.form }
+            materialFields.forEach(f => {
+                const arr = formCopy[f]
+                formCopy[f] = Array.isArray(arr) ? arr.join(',') : (arr || '')
+            })
+            const payload = clean({
+                ...formCopy,
+                id: this.id,
+                quotationLineList: lines
+            })
+            try {
+                await salesmanQuotationUpdateApi(payload)
+                uni.showToast({ title: '保存成功', icon: 'none' })
+                try { uni.setStorageSync('SALES_PRICE_LIST_NEED_REFRESH', '1') } catch (e) {}
+                setTimeout(() => { uni.redirectTo({ url: '/pages/sales-price/index' }) }, 400)
+            } catch (e) {
+                uni.showToast({ title: e.msg || '保存失败', icon: 'none' })
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.scroll {
+    flex: 1;
+    padding: 12rpx 0 392rpx !important;
+}
+
+.footer {
+    z-index: 2;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 32rpx;
+    padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+    background: #fff;
+    box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+
+    .btn {
+        height: 80rpx;
+        line-height: 80rpx;
+        border-radius: 12rpx;
+        font-size: 32rpx;
+    }
+
+    .submit {
+        background: $theme-primary;
+        color: #fff;
+    }
+}
+
+::v-deep .uni-list {
+    .uni-easyinput {
+        display: flex;
+
+        .uni-input-input {
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+
+    .uni-input-placeholder {
+        z-index: 1;
+    }
+
+    .uni-input-input {
+        background-color: #ffffff;
+    }
+
+    background: transparent;
+
+    &-item {
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__container {
+            padding: 32rpx;
+
+            .uni-easyinput {
+                &__placeholder-class {
+                    font-size: 32rpx;
+                    color: rgba(0, 0, 0, 0.4);
+                }
+
+                &__content {
+                    border: none;
+                    background-color: #ffffff !important;
+
+                    &-input {
+                        padding-left: 0 !important;
+                        height: 48rpx;
+                        line-height: 48rpx;
+                        font-size: 32rpx;
+                    }
+
+                    .content-clear-icon {
+                        font-size: 44rpx !important;
+                    }
+                }
+            }
+
+            .item-title,
+            .uni-list-item__content {
+                flex: none;
+                min-height: 48rpx;
+                line-height: 48rpx;
+                font-size: 32rpx;
+                position: relative;
+                width: 240rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+        }
+
+        &.select-item {
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+
+            .serial-number-row {
+                display: flex;
+                align-items: center;
+
+                .generate-btn {
+                    margin-left: 24rpx;
+                    height: 48rpx;
+                    line-height: 48rpx;
+                    padding: 0 24rpx;
+                    font-size: 24rpx;
+                    border-radius: 8rpx;
+                    background: $theme-primary;
+                    color: #fff;
+                }
+            }
+        }
+    }
+}
+
+.readonly-text {
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 32rpx;
+    line-height: 48rpx;
+    text-align: right;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+
+.value-code {
+    width: 260rpx;
+    text-align: left;
+}
+
+.material-condition-section,
+.remark-section {
+    margin-top: 20rpx;
+    background: #fff;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    padding: 24rpx 32rpx;
+    border-bottom: 1rpx solid #f0f0f0;
+}
+
+.section-title {
+    font-size: 32rpx;
+    color: rgba(0, 0, 0, 0.9);
+    font-weight: 600;
+}
+
+.opCollapse {
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+    margin-top: 8rpx;
+}
+
+.section-content {
+    padding: 32rpx;
+}
+
+.form-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 24rpx;
+}
+
+.form-row:last-child {
+    margin-bottom: 0;
+}
+
+.form-label {
+    font-size: 32rpx;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.bool-btns {
+    display: flex;
+    gap: 20rpx;
+}
+
+.bool-btn {
+    padding: 12rpx 40rpx;
+    border: 1rpx solid #ddd;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #666;
+    background: #fff;
+}
+
+.bool-btn.active {
+    background: $theme-primary;
+    border-color: $theme-primary;
+    color: #fff;
+}
+
+.material-group {
+    margin-top: 32rpx;
+}
+
+.material-label {
+    display: block;
+    font-size: 30rpx;
+    color: rgba(0, 0, 0, 0.9);
+    margin-bottom: 20rpx;
+}
+
+.tag-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16rpx;
+}
+
+.tag-btn {
+    padding: 12rpx 24rpx;
+    border: 1rpx solid #ddd;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #666;
+    background: #fff;
+}
+
+.tag-btn.active {
+    background: $theme-primary;
+    border-color: $theme-primary;
+    color: #fff;
+}
+
+::v-deep .uni-easyinput {
+    width: 100%;
+
+    &__content {
+        background: #f8f8f8 !important;
+        border-radius: 8rpx;
+
+        &-input {
+            font-size: 30rpx;
+        }
+    }
+}
+</style>

+<template>
+    <view class="product-rel">
+        <view class="header">
+            <image class="opCollapse" src="/static/images/title.png" />
+            <text class="title">明细信息</text>
+            <view class="ops">
+                <image v-if="mode === 'add' || mode === 'edit'" class="opAdd" @click="onAdd" src="/static/images/plus.png" />
+                <view v-if="mode === 'view'" class="op1" @click="toggleViewCollapse">
+                    <image class="opAdd" :src="collapsedView ? '/static/images/down.png' : '/static/images/up.png'" />
+                    <text class="op">{{ collapsedView ? '展开' : '收起' }}</text>
+                </view>
+            </view>
+        </view>
+
+        <view v-if="mode === 'add' || mode === 'edit'" class="add-list">
+            <view v-for="(item, idx) in items" :key="item._key || idx" class="block">
+                <uni-list v-show="!item.collapsed">
+                    <uni-list-item class="select-item" :class="item.productName ? 'is-filled' : 'is-empty'" clickable @click="openProductSheet(idx)" :rightText="item.productName || '请选择品种'" showArrow>
+                        <template v-slot:body>
+                            <view class="item-title"><text class="required">*</text><text>品种</text></view>
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="料型">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.materialType" :inputBorder="false" placeholder="请输入料型" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="数量（吨）">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.quantity" type="digit" :inputBorder="false" placeholder="请输入数量" @input="onNonNegativeInput(idx, 'quantity')" @blur="onNonNegativeBlur(idx, 'quantity', 1)" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="采购价">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.purchasePrice" type="digit" :inputBorder="false" placeholder="请输入采购价" @input="onNonNegativeInput(idx, 'purchasePrice')" @blur="onNonNegativeBlur(idx, 'purchasePrice', 2)" @change="recalcEstimatedLoss(idx)" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="买断料预计损耗">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.estimatedLoss" type="digit" :inputBorder="false" disabled placeholder="" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="申请损耗(%)">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.applicationAttrition" type="digit" :inputBorder="false" placeholder="请输入申请损耗" @input="onNonNegativeInput(idx, 'applicationAttrition')" @blur="onNonNegativeBlur(idx, 'applicationAttrition', 2)" @change="recalcEstimatedLoss(idx)" />
+                        </template>
+                    </uni-list-item>
+                </uni-list>
+                <uni-list v-show="item.collapsed">
+                    <uni-list-item class="select-item" :class="item.productName ? 'is-filled' : 'is-empty'" clickable @click="openProductSheet(idx)" :rightText="item.productName || '请选择品种'" showArrow>
+                        <template v-slot:body>
+                            <view class="item-title"><text class="required">*</text><text>品种</text></view>
+                        </template>
+                    </uni-list-item>
+                </uni-list>
+                <view class="block-ops">
+                    <div class="del" @click="onRemove(idx)">
+                        <image src="/static/images/delete.png" class="icon" />
+                        删除
+                    </div>
+                    <div class="toggle" @click="toggleItem(idx)">
+                        <image :src="item.collapsed ? '/static/images/up.png' : '/static/images/down.png'" class="icon" />
+                        {{ item.collapsed ? '展开' : '收起' }}</div>
+                </view>
+            </view>
+        </view>
+
+        <view v-else class="view-list" v-show="!collapsedView">
+            <view v-for="(item, idx) in items" :key="'v-' + (item._key || idx)" class="card">
+                <view class="row"><text class="label">品种</text><text class="value">{{ item.productName }}</text></view>
+                <view class="row"><text class="label">料型</text><text class="value">{{ item.materialType }}</text></view>
+                <view class="row"><text class="label">数量（吨）</text><text class="value">{{ item.quantity }}</text></view>
+                <view class="row"><text class="label">采购价</text><text class="value">{{ item.purchasePrice }}</text></view>
+                <view class="row"><text class="label">买断料预计损耗</text><text class="value">{{ item.estimatedLoss }}</text></view>
+                <view class="row"><text class="label">申请损耗(%)</text><text class="value">{{ item.applicationAttrition }}</text></view>
+            </view>
+        </view>
+
+        <SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options" v-model="sheet.value" @confirm="onProductConfirm" />
+    </view>
+</template>
+<script>
+import SingleSelectSheet from '@/components/single-select/index.vue'
+
+export default {
+    name: 'SalesPriceProductRel',
+    props: {
+        mode: { type: String, default: 'add' },
+        list: { type: Array, default: () => [] },
+        max: { type: Number, default: 50 },
+        options: { type: Array, default: () => [] },
+        priced: { type: Boolean, default: true }
+    },
+    components: { SingleSelectSheet },
+    data() {
+        return {
+            items: [],
+            collapsedView: false,
+            sheet: { visible: false, title: '请选择', options: [], value: '', idx: -1 },
+            _initialized: false
+        }
+    },
+    computed: {
+        selectOptions() {
+            const list = Array.isArray(this.options) ? this.options : []
+            return list.map(o => ({
+                label: o.label != null ? o.label : (o.name != null ? o.name : ''),
+                value: o.value != null ? o.value : (o.id != null ? o.id : o.productId)
+            }))
+        }
+    },
+    watch: {
+        items: {
+            handler() { this.emitChange() },
+            deep: true
+        },
+        list: {
+            handler(v) {
+                if (!v || !v.length) return
+                this._initialized = false
+                this.initItems()
+                this.$nextTick(() => { this._initialized = true })
+            }
+        }
+    },
+    created() {
+        this.initItems()
+        this.$nextTick(() => { this._initialized = true })
+    },
+    methods: {
+        initItems() {
+            const src = Array.isArray(this.list) && this.list.length > 0 ? this.list : []
+            if (!src.length) {
+                this.items = [{ ...this.defaultItem(), _key: this.newKey(), collapsed: false }]
+                return
+            }
+            const existing = this.items || []
+            const existingMap = {}
+            existing.forEach(it => {
+                if (it.itemId) existingMap[it.itemId] = it
+            })
+            this.items = src.map((x, i) => {
+                const key = x && x.itemId ? x.itemId : (x && x._key ? x._key : this.newKey())
+                const old = existingMap[key]
+                return {
+                    ...this.defaultItem(),
+                    ...x,
+                    _key: key,
+                    itemId: x && x.itemId ? x.itemId : key,
+                    collapsed: old ? old.collapsed : true
+                }
+            })
+        },
+        newKey() {
+            return `${Date.now()}-${Math.random().toString(16).slice(2)}`
+        },
+        defaultItem() {
+            return {
+                productId: '',
+                productName: '',
+                materialType: '',
+                quantity: '',
+                purchasePrice: '',
+                estimatedLoss: '',
+                applicationAttrition: '',
+                attritionRate: ''
+            }
+        },
+        onNonNegativeInput(idx, field) {
+            const it = this.items[idx]
+            if (!it) return
+            let v = String(it[field] != null ? it[field] : '')
+            v = v.replace(/[^0-9.]/g, '')
+            v = v.replace(/(\..*)\./g, '$1')
+            it[field] = v
+            this.$set(this.items, idx, it)
+            if (field === 'applicationAttrition' || field === 'purchasePrice') {
+                this.recalcEstimatedLoss(idx)
+            }
+        },
+        onNonNegativeBlur(idx, field, digits) {
+            const it = this.items[idx]
+            if (!it) return
+            let raw = it[field]
+            if (raw === '' || raw === null || raw === undefined) {
+                this.$set(this.items, idx, it)
+                return
+            }
+            let val = parseFloat(raw)
+            if (isNaN(val)) val = 0
+            const m = Math.pow(10, digits)
+            const rounded = Math.round(val * m) / m
+            it[field] = rounded
+            this.$set(this.items, idx, it)
+            if (field === 'applicationAttrition' || field === 'purchasePrice') {
+                this.recalcEstimatedLoss(idx)
+            }
+        },
+        recalcEstimatedLoss(idx) {
+            const it = this.items[idx]
+            if (!it) return
+            const price = parseFloat(it.purchasePrice)
+            if (isNaN(price) || price === 0) {
+                it.estimatedLoss = ''
+                this.$set(this.items, idx, it)
+                return
+            }
+            const app = it.applicationAttrition
+            const appNum = parseFloat(app)
+            if (app !== '' && app != null && !isNaN(appNum)) {
+                it.estimatedLoss = Math.round(price * appNum / 100 * 100) / 100
+            } else {
+                const opt = (this.options || []).find(o => String(o.value) === String(it.productId))
+                const rate = opt ? (opt.lossRate != null ? opt.lossRate : opt.fixedLossRate) : null
+                const rateNum = parseFloat(rate)
+                if (!isNaN(rateNum)) {
+                    it.estimatedLoss = Math.round(price * rateNum / 100 * 100) / 100
+                } else {
+                    it.estimatedLoss = ''
+                }
+            }
+            this.$set(this.items, idx, it)
+        },
+        onAdd() {
+            if (this.items.length >= this.max) {
+                uni.showToast({ title: `最多${this.max}条明细`, icon: 'none' })
+                return
+            }
+            this.items.push({ ...this.defaultItem(), _key: this.newKey(), collapsed: false })
+        },
+        onRemove(idx) {
+            this.items.splice(idx, 1)
+            if (this.items.length === 0) {
+                this.items.push({ ...this.defaultItem(), _key: this.newKey(), collapsed: false })
+            }
+        },
+        toggleItem(idx) {
+            const it = this.items[idx]
+            if (!it) return
+            this.$set(it, 'collapsed', !it.collapsed)
+        },
+        toggleViewCollapse() {
+            this.collapsedView = !this.collapsedView
+        },
+        openProductSheet(idx) {
+            const opts = this.selectOptions
+            const cur = this.items[idx] && this.items[idx].productId
+            const match = opts.find(o => String(o.value) === String(cur))
+            this.sheet = { visible: true, title: '请选择品种', options: opts, value: match ? match.value : '', idx }
+        },
+        onProductConfirm({ value, label }) {
+            const idx = this.sheet.idx
+            if (idx < 0 || !this.items[idx]) return
+            const it = this.items[idx]
+            this.$set(it, 'productId', value)
+            this.$set(it, 'productName', label)
+            const opt = (this.options || []).find(o => String(o.value != null ? o.value : (o.id != null ? o.id : o.productId)) === String(value))
+            const rate = opt ? (opt.lossRate != null ? opt.lossRate : opt.fixedLossRate) : ''
+            this.$set(it, 'attritionRate', rate != null ? rate : '')
+            this.recalcEstimatedLoss(idx)
+        },
+        emitChange() {
+            if (!this._initialized) return
+            const list = (this.items || []).map(it => {
+                const c = { ...it }
+                const key = c._key
+                delete c._key
+                delete c.collapsed
+                delete c._selected
+                if (!c.itemId) c.itemId = key
+                return c
+            })
+            this.$emit('change', list)
+        },
+        validate(priced) {
+            const list = this.items || []
+            for (let i = 0; i < list.length; i++) {
+                const it = list[i]
+                if (!it.productId) {
+                    uni.showToast({ title: `第${i + 1}条明细：请选择品种`, icon: 'none' })
+                    return false
+                }
+                if (priced === false && (it.purchasePrice === '' || it.purchasePrice == null)) {
+                    uni.showToast({ title: `第${i + 1}条明细：未点价为否时采购价必填`, icon: 'none' })
+                    return false
+                }
+            }
+            return true
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.product-rel {
+    margin-top: 20rpx;
+    background: #fff;
+}
+
+.header {
+    display: flex;
+    align-items: center;
+    padding: 24rpx 32rpx;
+    border-bottom: 1rpx solid #f0f0f0;
+}
+
+.dot {
+    width: 16rpx;
+    height: 16rpx;
+    background: #3D48A3;
+    border-radius: 50%;
+    margin-right: 12rpx;
+}
+
+.title {
+    font-size: 32rpx;
+    color: rgba(0, 0, 0, 0.9);
+    font-weight: 600;
+}
+
+.ops {
+    margin-left: auto;
+}
+
+.op {
+    color: $theme-primary;
+    font-size: 28rpx;
+    margin-left: 8rpx;
+}
+
+.op1 {
+    display: flex;
+    align-items: center;
+}
+
+.opAdd {
+    color: rgba(0, 0, 0, 0.6);
+    width: 40rpx;
+    height: 40rpx;
+}
+
+.opCollapse {
+    color: rgba(0, 0, 0, 0.6);
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+    margin-top: 8rpx;
+}
+
+.block {
+    background: #fff;
+    margin-bottom: 20rpx;
+}
+
+::v-deep .uni-list-item__content {
+    display: flex;
+    justify-content: center;
+}
+
+::v-deep .uni-list {
+    background: transparent;
+
+    &-item {
+        &__container {
+            padding: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 28rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        .uni-easyinput {
+            width: 100%;
+
+            &__placeholder-class {
+                font-size: 32rpx;
+                color: rgba(0, 0, 0, 0.4);
+            }
+
+            &__content {
+                border: none;
+                display: flex;
+
+                &-input {
+                    padding-left: 0 !important;
+                    height: 48rpx;
+                    line-height: 48rpx;
+                    font-size: 32rpx;
+                }
+            }
+        }
+    }
+}
+
+.block-ops {
+    display: flex;
+    padding: 20rpx 32rpx 20rpx;
+    justify-content: space-around;
+}
+
+.del {
+    color: #D54941;
+    font-size: 28rpx;
+    display: flex;
+    align-items: center;
+
+    image {
+        width: 40rpx;
+        height: 40rpx;
+    }
+}
+
+.toggle {
+    color: $theme-primary;
+    font-size: 28rpx;
+    display: flex;
+    align-items: center;
+
+    image {
+        width: 40rpx;
+        height: 40rpx;
+    }
+}
+
+.view-list {
+    padding: 24rpx 32rpx;
+    background: #ffffff;
+}
+
+.card {
+    background: #f3f3f3;
+    border-radius: 16rpx;
+    padding: 24rpx;
+    margin-bottom: 20rpx;
+}
+
+.row {
+    display: flex;
+    margin-bottom: 20rpx;
+}
+
+.row:last-child {
+    margin-bottom: 0;
+}
+
+.label {
+    width: 240rpx;
+    color: rgba(0, 0, 0, 0.6);
+    font-size: 28rpx;
+}
+
+.value {
+    flex: 1;
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 28rpx;
+}
+
+.item-title {
+    position: relative;
+    width: 210rpx;
+    margin-right: 32rpx;
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 32rpx;
+    min-height: 48rpx;
+    line-height: 48rpx;
+
+    .required {
+        color: red;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        left: -16rpx;
+    }
+}
+</style>

+<template>
+    <view class="detail-page">
+        <scroll-view class="scroll" scroll-y>
+            <!-- 基础信息 -->
+            <view class="section">
+                <text class="row company">{{ safeText(form.code) }}</text>
+                <view class="row"><text class="label">供应商名称</text><text class="value">{{ safeText(form.supplierName) }}</text></view>
+                <view class="row"><text class="label">采购处</text><text class="value">{{ safeText(form.purchaseDepartmentName) }}</text></view>
+                <view class="row"><text class="label">区域</text><text class="value">{{ safeText(form.regionName) }}</text></view>
+                <view class="row"><text class="label">报价时效</text><text class="value">{{ safeText(form.validityPeriod) }}</text></view>
+                <view class="row"><text class="label">报价人</text><text class="value">{{ safeText(form.quoterName) }}</text></view>
+                <view class="row"><text class="label">是否长单操作</text><text class="value">{{ boolText(form.longTermOperation) }}</text></view>
+                <view class="row"><text class="label">是否终端客户</text><text class="value">{{ boolText(form.terminalCustomer) }}</text></view>
+                <view class="row"><text class="label">是否未点价</text><text class="value">{{ boolText(form.priced) }}</text></view>
+                <view v-if="form.priced === false" class="row"><text class="label">点价截止日期</text><text class="value">{{ formatDateOnly(form.pricingDeadline) }}</text></view>
+                <view class="row"><text class="label">其他费用凭票到厂另行结算</text><text class="value">{{ boolText(form.otherExpenseSettlement) }}</text></view>
+                <view class="row"><text class="label">交提货方式</text><text class="value">{{ getDeliveryMethodLabel() }}</text></view>
+                <view class="row"><text class="label">是否通货买断</text><text class="value">{{ boolText(form.commodityBuyout) }}</text></view>
+                <view class="row"><text class="label">是否质量买断</text><text class="value">{{ boolText(form.qualityBuyout) }}</text></view>
+                <view class="row"><text class="label">是否数量买断</text><text class="value">{{ boolText(form.quantityBuyout) }}</text></view>
+                <view class="row"><text class="label">是否送货上门</text><text class="value">{{ boolText(form.doorDelivery) }}</text></view>
+                <view class="row"><text class="label">装车费</text><text class="value">{{ safeText(form.loadingFee) }}</text></view>
+                <view class="row"><text class="label">开票品种</text><text class="value">{{ safeText(form.invoiceProductName) }}</text></view>
+                <view class="row"><text class="label">交货日期</text><text class="value">{{ formatDateOnly(form.deliveryDate) }}</text></view>
+                <view class="row"><text class="label">结算方式</text><text class="value">{{ safeText(form.settlementMethod) }}</text></view>
+                <view class="row"><text class="label">结算比例(%)</text><text class="value">{{ safeText(form.settlementRatio) }}</text></view>
+                <view class="row"><text class="label">协调事由</text><text class="value">{{ safeText(form.coordinationReason) }}</text></view>
+                <view class="row"><text class="label">票类状况</text><text class="value">{{ safeText(form.invoiceTypeStatus) }}</text></view>
+            </view>
+
+            <!-- 明细信息 -->
+            <ProductRel mode="view" :list="productLineList" />
+
+            <!-- 料质状况 -->
+            <view class="title-header">
+                <image class="title-header_icon" src="/static/images/title.png" />
+                <span>料质状况</span>
+            </view>
+            <view class="section">
+                <view class="row"><text class="label">是否启用料质状况</text><text class="value">{{ boolText(form.materialConditionEnabled) }}</text></view>
+                <template v-if="form.materialConditionEnabled">
+                    <view v-for="mc in materialConditionConfigs" :key="mc.field" class="material-group">
+                        <text class="material-label">{{ mc.label }}</text>
+                        <view class="tag-list">
+                            <view
+                                v-for="opt in getDictOptions(mc.dictCode)"
+                                :key="opt.code"
+                                class="tag-btn"
+                                :class="{ active: isTagSelected(mc.field, opt.code) }"
+                            >{{ opt.name }}</view>
+                        </view>
+                    </view>
+                </template>
+            </view>
+
+            <!-- 备注 -->
+            <view class="title-header">
+                <image class="title-header_icon" src="/static/images/title.png" />
+                <span>备注</span>
+            </view>
+            <view class="section">
+                <text class="remark-text">{{ safeText(form.remark) }}</text>
+            </view>
+        </scroll-view>
+    </view>
+</template>
+<script>
+import ProductRel from './productRel.vue'
+import { salesmanQuotationDetailApi } from '@/api/procure-manage/salesmanQuotation.js'
+import { getDicByCodes } from '@/utils/dic.js'
+
+export default {
+    name: 'SalesmanQuotationViewer',
+    components: { ProductRel },
+    props: { id: { type: [String, Number], default: '' } },
+    data() {
+        return {
+            form: {},
+            productLineList: [],
+            materialConditionConfigs: [
+                { field: 'materialConditionCopperRice', label: '铜米', dictCode: 'COPPER_RICE' },
+                { field: 'materialConditionBrightCopper', label: '光亮铜', dictCode: 'BRIGHT_COPPER' },
+                { field: 'materialConditionFirstClass', label: '一特', dictCode: 'FIRST_CLASS' },
+                { field: 'materialConditionSecondClass', label: '二特', dictCode: 'SECOND_CLASS' },
+                { field: 'materialConditionTinCoated', label: '镀锡紫', dictCode: 'TIN_COATED' },
+                { field: 'materialConditionScrap', label: '角料', dictCode: 'SCRAP' },
+                { field: 'materialConditionWhiteYellow', label: '镀白黄', dictCode: 'WHITE_YELLOW' },
+                { field: 'materialConditionPhosphorCopper', label: '磷铜', dictCode: 'PHOSPHOR_COPPER' }
+            ],
+            dictData: {}
+        }
+    },
+    created() {
+        this.loadDictData()
+    },
+    watch: {
+        id: {
+            immediate: true,
+            handler(val) {
+                const v = (val !== undefined && val !== null) ? String(val) : ''
+                if (v) this.loadDetail(v)
+            }
+        }
+    },
+    methods: {
+        async loadDictData() {
+            try {
+                const codes = [...this.materialConditionConfigs.map(mc => mc.dictCode), 'DELIVERY_METHOD']
+                const res = await getDicByCodes(codes)
+                this.dictData = res || {}
+            } catch (e) {
+                this.dictData = {}
+            }
+        },
+        getDictOptions(dictCode) {
+            const data = this.dictData[dictCode]
+            return (data && data.data) ? data.data : []
+        },
+        isTagSelected(field, code) {
+            const selected = this.form[field]
+            return Array.isArray(selected) && selected.includes(code)
+        },
+        boolText(v) {
+            if (typeof v !== 'boolean') return '-'
+            return v ? '是' : '否'
+        },
+        getDeliveryMethodLabel() {
+            const opts = this.getDictOptions('DELIVERY_METHOD') || []
+            const m = opts.find(o => String(o.code != null ? o.code : o.value) === String(this.form.deliveryMode))
+            return m ? (m.name || m.label || '-') : '-'
+        },
+        formatDateOnly(v) {
+            const s = v == null ? '' : String(v).trim()
+            if (!s) return '-'
+            if (s.length >= 10) return s.slice(0, 10)
+            return s
+        },
+        safeText(v) {
+            const s = v == null ? '' : String(v)
+            return s.trim() ? s : '-'
+        },
+        async loadDetail(id) {
+            // 审核详情接口不可用时回退到普通详情接口
+            try {
+                const res = await salesmanQuotationDetailApi({ id })
+                const d = (res && res.data) ? res.data : {}
+                const materialFields = this.materialConditionConfigs.map(mc => mc.field)
+                materialFields.forEach(f => {
+                    const v = d[f]
+                    d[f] = (typeof v === 'string' && v) ? v.split(',').filter(Boolean) : (Array.isArray(v) ? v : [])
+                })
+                this.form = d
+                this.productLineList = Array.isArray(d.quotationLineList) ? d.quotationLineList : (Array.isArray(d.salesmanQuotationLineList) ? d.salesmanQuotationLineList : [])
+            } catch (err) {
+                this.form = {}
+                this.productLineList = []
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.detail-page {
+    background: #f3f3f3;
+}
+
+.scroll {
+    flex: 1;
+    padding: 8rpx 0 144rpx;
+}
+
+.title-header {
+    display: flex;
+    align-items: center;
+    padding: 24rpx 32rpx 12rpx;
+    background-color: #ffffff;
+
+    .title-header_icon {
+        width: 36rpx;
+        height: 36rpx;
+        margin-right: 12rpx;
+    }
+
+    span {
+        font-size: 34rpx;
+        font-weight: 600;
+        color: rgba(0, 0, 0, 0.9);
+    }
+}
+
+.section {
+    padding: 32rpx;
+    background: #fff;
+    margin-bottom: 20rpx;
+}
+
+.row {
+    display: flex;
+    margin-bottom: 28rpx;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+
+    &.company {
+        font-size: 36rpx;
+        font-weight: 600;
+        color: rgba(0, 0, 0, 0.9);
+        padding-top: 8rpx;
+        line-height: 50rpx;
+    }
+
+    .label {
+        max-width: 420rpx;
+        margin-right: 20rpx;
+        line-height: 32rpx;
+        font-size: 28rpx;
+        color: rgba(0, 0, 0, 0.6);
+    }
+
+    .value {
+        flex: 1;
+        line-height: 32rpx;
+        font-size: 28rpx;
+        color: rgba(0, 0, 0, 0.9);
+        text-align: right;
+        word-break: break-all;
+    }
+}
+
+.material-group {
+    margin-top: 32rpx;
+
+    &:first-child {
+        margin-top: 0;
+    }
+}
+
+.material-label {
+    display: block;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.6);
+    margin-bottom: 20rpx;
+}
+
+.tag-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16rpx;
+}
+
+.tag-btn {
+    padding: 12rpx 24rpx;
+    border: 1rpx solid #ddd;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #999;
+    background: #f5f5f5;
+}
+
+.tag-btn.active {
+    background: $theme-primary;
+    border-color: $theme-primary;
+    color: #fff;
+}
+
+.remark-text {
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.9);
+    line-height: 1.6;
+    white-space: pre-wrap;
+}
+</style>

+<template>
+    <view class="page">
+        <scroll-view class="scroll" scroll-y>
+            <uni-list>
+                <!-- 项目名称 -->
+                <uni-list-item class="select-item" :class="form.name ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>项目名称</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.name" :inputBorder="false" placeholder="请输入项目名称" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 品种 -->
+                <uni-list-item class="select-item" :class="form.productId ? 'is-filled' : 'is-empty'" clickable
+                    @click="openProductSheet" :rightText="form.productName || '请选择品种'" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>品种</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 数量 -->
+                <uni-list-item class="select-item" :class="form.quantity !== '' && form.quantity != null ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>数量（吨）</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.quantity" type="digit" :inputBorder="false" placeholder="请输入数量" @blur="onQuantityBlur" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 开始时间 -->
+                <uni-list-item class="select-item" :class="form.startTime ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>开始时间</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="datetime" v-model="form.startTime" :hide-second="true" :clear-icon="false" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 截止时间 -->
+                <uni-list-item class="select-item" :class="form.endTime ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>截止时间</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="datetime" v-model="form.endTime" :hide-second="true" :clear-icon="false" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 项目类型 -->
+                <uni-list-item class="select-item" :class="form.projectType ? 'is-filled' : 'is-empty'" clickable
+                    @click="openDictSheet('projectType', 'PROJECT_TYPE', '项目类型')" :rightText="getProjectTypeLabel() || '请选择项目类型'" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>项目类型</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 开标时间 - 仅项目类型为集中开标时显示 -->
+                <uni-list-item v-if="isConcentratedBid" class="select-item" :class="form.bidTime ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>开标时间</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="datetime" v-model="form.bidTime" :hide-second="true" :clear-icon="false" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 采购规则 -->
+                <uni-list-item class="select-item textarea-item" :class="form.purchaseRule ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>采购规则</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput type="textarea" v-model="form.purchaseRule" :inputBorder="false"
+                            placeholder="请输入采购规则" :autoHeight="true" />
+                    </template>
+                </uni-list-item>
+            </uni-list>
+        </scroll-view>
+
+        <view class="footer">
+            <button class="btn submit" @click="onSubmit">提交</button>
+        </view>
+
+        <SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options"
+            v-model="sheet.value" @confirm="onSheetConfirm" />
+    </view>
+</template>
+
+<script>
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import { supplierQuotationProjectSaveApi } from '@/api/procure-manage/supplierQuotationProject.js'
+import { breedRelationshipQueryApi } from '@/api/procure-manage/salesmanQuotation.js'
+import { getDicByCodes } from '@/utils/dic.js'
+
+export default {
+    name: 'AddSupplierPrice',
+    components: { SingleSelectSheet },
+    data() {
+        return {
+            form: {
+                name: '',
+                productId: '',
+                productName: '',
+                quantity: '',
+                startTime: '',
+                endTime: '',
+                projectType: '',
+                bidTime: '',
+                purchaseRule: ''
+            },
+            productList: [],
+            dictData: {},
+            sheet: {
+                visible: false,
+                title: '',
+                options: [],
+                value: '',
+                field: '',
+                isDict: false
+            }
+        }
+    },
+    computed: {
+        isConcentratedBid() {
+            // 项目类型为"集中开标"时显示开标时间
+            const opts = this.getDictOptions('PROJECT_TYPE') || []
+            const m = opts.find(o => String(o.code != null ? o.code : o.value) === String(this.form.projectType))
+            const label = m ? (m.name || m.label || '') : ''
+            return label.indexOf('集中开标') > -1
+        }
+    },
+    onLoad() {
+        this.loadDictData()
+        this.loadProducts()
+    },
+    methods: {
+        async loadDictData() {
+            try {
+                const res = await getDicByCodes(['PROJECT_TYPE'])
+                this.dictData = res || {}
+            } catch (e) {
+                this.dictData = {}
+            }
+        },
+        getDictOptions(dictCode) {
+            const data = this.dictData[dictCode]
+            return (data && data.data) ? data.data : (Array.isArray(data) ? data : [])
+        },
+        async loadProducts() {
+            try {
+                const res = await breedRelationshipQueryApi({ pageIndex: 1, pageSize: 9999 })
+                const _data = res && res.data ? res.data : {}
+                const list = _data.datas || _data.list || _data.records || []
+                this.productList = list.map(it => ({
+                    label: it.productName || it.name || '',
+                    value: it.productId || it.id || ''
+                }))
+            } catch (e) {
+                this.productList = []
+            }
+        },
+        getProjectTypeLabel() {
+            const opts = this.getDictOptions('PROJECT_TYPE') || []
+            const m = opts.find(o => String(o.code != null ? o.code : o.value) === String(this.form.projectType))
+            return m ? (m.name || m.label || '') : ''
+        },
+        openProductSheet() {
+            const opts = (this.productList || []).map(p => ({ label: p.label, value: p.value }))
+            const cur = this.form.productId
+            const match = opts.find(o => String(o.value) === String(cur))
+            this.sheet = {
+                visible: true,
+                title: '请选择品种',
+                options: opts,
+                value: match ? match.value : '',
+                field: 'productId',
+                isDict: false
+            }
+        },
+        openDictSheet(field, dictCode, title) {
+            const raw = this.getDictOptions(dictCode) || []
+            const opts = raw.map(o => ({ label: o.name || o.label || '', value: o.code != null ? o.code : (o.value != null ? o.value : '') }))
+            const cur = this.form[field]
+            const match = opts.find(o => String(o.value) === String(cur))
+            this.sheet = {
+                visible: true,
+                title: title || '请选择',
+                options: opts,
+                value: match ? match.value : '',
+                field,
+                isDict: true
+            }
+        },
+        onSheetConfirm({ value }) {
+            const field = this.sheet.field
+            if (!field) return
+            this.form[field] = value
+            if (field === 'productId') {
+                const m = (this.productList || []).find(p => String(p.value) === String(value))
+                this.form.productName = m ? m.label : ''
+            }
+            // 切换项目类型时，若不再是集中开标则清空开标时间
+            if (field === 'projectType' && !this.isConcentratedBid) {
+                this.form.bidTime = ''
+            }
+        },
+        onQuantityBlur() {
+            let v = this.form.quantity
+            if (v === '' || v == null) return
+            v = parseFloat(v)
+            if (isNaN(v)) {
+                this.form.quantity = ''
+                return
+            }
+            this.form.quantity = String(v)
+        },
+        formatDateTimeMinute(v) {
+            const s = v == null ? '' : String(v).trim()
+            if (!s) return ''
+            if (s.length >= 16) return s.slice(0, 16)
+            return s
+        },
+        formatDateTimeSecond(v) {
+            const s = v == null ? '' : String(v).trim()
+            if (!s) return ''
+            // 截取到分钟，补齐秒
+            const minute = s.length >= 16 ? s.slice(0, 16) : s
+            return minute + ':00'
+        },
+        validateRequired() {
+            const checks = [
+                { key: 'name', msg: '请输入项目名称' },
+                { key: 'productId', msg: '请选择品种' },
+                { key: 'quantity', msg: '请输入数量' },
+                { key: 'startTime', msg: '请选择开始时间' },
+                { key: 'endTime', msg: '请选择截止时间' },
+                { key: 'projectType', msg: '请选择项目类型' },
+                { key: 'purchaseRule', msg: '请输入采购规则' }
+            ]
+            for (const it of checks) {
+                const val = this.form[it.key]
+                const empty = (val === undefined || val === null || (typeof val === 'string' && val.trim() === ''))
+                if (empty) { uni.showToast({ title: it.msg, icon: 'none' }); return false }
+            }
+            if (this.isConcentratedBid && !this.form.bidTime) {
+                uni.showToast({ title: '请选择开标时间', icon: 'none' })
+                return false
+            }
+            // 数量必须为有效数字
+            if (isNaN(parseFloat(this.form.quantity))) {
+                uni.showToast({ title: '数量格式不正确', icon: 'none' })
+                return false
+            }
+            // 开始时间不能晚于截止时间
+            if (this.form.startTime && this.form.endTime && this.formatDateTimeMinute(this.form.startTime) > this.formatDateTimeMinute(this.form.endTime)) {
+                uni.showToast({ title: '开始时间不能晚于截止时间', icon: 'none' })
+                return false
+            }
+            return true
+        },
+        async onSubmit() {
+            if (!this.validateRequired()) return
+            const confirmRes = await new Promise(resolve => {
+                uni.showModal({ title: '提示', content: '确定新增报价项目吗？', confirmText: '确定', cancelText: '取消', success: resolve })
+            })
+            if (!(confirmRes && confirmRes.confirm)) return
+            const clean = (obj) => {
+                const out = {}
+                Object.keys(obj || {}).forEach(k => {
+                    const v = obj[k]
+                    const isEmptyString = typeof v === 'string' && v.trim() === ''
+                    const isUndef = v === undefined || v === null
+                    const isNaNNumber = typeof v === 'number' && isNaN(v)
+                    if (!(isEmptyString || isUndef || isNaNNumber)) out[k] = v
+                })
+                return out
+            }
+            const payload = clean({
+                name: this.form.name,
+                productId: this.form.productId,
+                productName: this.form.productName,
+                quantity: this.form.quantity,
+                startTime: this.formatDateTimeSecond(this.form.startTime),
+                endTime: this.formatDateTimeSecond(this.form.endTime),
+                projectType: this.form.projectType,
+                bidTime: this.isConcentratedBid ? this.formatDateTimeSecond(this.form.bidTime) : '',
+                purchaseRule: this.form.purchaseRule
+            })
+            try {
+                await supplierQuotationProjectSaveApi(payload)
+                uni.showToast({ title: '新增成功', icon: 'none' })
+                try { uni.setStorageSync('SUPPLIER_PRICE_LIST_NEED_REFRESH', '1') } catch (e) {}
+                setTimeout(() => { uni.redirectTo({ url: '/pages/supplier-price/index' }) }, 400)
+            } catch (e) {
+                uni.showToast({ title: e.msg || '新增失败', icon: 'none' })
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.scroll {
+    flex: 1;
+    padding: 12rpx 0 200rpx !important;
+}
+
+.footer {
+    z-index: 2;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 32rpx;
+    padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+    background: #fff;
+    box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+
+    .btn {
+        height: 80rpx;
+        line-height: 80rpx;
+        border-radius: 12rpx;
+        font-size: 32rpx;
+    }
+
+    .submit {
+        background: $theme-primary;
+        color: #fff;
+    }
+}
+
+::v-deep .uni-list {
+    .uni-easyinput {
+        display: flex;
+
+        .uni-input-input {
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+
+    .uni-input-placeholder {
+        z-index: 1;
+    }
+
+    .uni-input-input {
+        background-color: #ffffff;
+    }
+
+    background: transparent;
+
+    &-item {
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__container {
+            padding: 32rpx;
+
+            .uni-easyinput {
+                &__placeholder-class {
+                    font-size: 32rpx;
+                    color: rgba(0, 0, 0, 0.4);
+                }
+
+                &__content {
+                    border: none;
+                    background-color: #ffffff !important;
+
+                    &-input {
+                        padding-left: 0 !important;
+                        height: 48rpx;
+                        line-height: 48rpx;
+                        font-size: 32rpx;
+                    }
+
+                    .content-clear-icon {
+                        font-size: 44rpx !important;
+                    }
+                }
+            }
+
+            .item-title,
+            .uni-list-item__content {
+                flex: none;
+                min-height: 48rpx;
+                line-height: 48rpx;
+                font-size: 32rpx;
+                position: relative;
+                width: 240rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+        }
+
+        &.select-item {
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+        }
+    }
+}
+
+::v-deep .uni-datetime-picker {
+    flex: 1;
+
+    .uni-input-wrapper {
+        justify-content: flex-end;
+    }
+
+    .uni-input-input {
+        text-align: right;
+        font-size: 32rpx;
+        color: rgba(0, 0, 0, 0.9);
+    }
+}
+
+.textarea-item {
+    ::v-deep .uni-list-item__container {
+        flex-direction: column;
+        align-items: stretch;
+
+        .item-title {
+            width: auto;
+            margin-right: 0;
+            margin-bottom: 16rpx;
+        }
+
+        .uni-easyinput {
+            width: 100%;
+        }
+
+        .uni-textarea-textarea {
+            text-align: left;
+            min-height: 120rpx;
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+}
+</style>

+<template>
+    <view class="page">
+        <scroll-view class="scroll" scroll-y>
+            <!-- 基础信息 -->
+            <view class="section">
+                <text class="row company">{{ safeText(form.name) }}</text>
+                <view class="row"><text class="label">编号</text><text class="value">{{ safeText(form.code) }}</text></view>
+                <view class="row"><text class="label">品种</text><text class="value">{{ safeText(form.productName) }}</text></view>
+                <view class="row"><text class="label">数量（吨）</text><text class="value">{{ safeText(form.quantity) }}</text></view>
+                <view class="row"><text class="label">开始时间</text><text class="value">{{ formatDateTimeMinute(form.startTime) }}</text></view>
+                <view class="row"><text class="label">截止时间</text><text class="value">{{ formatDateTimeMinute(form.endTime) }}</text></view>
+                <view class="row"><text class="label">项目类型</text><text class="value">{{ getProjectTypeLabel() }}</text></view>
+                <view v-if="showBidTime" class="row"><text class="label">开标时间</text><text class="value">{{ formatDateTimeMinute(form.bidTime) }}</text></view>
+                <view class="row"><text class="label">采购规则</text><text class="value">{{ safeText(form.purchaseRule) }}</text></view>
+                <view class="row"><text class="label">状态</text><text class="value">{{ safeText(form.status) }}</text></view>
+                <view class="row"><text class="label">发布人</text><text class="value">{{ safeText(form.createBy) }}</text></view>
+            </view>
+        </scroll-view>
+
+        <detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+    </view>
+</template>
+
+<script>
+import DetailButtons from '@/components/detail-buttons/index.vue'
+import { supplierQuotationProjectDetailApi, supplierQuotationProjectUpdateStatusApi } from '@/api/procure-manage/supplierQuotationProject.js'
+import { getDicByCodes } from '@/utils/dic.js'
+
+export default {
+    name: 'DetailSupplierPrice',
+    components: { DetailButtons },
+    data() {
+        return {
+            id: '',
+            form: {},
+            dictData: {},
+            buttons: [{
+                text: '编辑',
+                visible: true,
+                variant: 'primary',
+                event: 'edit'
+            },{
+                text: '报价',
+                visible: true,
+                event: 'bid'
+            },{
+                text: '发布',
+                visible: true,
+                event: 'publish'
+            }]
+        }
+    },
+    computed: {
+        showBidTime() {
+            const opts = (this.dictData.PROJECT_TYPE && this.dictData.PROJECT_TYPE.data) || []
+            const m = opts.find(o => String(o.code != null ? o.code : o.value) === String(this.form.projectType))
+            const label = m ? (m.name || m.label || '') : ''
+            return label.indexOf('集中开标') > -1
+        },
+        displayButtons() {
+            const s = this.form.status || ''
+            return [
+                { ...this.buttons[0], visible: this.$auth.hasPermi('procure-manage:supplier-price:modify') && s === 'UNPUBLISHED' },
+                { ...this.buttons[1], visible: this.$auth.hasPermi('procure-manage:supplier-price:quotation') && s === 'QUOTING' },
+                { ...this.buttons[2], visible: this.$auth.hasPermi('procure-manage:supplier-price:publish') && s === 'UNPUBLISHED' }
+            ]
+        }
+    },
+    onLoad(options) {
+        this.id = (options && options.id) ? options.id : ''
+        if (!this.id) return
+        this.loadDictData().then(() => {
+            this.loadDetail()
+        })
+    },
+    methods: {
+        async loadDictData() {
+            try {
+                const res = await getDicByCodes(['PROJECT_TYPE'])
+                this.dictData = res || {}
+            } catch (e) {
+                this.dictData = {}
+            }
+        },
+        getProjectTypeLabel() {
+            const opts = (this.dictData.PROJECT_TYPE && this.dictData.PROJECT_TYPE.data) || []
+            const m = opts.find(o => String(o.code != null ? o.code : o.value) === String(this.form.projectType))
+            return m ? (m.name || m.label || '-') : '-'
+        },
+        async loadDetail() {
+            try {
+                const res = await supplierQuotationProjectDetailApi({ id: this.id })
+                this.form = (res && res.data) ? res.data : {}
+            } catch (e) {
+                uni.showToast({ title: '加载详情失败', icon: 'none' })
+            }
+        },
+        formatDateTimeMinute(v) {
+            const s = v == null ? '' : String(v).trim()
+            if (!s) return '-'
+            if (s.length >= 16) return s.slice(0, 16)
+            return s
+        },
+        safeText(v) {
+            const s = v == null ? '' : String(v)
+            return s.trim() ? s : '-'
+        },
+        handleButtonClick(btn) {
+            if (!btn || btn.disabled) return
+            const e = btn.event || ''
+            if (e === 'edit') return this.onEdit()
+            if (e === 'bid') return this.onQuote()
+            if (e === 'publish') return this.onPublish()
+        },
+        onEdit() {
+            uni.navigateTo({ url: '/pages/supplier-price/modify?id=' + this.id })
+        },
+        onQuote() {
+            uni.navigateTo({ url: '/pages/supplier-price/quote?id=' + this.id })
+        },
+        async onPublish() {
+            const confirmRes = await new Promise(resolve => {
+                uni.showModal({ title: '提示', content: '确定发布该项目吗？', confirmText: '确定', cancelText: '取消', success: resolve })
+            })
+            if (!(confirmRes && confirmRes.confirm)) return
+            try {
+                await supplierQuotationProjectUpdateStatusApi({ id: this.id, status: 'PUBLISHED' })
+                uni.showToast({ title: '发布成功', icon: 'none' })
+                this.loadDetail()
+                try { uni.setStorageSync('SUPPLIER_PRICE_LIST_NEED_REFRESH', '1') } catch (e) {}
+            } catch (e) {
+                uni.showToast({ title: e.msg || '发布失败', icon: 'none' })
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+    background: #f3f3f3;
+}
+
+.scroll {
+    flex: 1;
+    padding: 8rpx 0 144rpx;
+}
+
+.section {
+    padding: 32rpx;
+    background: #fff;
+    margin-bottom: 20rpx;
+}
+
+.row {
+    display: flex;
+    margin-bottom: 28rpx;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+
+    &.company {
+        font-size: 36rpx;
+        font-weight: 600;
+        color: rgba(0, 0, 0, 0.9);
+        padding-top: 8rpx;
+        line-height: 50rpx;
+    }
+
+    .label {
+        max-width: 420rpx;
+        margin-right: 20rpx;
+        line-height: 32rpx;
+        font-size: 28rpx;
+        color: rgba(0, 0, 0, 0.6);
+    }
+
+    .value {
+        flex: 1;
+        line-height: 32rpx;
+        font-size: 28rpx;
+        color: rgba(0, 0, 0, 0.9);
+        text-align: right;
+        word-break: break-all;
+    }
+}
+</style>

+<template>
+	<view class="page">
+		<view class="dev-list-fixed">
+			<view class="search-row">
+				<uni-search-bar v-model="searchKeyword" radius="6" placeholder="请输入项目名称" clearButton="auto"
+					cancelButton="none" bgColor="#F3F3F3" textColor="rgba(0,0,0,0.4)" @confirm="search"
+					@input="onSearchInput" />
+				<view class="tool-icons">
+					<image class="tool-icon" src="/static/images/dev_manage/filter_icon.png" @click="openFilter" />
+					<image class="tool-icon" src="/static/images/dev_manage/add_icon.png" @click="onAdd" />
+				</view>
+			</view>
+		</view>
+
+		<view class="list-box">
+			<card-list ref="cardRef" :fetch-fn="fetchList" :query="query" :extra="extraParams" row-key="id"
+				:enable-refresh="true" :enable-load-more="true" @loaded="onCardLoaded" @error="onCardError">
+				<template v-slot="{ item }">
+					<view class="card" @click.stop="onCardClick(item)">
+						<view class="card-header">
+							<text class="title omit2">{{ item.name || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>项目编号</text><text>{{ item.code || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>品种</text><text>{{ item.productName || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>开始时间</text><text>{{ formatDateTimeMinute(item.startTime) }}</text>
+						</view>
+						<view class="info-row">
+							<text>截止时间</text><text>{{ formatDateTimeMinute(item.endTime) }}</text>
+						</view>
+					</view>
+				</template>
+			</card-list>
+		</view>
+
+		<filter-modal :visible.sync="filterVisible" :value.sync="filterForm" title="筛选" @reset="onFilterReset"
+			@confirm="onFilterConfirm">
+			<template v-slot="{ model }">
+				<view class="filter-form">
+					<view class="form-item">
+						<view class="label">开始时间</view>
+						<uni-datetime-picker type="datetimerange" v-model="model.startTimeRange" start="2023-01-01" />
+					</view>
+					<view class="form-item">
+						<view class="label">截止时间</view>
+						<uni-datetime-picker type="datetimerange" v-model="model.endTimeRange" start="2023-01-01" />
+					</view>
+					<view class="form-item">
+						<view class="label">开标时间</view>
+						<uni-datetime-picker type="datetimerange" v-model="model.bidTimeRange" start="2023-01-01" />
+					</view>
+				</view>
+			</template>
+		</filter-modal>
+	</view>
+</template>
+
+<script>
+import CardList from '@/components/card/index.vue'
+import FilterModal from '@/components/filter/index.vue'
+import { supplierQuotationProjectQueryApi } from '@/api/procure-manage/supplierQuotationProject.js'
+
+export default {
+	name: 'SupplierPriceList',
+	components: { CardList, FilterModal },
+	data() {
+		return {
+			searchKeyword: '',
+			searchKeywordDebounced: '',
+			searchDebounceTimer: null,
+			query: {
+				name: '',
+				startTimeRange: [],
+				endTimeRange: [],
+				bidTimeRange: []
+			},
+			extraParams: {},
+			currentItems: [],
+			filterVisible: false,
+			filterForm: {
+				startTimeRange: [],
+				endTimeRange: [],
+				bidTimeRange: []
+			}
+		}
+	},
+	watch: {
+		searchKeywordDebounced(v) {
+			this.query = { ...this.query, name: v || '' }
+		}
+	},
+	onShow() {
+		let needRefresh = ''
+		try { needRefresh = uni.getStorageSync('SUPPLIER_PRICE_LIST_NEED_REFRESH') } catch (e) {}
+		if (!needRefresh) return
+		try { uni.removeStorageSync('SUPPLIER_PRICE_LIST_NEED_REFRESH') } catch (e) {}
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.reload) {
+			this.$refs.cardRef.reload()
+		}
+	},
+	onReachBottom() {
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
+			this.$refs.cardRef.onLoadMore()
+		}
+	},
+	beforeDestroy() {
+		if (this.searchDebounceTimer) {
+			clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = null
+		}
+	},
+	methods: {
+		formatDateTimeMinute(v) {
+			const s = v == null ? '' : String(v).trim()
+			if (!s) return '-'
+			// 截取到分钟 (yyyy-MM-dd HH:mm)
+			if (s.length >= 16) return s.slice(0, 16)
+			if (s.length >= 10) return s.slice(0, 10)
+			return s
+		},
+		onCardLoaded({ items }) {
+			this.currentItems = items
+		},
+		onCardError() {
+			uni.showToast({ title: '列表加载失败', icon: 'none' })
+		},
+		onSearchInput() {
+			if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = setTimeout(() => {
+				this.searchKeywordDebounced = this.searchKeyword
+				this.searchDebounceTimer = null
+			}, 1200)
+		},
+		search(e) {
+			const val = e && e.value != null ? e.value : this.searchKeyword
+			this.searchKeyword = val
+			this.searchKeywordDebounced = val
+		},
+		openFilter() {
+			this.filterForm = {
+				startTimeRange: Array.isArray(this.query.startTimeRange) ? this.query.startTimeRange.slice(0) : [],
+				endTimeRange: Array.isArray(this.query.endTimeRange) ? this.query.endTimeRange.slice(0) : [],
+				bidTimeRange: Array.isArray(this.query.bidTimeRange) ? this.query.bidTimeRange.slice(0) : []
+			}
+			this.filterVisible = true
+		},
+		onFilterReset(payload) {
+			this.filterForm = payload
+		},
+		onFilterConfirm(payload) {
+			this.query = {
+				name: this.query.name || '',
+				startTimeRange: Array.isArray(payload.startTimeRange) ? payload.startTimeRange : [],
+				endTimeRange: Array.isArray(payload.endTimeRange) ? payload.endTimeRange : [],
+				bidTimeRange: Array.isArray(payload.bidTimeRange) ? payload.bidTimeRange : []
+			}
+		},
+		fetchList({ pageIndex, pageSize, query }) {
+			const q = query || {}
+			const sRange = Array.isArray(q.startTimeRange) ? q.startTimeRange : []
+			const eRange = Array.isArray(q.endTimeRange) ? q.endTimeRange : []
+			const bRange = Array.isArray(q.bidTimeRange) ? q.bidTimeRange : []
+			const params = {
+				pageIndex,
+				pageSize,
+				name: q.name || '',
+				startTimeStart: (sRange && sRange.length === 2) ? sRange[0] : '',
+				startTimeEnd: (sRange && sRange.length === 2) ? sRange[1] : '',
+				endTimeStart: (eRange && eRange.length === 2) ? eRange[0] : '',
+				endTimeEnd: (eRange && eRange.length === 2) ? eRange[1] : '',
+				bidTimeStart: (bRange && bRange.length === 2) ? bRange[0] : '',
+				bidTimeEnd: (bRange && bRange.length === 2) ? bRange[1] : ''
+			}
+			return supplierQuotationProjectQueryApi(params).then(res => {
+				const _data = res && res.data ? res.data : {}
+				let records = _data.datas || _data.list || _data.records || []
+				const totalCount = _data.totalCount || _data.count || 0
+				const hasNext = _data.hasNext || false
+				records = records.map(it => ({ ...it }))
+				return { records, totalCount, hasNext }
+			}).catch(() => {
+				this.onCardError()
+				return { records: [], totalCount: 0, hasNext: false }
+			})
+		},
+		onCardClick(item) {
+			uni.navigateTo({ url: '/pages/supplier-price/detail?id=' + item.id })
+		},
+		onAdd() {
+			uni.navigateTo({ url: '/pages/supplier-price/add' })
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+}
+
+.dev-list-fixed {
+	position: fixed;
+	top: 96rpx;
+	left: 0;
+	right: 0;
+	z-index: 2;
+	background: #fff;
+
+	.search-row {
+		display: flex;
+		align-items: center;
+		padding: 16rpx 32rpx;
+
+		.uni-searchbar {
+			padding: 0;
+			flex: 1;
+		}
+
+		.tool-icons {
+			display: flex;
+
+			.tool-icon {
+				width: 48rpx;
+				height: 48rpx;
+				display: block;
+				margin-left: 32rpx;
+			}
+		}
+	}
+}
+
+::v-deep .uni-searchbar__box {
+	height: 80rpx !important;
+	justify-content: start;
+
+	.uni-searchbar__box-search-input {
+		font-size: 32rpx !important;
+	}
+}
+
+.list-box {
+	flex: 1;
+	padding-top: 140rpx;
+
+	.card {
+		position: relative;
+	}
+
+	.card-header {
+		margin-bottom: 28rpx;
+		position: relative;
+
+		.title {
+			font-size: 36rpx;
+			font-weight: 600;
+			line-height: 50rpx;
+			color: rgba(0, 0, 0, 0.9);
+			width: 578rpx;
+		}
+	}
+
+	.info-row {
+		display: flex;
+		align-items: center;
+		color: rgba(0, 0, 0, 0.6);
+		font-size: 28rpx;
+		margin-bottom: 24rpx;
+		height: 32rpx;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		text {
+			width: 50%;
+
+			&:last-child {
+				color: rgba(0, 0, 0, 0.9);
+				width: 50%;
+			}
+		}
+	}
+}
+
+.filter-form {
+	.form-item {
+		margin-bottom: 24rpx;
+	}
+
+	.label {
+		margin-bottom: 20rpx;
+		color: rgba(0, 0, 0, 0.9);
+		height: 44rpx;
+		line-height: 44rpx;
+		font-size: 30rpx;
+	}
+}
+</style>

+<template>
+    <view class="page">
+        <scroll-view class="scroll" scroll-y>
+            <uni-list>
+                <!-- 项目名称 -->
+                <uni-list-item class="select-item" :class="form.name ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>项目名称</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.name" :inputBorder="false" placeholder="请输入项目名称" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 品种 -->
+                <uni-list-item class="select-item" :class="form.productId ? 'is-filled' : 'is-empty'" clickable
+                    @click="openProductSheet" :rightText="form.productName || '请选择品种'" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>品种</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 数量 -->
+                <uni-list-item class="select-item" :class="form.quantity !== '' && form.quantity != null ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>数量（吨）</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.quantity" type="digit" :inputBorder="false" placeholder="请输入数量" @blur="onQuantityBlur" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 开始时间 -->
+                <uni-list-item class="select-item" :class="form.startTime ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>开始时间</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="datetime" v-model="form.startTime" :hide-second="true" :clear-icon="false" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 截止时间 -->
+                <uni-list-item class="select-item" :class="form.endTime ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>截止时间</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="datetime" v-model="form.endTime" :hide-second="true" :clear-icon="false" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 项目类型 -->
+                <uni-list-item class="select-item" :class="form.projectType ? 'is-filled' : 'is-empty'" clickable
+                    @click="openDictSheet('projectType', 'PROJECT_TYPE', '项目类型')" :rightText="getProjectTypeLabel() || '请选择项目类型'" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>项目类型</text></view>
+                    </template>
+                </uni-list-item>
+
+                <!-- 开标时间 - 仅项目类型为集中开标时显示 -->
+                <uni-list-item v-if="isConcentratedBid" class="select-item" :class="form.bidTime ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>开标时间</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-datetime-picker type="datetime" v-model="form.bidTime" :hide-second="true" :clear-icon="false" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 采购规则 -->
+                <uni-list-item class="select-item textarea-item" :class="form.purchaseRule ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>采购规则</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput type="textarea" v-model="form.purchaseRule" :inputBorder="false"
+                            placeholder="请输入采购规则" :autoHeight="true" />
+                    </template>
+                </uni-list-item>
+            </uni-list>
+        </scroll-view>
+
+        <view class="footer">
+            <button class="btn submit" @click="onSubmit">保存</button>
+        </view>
+
+        <SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options"
+            v-model="sheet.value" @confirm="onSheetConfirm" />
+    </view>
+</template>
+
+<script>
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import { supplierQuotationProjectDetailApi, supplierQuotationProjectUpdateApi } from '@/api/procure-manage/supplierQuotationProject.js'
+import { breedRelationshipQueryApi } from '@/api/procure-manage/salesmanQuotation.js'
+import { getDicByCodes } from '@/utils/dic.js'
+
+export default {
+    name: 'ModifySupplierPrice',
+    components: { SingleSelectSheet },
+    data() {
+        return {
+            id: '',
+            form: {
+                id: '',
+                name: '',
+                code: '',
+                productId: '',
+                productName: '',
+                quantity: '',
+                startTime: '',
+                endTime: '',
+                projectType: '',
+                bidTime: '',
+                purchaseRule: ''
+            },
+            productList: [],
+            dictData: {},
+            sheet: {
+                visible: false,
+                title: '',
+                options: [],
+                value: '',
+                field: '',
+                isDict: false
+            }
+        }
+    },
+    computed: {
+        isConcentratedBid() {
+            const opts = this.getDictOptions('PROJECT_TYPE') || []
+            const m = opts.find(o => String(o.code != null ? o.code : o.value) === String(this.form.projectType))
+            const label = m ? (m.name || m.label || '') : ''
+            return label.indexOf('集中开标') > -1
+        }
+    },
+    onLoad(options) {
+        this.id = (options && options.id) ? options.id : ''
+        this.loadDictData().then(() => {
+            this.loadProducts().then(() => {
+                if (this.id) this.loadDetail()
+            })
+        })
+    },
+    methods: {
+        async loadDictData() {
+            try {
+                const res = await getDicByCodes(['PROJECT_TYPE'])
+                this.dictData = res || {}
+            } catch (e) {
+                this.dictData = {}
+            }
+        },
+        getDictOptions(dictCode) {
+            const data = this.dictData[dictCode]
+            return (data && data.data) ? data.data : (Array.isArray(data) ? data : [])
+        },
+        async loadProducts() {
+            try {
+                const res = await breedRelationshipQueryApi({ pageIndex: 1, pageSize: 9999 })
+                const _data = res && res.data ? res.data : {}
+                const list = _data.datas || _data.list || _data.records || []
+                this.productList = list.map(it => ({
+                    label: it.productName || it.name || '',
+                    value: it.productId || it.id || ''
+                }))
+            } catch (e) {
+                this.productList = []
+            }
+        },
+        getProjectTypeLabel() {
+            const opts = this.getDictOptions('PROJECT_TYPE') || []
+            const m = opts.find(o => String(o.code != null ? o.code : o.value) === String(this.form.projectType))
+            return m ? (m.name || m.label || '') : ''
+        },
+        openProductSheet() {
+            const opts = (this.productList || []).map(p => ({ label: p.label, value: p.value }))
+            const cur = this.form.productId
+            const match = opts.find(o => String(o.value) === String(cur))
+            this.sheet = {
+                visible: true,
+                title: '请选择品种',
+                options: opts,
+                value: match ? match.value : '',
+                field: 'productId',
+                isDict: false
+            }
+        },
+        openDictSheet(field, dictCode, title) {
+            const raw = this.getDictOptions(dictCode) || []
+            const opts = raw.map(o => ({ label: o.name || o.label || '', value: o.code != null ? o.code : (o.value != null ? o.value : '') }))
+            const cur = this.form[field]
+            const match = opts.find(o => String(o.value) === String(cur))
+            this.sheet = {
+                visible: true,
+                title: title || '请选择',
+                options: opts,
+                value: match ? match.value : '',
+                field,
+                isDict: true
+            }
+        },
+        onSheetConfirm({ value }) {
+            const field = this.sheet.field
+            if (!field) return
+            this.form[field] = value
+            if (field === 'productId') {
+                const m = (this.productList || []).find(p => String(p.value) === String(value))
+                this.form.productName = m ? m.label : ''
+            }
+            if (field === 'projectType' && !this.isConcentratedBid) {
+                this.form.bidTime = ''
+            }
+        },
+        onQuantityBlur() {
+            let v = this.form.quantity
+            if (v === '' || v == null) return
+            v = parseFloat(v)
+            if (isNaN(v)) {
+                this.form.quantity = ''
+                return
+            }
+            this.form.quantity = String(v)
+        },
+        formatDateTimeMinute(v) {
+            const s = v == null ? '' : String(v).trim()
+            if (!s) return ''
+            if (s.length >= 16) return s.slice(0, 16)
+            return s
+        },
+        formatDateTimeSecond(v) {
+            const s = v == null ? '' : String(v).trim()
+            if (!s) return ''
+            const minute = s.length >= 16 ? s.slice(0, 16) : s
+            return minute + ':00'
+        },
+        async loadDetail() {
+            try {
+                const res = await supplierQuotationProjectDetailApi({ id: this.id })
+                const d = (res && res.data) ? res.data : {}
+                // 时间格式截取到分钟用于选择器回显
+                if (d.startTime && d.startTime.length >= 16) d.startTime = d.startTime.slice(0, 16)
+                if (d.endTime && d.endTime.length >= 16) d.endTime = d.endTime.slice(0, 16)
+                if (d.bidTime && d.bidTime.length >= 16) d.bidTime = d.bidTime.slice(0, 16)
+                this.form = { ...this.form, ...d }
+            } catch (e) {
+                uni.showToast({ title: '加载详情失败', icon: 'none' })
+            }
+        },
+        validateRequired() {
+            const checks = [
+                { key: 'name', msg: '请输入项目名称' },
+                { key: 'productId', msg: '请选择品种' },
+                { key: 'quantity', msg: '请输入数量' },
+                { key: 'startTime', msg: '请选择开始时间' },
+                { key: 'endTime', msg: '请选择截止时间' },
+                { key: 'projectType', msg: '请选择项目类型' },
+                { key: 'purchaseRule', msg: '请输入采购规则' }
+            ]
+            for (const it of checks) {
+                const val = this.form[it.key]
+                const empty = (val === undefined || val === null || (typeof val === 'string' && val.trim() === ''))
+                if (empty) { uni.showToast({ title: it.msg, icon: 'none' }); return false }
+            }
+            if (this.isConcentratedBid && !this.form.bidTime) {
+                uni.showToast({ title: '请选择开标时间', icon: 'none' })
+                return false
+            }
+            if (isNaN(parseFloat(this.form.quantity))) {
+                uni.showToast({ title: '数量格式不正确', icon: 'none' })
+                return false
+            }
+            if (this.form.startTime && this.form.endTime && this.formatDateTimeMinute(this.form.startTime) > this.formatDateTimeMinute(this.form.endTime)) {
+                uni.showToast({ title: '开始时间不能晚于截止时间', icon: 'none' })
+                return false
+            }
+            return true
+        },
+        async onSubmit() {
+            if (!this.validateRequired()) return
+            const confirmRes = await new Promise(resolve => {
+                uni.showModal({ title: '提示', content: '确定保存修改吗？', confirmText: '确定', cancelText: '取消', success: resolve })
+            })
+            if (!(confirmRes && confirmRes.confirm)) return
+            const clean = (obj) => {
+                const out = {}
+                Object.keys(obj || {}).forEach(k => {
+                    const v = obj[k]
+                    const isEmptyString = typeof v === 'string' && v.trim() === ''
+                    const isUndef = v === undefined || v === null
+                    const isNaNNumber = typeof v === 'number' && isNaN(v)
+                    if (!(isEmptyString || isUndef || isNaNNumber)) out[k] = v
+                })
+                return out
+            }
+            const payload = clean({
+                id: this.form.id,
+                name: this.form.name,
+                productId: this.form.productId,
+                productName: this.form.productName,
+                quantity: this.form.quantity,
+                startTime: this.formatDateTimeSecond(this.form.startTime),
+                endTime: this.formatDateTimeSecond(this.form.endTime),
+                projectType: this.form.projectType,
+                bidTime: this.isConcentratedBid ? this.formatDateTimeSecond(this.form.bidTime) : '',
+                purchaseRule: this.form.purchaseRule
+            })
+            try {
+                await supplierQuotationProjectUpdateApi(payload)
+                uni.showToast({ title: '保存成功', icon: 'none' })
+                try { uni.setStorageSync('SUPPLIER_PRICE_LIST_NEED_REFRESH', '1') } catch (e) {}
+                setTimeout(() => { uni.navigateBack() }, 400)
+            } catch (e) {
+                uni.showToast({ title: e.msg || '保存失败', icon: 'none' })
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.scroll {
+    flex: 1;
+    padding: 12rpx 0 200rpx !important;
+}
+
+.footer {
+    z-index: 2;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 32rpx;
+    padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+    background: #fff;
+    box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+
+    .btn {
+        height: 80rpx;
+        line-height: 80rpx;
+        border-radius: 12rpx;
+        font-size: 32rpx;
+    }
+
+    .submit {
+        background: $theme-primary;
+        color: #fff;
+    }
+}
+
+::v-deep .uni-list {
+    .uni-easyinput {
+        display: flex;
+
+        .uni-input-input {
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+
+    .uni-input-placeholder {
+        z-index: 1;
+    }
+
+    .uni-input-input {
+        background-color: #ffffff;
+    }
+
+    background: transparent;
+
+    &-item {
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__container {
+            padding: 32rpx;
+
+            .uni-easyinput {
+                &__placeholder-class {
+                    font-size: 32rpx;
+                    color: rgba(0, 0, 0, 0.4);
+                }
+
+                &__content {
+                    border: none;
+                    background-color: #ffffff !important;
+
+                    &-input {
+                        padding-left: 0 !important;
+                        height: 48rpx;
+                        line-height: 48rpx;
+                        font-size: 32rpx;
+                    }
+
+                    .content-clear-icon {
+                        font-size: 44rpx !important;
+                    }
+                }
+            }
+
+            .item-title,
+            .uni-list-item__content {
+                flex: none;
+                min-height: 48rpx;
+                line-height: 48rpx;
+                font-size: 32rpx;
+                position: relative;
+                width: 240rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+        }
+
+        &.select-item {
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+        }
+    }
+}
+
+::v-deep .uni-datetime-picker {
+    flex: 1;
+
+    .uni-input-wrapper {
+        justify-content: flex-end;
+    }
+
+    .uni-input-input {
+        text-align: right;
+        font-size: 32rpx;
+        color: rgba(0, 0, 0, 0.9);
+    }
+}
+
+.textarea-item {
+    ::v-deep .uni-list-item__container {
+        flex-direction: column;
+        align-items: stretch;
+
+        .item-title {
+            width: auto;
+            margin-right: 0;
+            margin-bottom: 16rpx;
+        }
+
+        .uni-easyinput {
+            width: 100%;
+        }
+
+        .uni-textarea-textarea {
+            text-align: left;
+            min-height: 120rpx;
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+}
+</style>

+<template>
+    <view class="page">
+        <scroll-view class="scroll" scroll-y>
+            <uni-list>
+                <uni-list-item class="select-item is-filled">
+                    <template v-slot:body>
+                        <view class="item-title">项目名称</view>
+                    </template>
+                    <template v-slot:footer>
+                        <text class="readonly-text">{{ form.name || '-' }}</text>
+                    </template>
+                </uni-list-item>
+                <uni-list-item class="select-item is-filled">
+                    <template v-slot:body>
+                        <view class="item-title">开始时间</view>
+                    </template>
+                    <template v-slot:footer>
+                        <text class="readonly-text">{{ form.startTime || '-' }}</text>
+                    </template>
+                </uni-list-item>
+                <uni-list-item class="select-item is-filled">
+                    <template v-slot:body>
+                        <view class="item-title">截止时间</view>
+                    </template>
+                    <template v-slot:footer>
+                        <text class="readonly-text">{{ form.endTime || '-' }}</text>
+                    </template>
+                </uni-list-item>
+                <!-- 品种 -->
+                <uni-list-item class="select-item is-filled">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>品种</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <text class="readonly-text">{{ form.productName || '-' }}</text>
+                    </template>
+                </uni-list-item>
+
+                <!-- 数量 -->
+                <uni-list-item class="select-item" :class="form.quantity !== '' && form.quantity != null ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>数量（吨）</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.quantity" type="digit" :inputBorder="false" placeholder="请输入数量" @blur="onQuantityBlur" />
+                    </template>
+                </uni-list-item>
+
+                <!-- 价格 -->
+                <uni-list-item class="select-item" :class="form.price !== '' && form.price != null ? 'is-filled' : 'is-empty'">
+                    <template v-slot:body>
+                        <view class="item-title"><text class="required">*</text><text>价格</text></view>
+                    </template>
+                    <template v-slot:footer>
+                        <uni-easyinput v-model="form.price" type="digit" :inputBorder="false" placeholder="请输入价格" @blur="onPriceBlur" />
+                    </template>
+                </uni-list-item>
+            </uni-list>
+        </scroll-view>
+
+        <view class="footer">
+            <button class="btn submit" @click="onSubmit">提交报价</button>
+        </view>
+    </view>
+</template>
+
+<script>
+import { supplierQuotationProjectDetailApi, supplierQuotationProjectQuoteApi } from '@/api/procure-manage/supplierQuotationProject.js'
+
+export default {
+    name: 'QuoteSupplierPrice',
+    data() {
+        return {
+            projectId: '',
+            form: {
+                projectId: '',
+                productId: '',
+                productName: '',
+                quantity: '',
+                price: '',
+                startTime: '',
+                endTime: '',
+                name: ''
+            }
+        }
+    },
+    onLoad(options) {
+        this.projectId = (options && options.id) ? options.id : ''
+        this.form.projectId = this.projectId
+        if (!this.projectId) return
+        this.loadDetail()
+    },
+    methods: {
+        async loadDetail() {
+            try {
+                const res = await supplierQuotationProjectDetailApi({ id: this.projectId })
+                const d = (res && res.data) ? res.data : {}
+                this.form.productId = d.productId || ''
+                this.form.productName = d.productName || ''
+                this.form.name = d.name || ''
+                this.form.startTime = d.startTime?.substring(0, 16) || ''
+                this.form.endTime = d.endTime?.substring(0, 16) || ''
+                // 数量默认带出项目数量，可修改
+                if (d.quantity != null && d.quantity !== '') this.form.quantity = String(d.quantity)
+            } catch (e) {
+                uni.showToast({ title: '加载项目信息失败', icon: 'none' })
+            }
+        },
+        onQuantityBlur() {
+            let v = this.form.quantity
+            if (v === '' || v == null) return
+            v = parseFloat(v)
+            if (isNaN(v)) { this.form.quantity = ''; return }
+            this.form.quantity = String(v)
+        },
+        onPriceBlur() {
+            let v = this.form.price
+            if (v === '' || v == null) return
+            v = parseFloat(v)
+            if (isNaN(v)) { this.form.price = ''; return }
+            this.form.price = String(v)
+        },
+        validateRequired() {
+            if (!this.form.projectId) { uni.showToast({ title: '缺少项目ID', icon: 'none' }); return false }
+            if (!this.form.productId) { uni.showToast({ title: '缺少品种', icon: 'none' }); return false }
+            if (this.form.quantity === '' || this.form.quantity == null) { uni.showToast({ title: '请输入数量', icon: 'none' }); return false }
+            if (isNaN(parseFloat(this.form.quantity))) { uni.showToast({ title: '数量格式不正确', icon: 'none' }); return false }
+            if (this.form.price === '' || this.form.price == null) { uni.showToast({ title: '请输入价格', icon: 'none' }); return false }
+            if (isNaN(parseFloat(this.form.price))) { uni.showToast({ title: '价格格式不正确', icon: 'none' }); return false }
+            return true
+        },
+        async onSubmit() {
+            if (!this.validateRequired()) return
+            const confirmRes = await new Promise(resolve => {
+                uni.showModal({ title: '提示', content: '确定提交报价吗？', confirmText: '确定', cancelText: '取消', success: resolve })
+            })
+            if (!(confirmRes && confirmRes.confirm)) return
+            const payload = {
+                projectId: this.form.projectId,
+                productId: this.form.productId,
+                quantity: parseFloat(this.form.quantity),
+                price: parseFloat(this.form.price)
+            }
+            try {
+                await supplierQuotationProjectQuoteApi(payload)
+                uni.showToast({ title: '报价成功', icon: 'none' })
+                try { uni.setStorageSync('SUPPLIER_PRICE_LIST_NEED_REFRESH', '1') } catch (e) {}
+                setTimeout(() => { uni.navigateBack() }, 400)
+            } catch (e) {
+                uni.showToast({ title: e.msg || '报价失败', icon: 'none' })
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.scroll {
+    flex: 1;
+    padding: 12rpx 0 200rpx !important;
+}
+
+.footer {
+    z-index: 2;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 32rpx;
+    padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+    background: #fff;
+    box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+
+    .btn {
+        height: 80rpx;
+        line-height: 80rpx;
+        border-radius: 12rpx;
+        font-size: 32rpx;
+    }
+
+    .submit {
+        background: $theme-primary;
+        color: #fff;
+    }
+}
+
+::v-deep .uni-list {
+    .uni-easyinput {
+        display: flex;
+
+        .uni-input-input {
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+
+    .uni-input-placeholder {
+        z-index: 1;
+    }
+
+    .uni-input-input {
+        background-color: #ffffff;
+    }
+
+    background: transparent;
+
+    &-item {
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__container {
+            padding: 32rpx;
+
+            .uni-easyinput {
+                &__placeholder-class {
+                    font-size: 32rpx;
+                    color: rgba(0, 0, 0, 0.4);
+                }
+
+                &__content {
+                    border: none;
+                    background-color: #ffffff !important;
+
+                    &-input {
+                        padding-left: 0 !important;
+                        height: 48rpx;
+                        line-height: 48rpx;
+                        font-size: 32rpx;
+                    }
+
+                    .content-clear-icon {
+                        font-size: 44rpx !important;
+                    }
+                }
+            }
+
+            .item-title,
+            .uni-list-item__content {
+                flex: none;
+                min-height: 48rpx;
+                line-height: 48rpx;
+                font-size: 32rpx;
+                position: relative;
+                width: 240rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+        }
+
+        &.select-item {
+            .readonly-text {
+                font-size: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+                text-align: right;
+            }
+
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+        }
+    }
+}
+</style>

 import CustomerDevelopViewer from '@/pages/dev_manage/viewer.vue'
 import CustomerCreditViewer from '@/pages/credit_manage/viewer.vue'
 import DomesticCustomerCreditViewer from '@/pages/domestic_trade/domesticCreditViewer.vue'
+import SalesmanQuotationViewer from '@/pages/sales-price/salesmanQuotationViewer.vue'
 import ForeignTradeCreditViewer from '@/pages/foreign_trade/foreignTradeCreditViewer.vue'
 import RetailViewer from '@/pages/contract_retail/retailViewer.vue'
 import ForeignStdViewer from '@/pages/contract_foreign_std/foreignStdViewer.vue'
@@ -29,6 +30,7 @@ export default function registerComponents(Vue) {
   Vue.component('CustomerDevelopViewer', CustomerDevelopViewer)
   Vue.component('CustomerCreditViewer', CustomerCreditViewer)
   Vue.component('DomesticCustomerCreditViewer', DomesticCustomerCreditViewer)
+  Vue.component('SalesmanQuotationViewer', SalesmanQuotationViewer)
   Vue.component('ForeignTradeCreditViewer', ForeignTradeCreditViewer)
   Vue.component('RetailViewer', RetailViewer)
   Vue.component('StandardContractViewer', StandardContractViewer)

@@ -20,6 +20,12 @@ export const getSysFlowComponentPath = (bizFlag) => {
     case 'CUSTOMER_CREDIT_IN_EDIT': // 客户资信（内贸）
       componentPath = 'DomesticCustomerCreditViewer'; // 客户资信（内贸）-审批
       break;
+    case 'SALESMAN_QUOTATION': // 业务员报价单
+      componentPath = 'SalesmanQuotationViewer'; // 业务员报价单-审批详情
+      break;
+    case 'SALESMAN_QUOTATION_EDIT': // 业务员报价单
+      componentPath = 'SalesmanQuotationViewer'; // 业务员报价单-审批
+      break;
     case 'CUSTOMER_CREDIT_OUT': // 客户资信（外贸）
       componentPath = 'ForeignTradeCreditViewer'; // 客户资信（外贸）-审批详情
       break;