commit：同行信息联调

@@ -8,3 +8,37 @@ export function salesmanQuotationPeerQueryApi(params) {
     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 }
+  })
+}

@@ -341,6 +341,30 @@
 			}
 		},
 		{
+			"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": "订货单列表",

+<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>

@@ -6,6 +6,7 @@
 					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>
@@ -121,6 +122,9 @@ export default {
 			if (s.length >= 10) return s.slice(0, 10)
 			return s
 		},
+		onAdd() {
+			uni.navigateTo({ url: '/pages/peer-info/add' })
+		},
 		onCardLoaded({ items }) {
 			this.currentItems = items
 		},
@@ -187,7 +191,7 @@ export default {
 			})
 		},
 		onCardClick(item) {
-			// 暂无详情页
+			uni.navigateTo({ url: '/pages/peer-info/detail?id=' + item.id })
 		}
 	}
 }

+<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>