<script setup>
|
|
</script>
|
|
<template>
|
<div class="main-div">
|
|
<div class="order-primary">
|
<el-row>
|
<el-col :span="2"><el-text>*项目名称：</el-text></el-col>
|
<el-col :span="2"><el-input/></el-col>
|
<el-col :span="2"><el-text>*客户选择：</el-text></el-col>
|
<el-col :span="2">
|
<el-select clearable placeholder=" " >
|
<el-option/>
|
</el-select>
|
</el-col>
|
<el-col :span="2"><el-text>*订单类型：</el-text></el-col>
|
<el-col :span="2">
|
<el-select clearable placeholder=" " >
|
<el-option />
|
</el-select>
|
</el-col>
|
<el-col :span="2"><el-text>订单分类：</el-text></el-col>
|
<el-col :span="2">
|
<el-select clearable placeholder=" " >
|
<el-option/>
|
</el-select>
|
</el-col>
|
<el-col :span="2"><el-text>商标选项：</el-text></el-col>
|
<el-col :span="2">
|
<el-select clearable placeholder=" " >
|
<el-option/>
|
</el-select>
|
</el-col>
|
<el-col :span="2"><el-text>包装方式：</el-text></el-col>
|
<el-col :span="2">
|
<el-select clearable placeholder=" " >
|
<el-option/>
|
</el-select>
|
</el-col>
|
<!-- <el-col :span="2"><el-text /></el-col>-->
|
</el-row>
|
<el-row>
|
<el-col :span="2"><el-text>销售单号：</el-text></el-col>
|
<el-col :span="2"><el-text /></el-col>
|
<el-col :span="2"><el-text>交货日期：</el-text></el-col>
|
<el-col :span="2">
|
<el-date-picker
|
type="week"
|
format="[Week] ww"
|
placeholder="选择日期"/>
|
</el-col>
|
<el-col :span="2"><el-text>批次：</el-text></el-col>
|
<el-col :span="2"><el-input/></el-col>
|
<el-col :span="2"><el-text>计算方式：</el-text></el-col>
|
<el-col :span="2">
|
<el-select clearable placeholder=" " >
|
<el-option/>
|
</el-select>
|
</el-col>
|
<el-col :span="2"><el-text>*业务员：</el-text></el-col>
|
<el-col :span="2">
|
<el-select clearable placeholder=" " >
|
<el-option/>
|
</el-select>
|
</el-col>
|
<el-col :span="2"><el-text>铝条方式：</el-text></el-col>
|
<el-col :span="2">
|
<el-select clearable placeholder=" " >
|
<el-option/>
|
</el-select>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="2"><el-text>总金额：</el-text></el-col>
|
<el-col :span="2"><el-text /></el-col>
|
|
<el-col :span="2"><el-text>合同编号：</el-text></el-col>
|
<el-col :span="2"><el-input/></el-col>
|
<el-col :span="2"><el-text>客户批次：</el-text></el-col>
|
<el-col :span="2"><el-text /></el-col>
|
<el-col :span="2"><el-text>联系人：</el-text></el-col>
|
<el-col :span="2"><el-input/></el-col>
|
<el-col :span="2"><el-text>联系电话：</el-text></el-col>
|
<el-col :span="2"><el-input/></el-col>
|
<el-col :span="2"><el-text>送货地址：</el-text></el-col>
|
<el-col :span="2"><el-input/></el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="2"><el-text>其他金额：</el-text></el-col>
|
<el-col :span="2"><el-text /></el-col>
|
<el-col style="background-color: #337ecc" :span="2"><el-button style="width: 100%" type="primary">加工要求</el-button></el-col>
|
<el-col style="background-color: #337ecc" :span="2"><el-button style="width: 100%" type="primary">导入Excel</el-button></el-col>
|
<el-col style="background-color: #337ecc" :span="2"><el-button style="width: 100%" type="primary">提交</el-button></el-col>
|
</el-row>
|
</div>
|
<div class="order-detail">
|
<el-table
|
:header-cell-style="{ 'text-align': 'center' }"
|
:cell-style="{ 'text-align': 'center' }"
|
border
|
>
|
<el-table-column label="序号" />
|
<el-table-column label="楼号" />
|
<el-table-column label="产品" />
|
<el-table-column label="宽" />
|
<el-table-column label="高" />
|
<el-table-column label="数量" />
|
<el-table-column label="单价" />
|
<el-table-column label="形状" />
|
|
<el-table-column label="实际总/单片面积" width="150"/>
|
<el-table-column label="结算单片面积" width="150" />
|
<el-table-column label="结算总面积" width="150" />
|
<el-table-column label="加工要求" width="100" />
|
<el-table-column label="外购" />
|
<el-table-column label="备注" />
|
</el-table>
|
</div>
|
</div>
|
</template>
|
|
<style scoped>
|
.main-div {
|
width: 100%;
|
height: 100%;
|
text-align: center;
|
}
|
.el-col{
|
border: #181818 1px solid;
|
}
|
:deep(.el-input__wrapper) {
|
box-shadow: 0 0 0 0 var(--el-input-border-color, var(--el-border-color)) inset;
|
cursor: default;
|
border: none !important;
|
background-color: transparent;
|
}
|
.order-primary{
|
width: 100%;
|
}
|
.order-detail{
|
width: 100%;
|
height: 80%;
|
}
|
|
</style>
|
