<!-- 物料资料新增原片 -->
|
|
<script lang="ts" setup>
|
import {ref} from "vue";
|
const value = ref('')
|
const options = [
|
{
|
value: '原片',
|
label: '原片'
|
},
|
{
|
value: '辅料',
|
label: '辅料',
|
}
|
]
|
</script>
|
<template>
|
|
<div class="center-box">
|
|
<el-card class="form-card">
|
<el-form size="medium" >
|
<div>
|
<el-row>
|
<el-col :span="4">
|
<el-select v-model="value" placeholder="请选择类别">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
/>
|
</el-select>
|
</el-col>
|
</el-row>
|
</div>
|
|
<el-divider ></el-divider> <!-- 添加分隔线 -->
|
|
<el-row gutter="5" v-show="value=='原片'" >
|
<el-col :span="4.5">
|
长度 <el-input v-show="value=='原片'" v-model="name" placeholder="请输入长度" style="width: 150px; height: 30px;" />
|
</el-col>
|
<el-col :span="4.5">
|
厚度 <el-input v-show="value=='原片'" v-model="name" placeholder="请输入厚度" style="width: 150px; height: 30px;" />
|
</el-col>
|
<el-col :span="4.5">
|
宽度 <el-input v-show="value=='原片'" v-model="name" placeholder="请输入宽度" style="width: 150px; height: 30px;" />
|
</el-col>
|
<!-- <el-col :span="4">-->
|
<!-- <el-dropdown>-->
|
<!-- <el-button type="primary">-->
|
<!-- 膜系<el-icon class="el-icon--right" style="width: 66px;"><arrow-down /></el-icon>-->
|
<!-- </el-button>-->
|
<!-- <template #dropdown>-->
|
<!-- <el-dropdown-menu>-->
|
<!-- <el-dropdown-item>非镀膜</el-dropdown-item>-->
|
<!-- <el-dropdown-item>在线LOW-E</el-dropdown-item>-->
|
<!-- <el-dropdown-item>SUPPER-I</el-dropdown-item>-->
|
<!-- <el-dropdown-item>SUPPER-I+</el-dropdown-item>-->
|
<!-- <el-dropdown-item>SUPPER-II</el-dropdown-item>-->
|
<!-- <el-dropdown-item>SUPPER-III</el-dropdown-item>-->
|
<!-- <el-dropdown-item>SUPPER-V</el-dropdown-item>-->
|
<!-- <el-dropdown-item>SUPPER-IA</el-dropdown-item>-->
|
<!-- <el-dropdown-item>SUNLITE LOWE</el-dropdown-item>-->
|
<!-- <el-dropdown-item>LOW-E40</el-dropdown-item>-->
|
<!-- <el-dropdown-item>LOW-E40A</el-dropdown-item>-->
|
<!-- <el-dropdown-item>LOW-E50</el-dropdown-item>-->
|
<!-- <el-dropdown-item>LOW-E55N</el-dropdown-item>-->
|
<!-- </el-dropdown-menu>-->
|
<!-- </template>-->
|
<!-- </el-dropdown>-->
|
<!-- </el-col>-->
|
</el-row>
|
<el-divider ></el-divider> <!-- 添加分隔线 -->
|
<el-row gutter="5" v-show="value=='原片'|| value=='辅料'">
|
<el-col :span="4.5">
|
名称 <el-input v-show="value=='原片' || value=='辅料'" v-model="productName" placeholder="请输入名称" style="width: 150px; height: 30px;" />
|
</el-col>
|
<el-col :span="4.5">
|
数量 <el-input v-show="value=='原片' || value=='辅料'" v-model="salId" placeholder="请输入数量" style="width: 150px; height: 30px;" />
|
</el-col>
|
<el-col :span="4.5">
|
单位 <el-input v-model="name" placeholder="请输入单位" style="width: 150px; height: 30px;" />
|
</el-col>
|
<el-col :span="4.5">
|
型号<el-input v-model="name" placeholder="请输入型号" style="width: 150px; height: 30px;" />
|
</el-col>
|
</el-row>
|
<el-divider v-show="false" ></el-divider> <!-- 添加分隔线 -->
|
<!-- <el-row gutter="5">-->
|
<!-- <el-col span="4.5">-->
|
<!-- <el-input v-model="name" placeholder="请输入换算单位" style="width: 150px; height: 30px;" />-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="4.5">-->
|
<!-- <el-input v-model="name" placeholder="请输入换算率" style="width: 150px; height: 30px;" />-->
|
<!-- </el-col>-->
|
<!-- </el-row>-->
|
|
<el-divider ></el-divider> <!-- 添加分隔线 -->
|
|
<el-row gutter="5">
|
|
|
|
|
</el-row>
|
|
<!-- <el-divider ></el-divider> <!– 添加分隔线 –>-->
|
|
<!-- <el-row gutter="5">-->
|
<!-- <el-col :span="4.5">-->
|
<!-- <el-input v-model="name" placeholder="请输入型号" style="width: 150px; height: 30px;" />-->
|
<!-- </el-col>-->
|
|
<!-- <el-col :span="4.5">-->
|
<!-- <el-input v-model="name" placeholder="请输入单位" style="width: 150px; height: 30px;" />-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="4">-->
|
<!-- <el-dropdown>-->
|
<!-- <el-button type="primary">-->
|
<!-- 产地<el-icon class="el-icon--right" style="width: 66px;"><arrow-down /></el-icon>-->
|
<!-- </el-button>-->
|
<!-- <template #dropdown>-->
|
<!-- <el-dropdown-menu>-->
|
<!-- <el-dropdown-item>暂无</el-dropdown-item>-->
|
<!-- </el-dropdown-menu>-->
|
<!-- </template>-->
|
<!-- </el-dropdown>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="4">-->
|
<!-- <el-dropdown>-->
|
<!-- <el-button type="primary">-->
|
<!-- 中类<el-icon class="el-icon--right" style="width: 66px;"><arrow-down /></el-icon>-->
|
<!-- </el-button>-->
|
<!-- <template #dropdown>-->
|
<!-- <el-dropdown-menu>-->
|
<!-- <el-dropdown-item>0</el-dropdown-item>-->
|
<!-- </el-dropdown-menu>-->
|
<!-- </template>-->
|
<!-- </el-dropdown>-->
|
<!-- </el-col>-->
|
<!-- </el-row>-->
|
|
|
<!-- <el-divider ></el-divider> <!– 添加分隔线 –>-->
|
|
<!-- <el-row gutter="5">-->
|
|
|
<!-- <el-col :span="4.5">-->
|
<!-- <el-input v-model="name" placeholder="请输入备注" style="width: 150px; height: 30px;" />-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="4">-->
|
<!-- <el-dropdown>-->
|
<!-- <el-button type="primary">-->
|
<!-- 小类<el-icon class="el-icon--right" style="width: 66px;"><arrow-down /></el-icon>-->
|
<!-- </el-button>-->
|
<!-- <template #dropdown>-->
|
<!-- <el-dropdown-menu>-->
|
<!-- <el-dropdown-item>0</el-dropdown-item>-->
|
<!-- </el-dropdown-menu>-->
|
<!-- </template>-->
|
<!-- </el-dropdown>-->
|
<!-- </el-col>-->
|
<!-- </el-row>-->
|
|
<!-- <el-divider ></el-divider> <!– 添加分隔线 –>-->
|
|
|
<!-- <el-row gutter="5">-->
|
<!--<!– <el-col :span="4.5">–>-->
|
<!--<!– <el-input v-model="name" placeholder="请输入保质期" style="width: 150px; height: 30px;" />–>-->
|
<!--<!– </el-col>–>-->
|
<!--<!– <el-col :span="4.5">–>-->
|
<!--<!– <el-input v-model="name" placeholder="请输入最高预警" style="width: 150px; height: 30px;" />–>-->
|
<!--<!– </el-col>–>-->
|
<!--<!– <el-col :span="4.5">–>-->
|
<!--<!– <el-input v-model="name" placeholder="请输入拆包预警" style="width: 150px; height: 30px;" />–>-->
|
<!--<!– </el-col>–>-->
|
|
<!-- </el-row>-->
|
<!-- <el-divider ></el-divider> <!– 添加分隔线 –>-->
|
<el-row gutter="10" justify="center" >
|
<el-col span="4">
|
<el-button id="searchButton" type="primary" :icon="Search">查询</el-button>
|
</el-col>
|
<el-col span="4">
|
<el-button id="searchButton" type="primary" :icon="Search">确定</el-button>
|
</el-col>
|
</el-row>
|
</el-form>
|
</el-card>
|
</div>
|
|
</template>
|
<style>
|
.centered-box {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
height: 100vh;
|
}
|
|
.form-card {
|
width: 1000px;
|
padding: 30px 30px;
|
}
|
.button-row {
|
display: flex;
|
justify-content: center;
|
margin-top: 20px;
|
}
|
</style>
|
