jp-xpgj-xsy/src/projects/business/views-xsy/Commerce/Add.vue

<template>
<div id="app">
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">携物出厂申请</h1>
			</header>
			<div class="mui-content vongi-fx vongi-qingjiadt margin60">
                <div class="mui-content-padded">
                    <form class="mui-input-group vongi-editme">
                        <div class="mui-input-row">
                            <label><i class="colorfe616c">*</i>&nbsp;出厂日期</label>
                            <button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">
                                2021-03-01
                            </button>
                        </div>
                        <div class="mui-input-row">
                            <label style="width:100%">&nbsp;&nbsp;申请理由及物品清单</label>
                            <textarea id="textarea" rows="8" placeholder="请填写内容"></textarea>
                        </div>
                    </form>
                    <div class="vongi-yqsb vongi-wordcard">
                        <h5>图片附件</h5>
                        <div class="fyy-upphoto">
                            <div class="mui-col-xs-3 fyy-upphoto-close">
                                <img src="~$project/assets/img/zhaop.jpg" />
                                <a class="mui-icon mui-icon-closeempty" href=""></a>
                            </div>
                            <div class="mui-col-xs-3 fyy-upphoto-close">
                                <img src="~$project/assets/img/zhaop.jpg" />
                                <a class="mui-icon mui-icon-closeempty"></a>
                            </div>
                            <div class="mui-col-xs-3 fyy-upphoto-close">
                                <img src="~$project/assets/img/zhaop.jpg" />
                                <a class="mui-icon mui-icon-closeempty"></a>
                            </div>
                            <div class="mui-col-xs-3 fyy-upphoto-close">
                                <img src="~$project/assets/img/zhaop.jpg" />
                                <a class="mui-icon mui-icon-closeempty"></a>
                            </div>
                            <div class="mui-col-xs-3">
                                <a><span class="mui-icon mui-icon-plusempty"></span></a>
                            </div>
                        </div>
                    </div>
                    <form class="mui-input-group vongi-editme">
                        <div class="mui-input-row">
                            <label><i class="colorfe616c">*</i>&nbsp;审批人</label>
                            <span>赵振</span>
                        </div>
                    </form>
                </div>
				
			</div>
			<div class="fyy-footer">
				<div class="bindfyy-btn">
					<button type="button" class="mui-btn mui-btn-primary ">提交信息</button>
					<!--<button type="button" class="mui-btn mui-btn-grey ">提交信息</button>-->
				</div>
			</div>
		</div>
</template>

<script>
</script>

<style src="$project/assets/css/iconfont.css"></style>
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
<style src="$project/assets/css/xsy.css"></style>
<style>
</style>