aiot-app/pages/purchasingManage/purchaseNeedManage/components/info.vue

<template>
	<view class="mainBox">
		<u-cell-group>
			<u-cell title="需求类型" arrow-direction="down">
				<text slot="value">
					{{form.sourceTypeName||''}}
				</text>
			</u-cell>
			<u-cell title="需求单名称" arrow-direction="down">
				<text slot="value">
					{{form.requirementName||''}}
				</text>
			</u-cell>
			<u-cell title="需求部门" arrow-direction="down">
				<text slot="value">
					{{form.requireDeptName||''}}
				</text>
			</u-cell>
			<u-cell title="需求人" arrow-direction="down">
				<text slot="value">
					{{form.requireUserName||''}}
				</text>
			</u-cell>
			<u-cell title="销售合同" arrow-direction="down">
				<text slot="value">
					{{form.saleContractName||''}}
				</text>
			</u-cell>
			<u-cell title="销售订单" arrow-direction="down">
				<text slot="value">
					{{form.saleOrderNo||''}}
				</text>
			</u-cell>
			<u-cell title="是否接受拆单" arrow-direction="down">
				<text slot="value">
					{{form.acceptUnpack == 1 ? '接受' : '不接受'}}
				</text>
			</u-cell>
			<u-cell title="用途" arrow-direction="down">
				<text slot="value">
					{{form.useTo||''}}
				</text>
			</u-cell>
			<u-cell title="备注" arrow-direction="down">
				<text slot="value">
					{{form.remark||''}}
				</text>
			</u-cell>
			<u-cell title="附件" arrow-direction="down">
				<text slot="value">
					<fileMain v-model="form.fileId" type="view"></fileMain>
				</text>
			</u-cell>
		</u-cell-group>
	</view>
</template>

<script>
	import fileMain from "@/pages/doc/index.vue"
	export default {
		data() {
			return {

				form: {},
			}
		},
		components: {
			fileMain
		},
		created() {

		},
		methods: {
			init(data) {
				console.log(data,'datasss')
				if (data) {
					this.form = data
					this.form.fileId = this.form.fileId ? JSON.parse(this.form.fileId) : []
				}
			},

		}
	}
</script>

<style lang="scss" scoped>
	/deep/.u-swipe-action-item__right__button__wrapper {
		background-color: #f56c6c !important;
	}
	/deep/.u-cell__body,/deep/.u-cell__title-text{
		font-size: 26rpx;
	}
</style>