| | |
| | | <!-- 物料资料新增 --> |
| | | <!-- 物料资料新增原片 --> |
| | | |
| | | <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"> |
| | | <el-row gutter="5" v-show="value=='原片'" > |
| | | <el-col :span="4.5"> |
| | | <el-input v-model="name" placeholder="请输入物料编码" style="width: 150px; height: 30px;" /> |
| | | 长度 <el-input v-show="value=='原片'" v-model="name" placeholder="请输入长度" style="width: 150px; height: 30px;" /> |
| | | </el-col> |
| | | <el-col :span="4.5"> |
| | | <el-input v-model="productName" placeholder="请输入物料名称" style="width: 150px; height: 30px;" /> |
| | | 厚度 <el-input v-show="value=='原片'" v-model="name" placeholder="请输入厚度" style="width: 150px; height: 30px;" /> |
| | | </el-col> |
| | | <el-col :span="4.5"> |
| | | <el-input v-model="salId" placeholder="请输入重量" style="width: 150px; height: 30px;" /> |
| | | 宽度 <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>合格品</el-dropdown-item> |
| | | <el-dropdown-item>一等品</el-dropdown-item> |
| | | <el-dropdown-item>协议品</el-dropdown-item> |
| | | <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>非镀膜</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-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-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>原片</el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </template> |
| | | </el-dropdown> |
| | | </el-col> |
| | | |
| | | |
| | | |
| | | |
| | | </el-row> |
| | | |
| | | <el-divider ></el-divider> <!-- 添加分隔线 --> |
| | | <!-- <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-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-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-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-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-row gutter="5">--> |
| | | |
| | | <el-divider ></el-divider> <!-- 添加分隔线 --> |
| | | |
| | | <!-- <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-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-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" > |