Commit 54e49d0a by linjinhong

fix:修改样式

parent 5d1559bf
<script setup lang="ts"> <script setup lang="ts">
defineOptions({
name: 'OrderTracking',
})
import { import {
factoryWarehouseInfo, factoryWarehouseInfo,
warehouseInfo, warehouseInfo,
...@@ -477,122 +480,121 @@ onMounted(() => { ...@@ -477,122 +480,121 @@ onMounted(() => {
<template #top> <template #top>
<el-card> <el-card>
<ElForm :model="searchForm" size="default" inline class="search-form"> <ElForm :model="searchForm" size="default" inline class="search-form">
<div> <ElFormItem label="仓库">
<ElFormItem label="仓库"> <ElSelect
<ElSelect v-model="searchForm.warehouseId"
v-model="searchForm.warehouseId" clearable
clearable filterable
filterable placeholder="请输入"
placeholder="请输入" style="width: 150px"
style="width: 150px" >
> <el-option
<el-option v-for="item in warehouseList"
v-for="item in warehouseList" :key="item.id"
:key="item.id" :label="item.name"
:label="item.name" :value="item.id"
:value="item.id" ></el-option>
></el-option> </ElSelect>
</ElSelect> </ElFormItem>
</ElFormItem> <ElFormItem label="平台">
<ElFormItem label="平台"> <ElSelect
<ElSelect v-model="searchForm.platform"
v-model="searchForm.platform" value-key=""
value-key="" placeholder="请选择"
placeholder="请选择" clearable
clearable filterable
filterable popper-class="customize-select-style"
popper-class="customize-select-style" style="width: 150px"
style="width: 150px" >
> <ElOption
<ElOption v-for="(item, index) in platformJson"
v-for="(item, index) in platformJson" :key="index"
:key="index" :label="item.type"
:label="item.type" :value="item.type"
:value="item.type" style="width: 160px"
style="width: 160px"
>
<img
:src="`/images/icon/${item.icon.split('/').pop()}`"
style="height: 20px; margin: 5px 10px 0 0"
/>
<span :title="item.type">{{ item.type }}</span>
</ElOption>
</ElSelect>
</ElFormItem>
<ElFormItem label="工艺">
<ElSelect
v-model="searchForm.craftCode"
clearable
filterable
placeholder="请输入工艺"
style="width: 150px"
>
<el-option
v-for="item in craftList"
:key="item.craftCode"
:label="item.craftName"
:value="item.craftCode"
></el-option>
</ElSelect>
</ElFormItem>
<ElFormItem label="库存SKU">
<ElInput
v-model.trim="searchForm.thirdSkuCode"
placeholder="库存SKU"
clearable
style="width: 150px"
></ElInput>
</ElFormItem>
<ElFormItem label="款号">
<ElInput
v-model="searchForm.supplierProductNo"
placeholder="款号"
clearable
style="width: 150px"
/>
</ElFormItem>
<ElFormItem label="批次号">
<ElInput
v-model="searchForm.batchArrangeNumber"
placeholder="批次号"
clearable
style="width: 150px"
/>
</ElFormItem>
<ElFormItem label="生产单号">
<ElInput
v-model="searchForm.factorySubOrderNumber"
placeholder="生产单号"
clearable
style="width: 150px"
/>
</ElFormItem>
<ElFormItem label="店铺单号">
<ElInput
v-model="searchForm.shopNumber"
placeholder="店铺单号"
clearable
style="width: 150px"
/>
</ElFormItem>
<ElFormItem label="状态">
<ElSelect
v-model="searchForm.status"
clearable
filterable
placeholder="请输入"
style="width: 150px"
> >
<el-option <img
v-for="item in tabsNav" :src="`/images/icon/${item.icon.split('/').pop()}`"
:key="item.status" style="height: 20px; margin: 5px 10px 0 0"
:label="item.statusName" />
:value="item.status" <span :title="item.type">{{ item.type }}</span>
></el-option> </ElOption>
</ElSelect> </ElSelect>
</ElFormItem> </ElFormItem>
</div>
<ElFormItem label="工艺">
<ElSelect
v-model="searchForm.craftCode"
clearable
filterable
placeholder="请输入工艺"
style="width: 150px"
>
<el-option
v-for="item in craftList"
:key="item.craftCode"
:label="item.craftName"
:value="item.craftCode"
></el-option>
</ElSelect>
</ElFormItem>
<ElFormItem label="库存SKU">
<ElInput
v-model.trim="searchForm.thirdSkuCode"
placeholder="库存SKU"
clearable
style="width: 150px"
></ElInput>
</ElFormItem>
<ElFormItem label="款号">
<ElInput
v-model="searchForm.supplierProductNo"
placeholder="款号"
clearable
style="width: 150px"
/>
</ElFormItem>
<ElFormItem label="批次号">
<ElInput
v-model="searchForm.batchArrangeNumber"
placeholder="批次号"
clearable
style="width: 150px"
/>
</ElFormItem>
<ElFormItem label="生产单号">
<ElInput
v-model="searchForm.factorySubOrderNumber"
placeholder="生产单号"
clearable
style="width: 150px"
/>
</ElFormItem>
<ElFormItem label="店铺单号">
<ElInput
v-model="searchForm.shopNumber"
placeholder="店铺单号"
clearable
style="width: 150px"
/>
</ElFormItem>
<ElFormItem label="状态">
<ElSelect
v-model="searchForm.status"
clearable
filterable
placeholder="请输入"
style="width: 150px"
>
<el-option
v-for="item in tabsNav"
:key="item.status"
:label="item.statusName"
:value="item.status"
></el-option>
</ElSelect>
</ElFormItem>
<ElFormItem label="类型"> <ElFormItem label="类型">
<el-radio-group v-model="searchForm.customizedQuantity"> <el-radio-group v-model="searchForm.customizedQuantity">
<el-radio-button value="single">单面</el-radio-button> <el-radio-button value="single">单面</el-radio-button>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment