Skip to content

F
factory_front
Commit 5fafe2bd by linjinhong
Options

fix:【工厂端】页面查询条件样式优化#ID: 1000112

parent 3aaf0761
Showing with 104 additions and 47 deletions
src/views/order/index.vue
...@@ -4,7 +4,13 @@ ...@@ -4,7 +4,13 @@
<template #top> <template #top>
<div class="header-filter"> <div class="header-filter">
<div class="header-filter-form"> <div class="header-filter-form">
<ElForm :model="searchForm" size="default" inline> <ElForm
:model="searchForm"
size="default"
inline
label-position="right"
label-width="70px"
>
<ElFormItem> <ElFormItem>
<el-select <el-select
v-model="searchForm.timeType" v-model="searchForm.timeType"
...@@ -139,7 +145,7 @@ ...@@ -139,7 +145,7 @@
<el-select <el-select
v-model="searchForm.order" v-model="searchForm.order"
clearable clearable
style="width: 100px; margin-right: 5px" style="width: 125px"
placeholder="排序类型" placeholder="排序类型"
> >
<el-option value="asc" label="正序"></el-option> <el-option value="asc" label="正序"></el-option>
......
src/views/order/orderTracking/index.vue
...@@ -701,7 +701,14 @@ onMounted(() => { ...@@ -701,7 +701,14 @@ onMounted(() => {
<split-div otherSize="35"> <split-div otherSize="35">
<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"
label-position="right"
label-width="90px"
>
<ElFormItem label="仓库"> <ElFormItem label="仓库">
<ElSelect <ElSelect
v-model="searchForm.warehouseId" v-model="searchForm.warehouseId"
...@@ -1203,4 +1210,12 @@ onMounted(() => { ...@@ -1203,4 +1210,12 @@ onMounted(() => {
} }
} }
} }
.search-form {
::v-deep .el-radio-button {
width: 75px;
.el-radio-button__inner {
width: 100%;
}
}
}
</style> </style>
src/views/order/orderTracking/indexcn.vue
...@@ -686,7 +686,14 @@ onMounted(() => { ...@@ -686,7 +686,14 @@ onMounted(() => {
<split-div otherSize="35"> <split-div otherSize="35">
<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"
label-position="right"
label-width="90px"
>
<ElFormItem label="仓库"> <ElFormItem label="仓库">
<ElSelect <ElSelect
v-model="searchForm.warehouseId" v-model="searchForm.warehouseId"
...@@ -1172,4 +1179,12 @@ onMounted(() => { ...@@ -1172,4 +1179,12 @@ onMounted(() => {
} }
} }
} }
.search-form {
::v-deep .el-radio-button {
width: 75px;
.el-radio-button__inner {
width: 100%;
}
}
}
</style> </style>
src/views/order/pod/index.vue
<template> <template>
<div class="card flex-column h-100 overflow-hidden"> <div class="card flex-column h-100 overflow-hidden">
<div class="header-filter-form"> <div class="header-filter-form">
<ElForm :model="searchForm" size="default" inline> <ElForm
<ElFormItem> :model="searchForm"
<el-select size="default"
v-model="searchForm.timeType" inline
style="width: 100px; margin-right: 5px" label-position="right"
clearable label-width="70px"
placeholder="时间类型" >
>
<el-option :value="1" label="创建时间"></el-option>
<el-option :value="2" label="确认时间"></el-option>
<el-option :value="3" label="完成时间"></el-option>
<!-- <el-option :value="4" label="发货时间"></el-option> -->
</el-select>
<el-date-picker
v-model="timeRange"
:default-time="[
new Date(0, 0, 0, 0, 0, 0),
new Date(0, 0, 0, 23, 59, 59),
]"
placeholder="收货人"
value-format="YYYY-MM-DD HH:mm:ss"
type="datetimerange"
style="width: 280px"
:shortcuts="pickerOptions.shortcuts"
start-placeholder="开始时间"
end-placeholder="结束时间"
clearable
>
</el-date-picker>
</ElFormItem>
<ElFormItem label="客户"> <ElFormItem label="客户">
<el-select <el-select
v-model="searchForm.userMark" v-model="searchForm.userMark"
clearable clearable
filterable filterable
style="width: 100px" style="width: 150px"
placeholder="客户" placeholder="客户"
> >
<el-option <el-option
...@@ -77,7 +54,7 @@ ...@@ -77,7 +54,7 @@
v-model.trim="searchForm.sku" v-model.trim="searchForm.sku"
placeholder=" SKU" placeholder=" SKU"
clearable clearable
style="width: 130px" style="width: 150px"
></ElInput> ></ElInput>
</ElFormItem> </ElFormItem>
<!-- <ElFormItem label="发货单号"> <!-- <ElFormItem label="发货单号">
...@@ -85,7 +62,7 @@ ...@@ -85,7 +62,7 @@
v-model="searchForm.shipmentNumber" v-model="searchForm.shipmentNumber"
placeholder="发货单号" placeholder="发货单号"
clearable clearable
style="width: 130px" style="width: 150px"
/> />
</ElFormItem> --> </ElFormItem> -->
<ElFormItem label="生产单号"> <ElFormItem label="生产单号">
...@@ -93,7 +70,7 @@ ...@@ -93,7 +70,7 @@
v-model="searchForm.factorySubOrderNumber" v-model="searchForm.factorySubOrderNumber"
placeholder="定制生产单号" placeholder="定制生产单号"
clearable clearable
style="width: 130px" style="width: 150px"
/> />
</ElFormItem> </ElFormItem>
<ElFormItem label="订单号"> <ElFormItem label="订单号">
...@@ -101,7 +78,7 @@ ...@@ -101,7 +78,7 @@
v-model="searchForm.factoryOrderNumber" v-model="searchForm.factoryOrderNumber"
placeholder="定制订单号" placeholder="定制订单号"
clearable clearable
style="width: 130px" style="width: 150px"
/> />
</ElFormItem> </ElFormItem>
<ElFormItem label="店铺单号"> <ElFormItem label="店铺单号">
...@@ -109,7 +86,7 @@ ...@@ -109,7 +86,7 @@
v-model="searchForm.shopNumber" v-model="searchForm.shopNumber"
placeholder="店铺单号" placeholder="店铺单号"
clearable clearable
style="width: 130px" style="width: 150px"
/> />
</ElFormItem> </ElFormItem>
<ElFormItem label="素材ID"> <ElFormItem label="素材ID">
...@@ -117,7 +94,7 @@ ...@@ -117,7 +94,7 @@
v-model.trim="searchForm.productionFileId" v-model.trim="searchForm.productionFileId"
placeholder="素材ID" placeholder="素材ID"
clearable clearable
style="width: 130px" style="width: 150px"
></ElInput> ></ElInput>
</ElFormItem> </ElFormItem>
<ElFormItem label="内部标签"> <ElFormItem label="内部标签">
...@@ -125,14 +102,14 @@ ...@@ -125,14 +102,14 @@
v-model.trim="searchForm.internalMemo" v-model.trim="searchForm.internalMemo"
placeholder="内部标签" placeholder="内部标签"
clearable clearable
style="width: 100px" style="width: 150px"
></ElInput> ></ElInput>
</ElFormItem> </ElFormItem>
<ElFormItem label="排序"> <ElFormItem label="排序">
<el-select <el-select
v-model="searchForm.order" v-model="searchForm.order"
clearable clearable
style="width: 80px" style="width: 150px"
placeholder="排序类型" placeholder="排序类型"
> >
<el-option value="asc" label="正序"></el-option> <el-option value="asc" label="正序"></el-option>
...@@ -143,7 +120,7 @@ ...@@ -143,7 +120,7 @@
<el-select <el-select
v-model="searchForm.customizedQuantity" v-model="searchForm.customizedQuantity"
clearable clearable
style="width: 100px" style="width: 150px"
placeholder="定制类型" placeholder="定制类型"
> >
<el-option value="single" label="单面"></el-option> <el-option value="single" label="单面"></el-option>
...@@ -156,7 +133,7 @@ ...@@ -156,7 +133,7 @@
clearable clearable
filterable filterable
placeholder="尺码类型" placeholder="尺码类型"
style="width: 100px" style="width: 150px"
> >
<el-option <el-option
v-for="item in sizeList" v-for="item in sizeList"
...@@ -167,6 +144,35 @@ ...@@ -167,6 +144,35 @@
</ElSelect> </ElSelect>
</ElFormItem> </ElFormItem>
<ElFormItem> <ElFormItem>
<el-select
v-model="searchForm.timeType"
style="width: 100px; margin-right: 5px"
clearable
placeholder="时间类型"
>
<el-option :value="1" label="创建时间"></el-option>
<el-option :value="2" label="确认时间"></el-option>
<el-option :value="3" label="完成时间"></el-option>
<!-- <el-option :value="4" label="发货时间"></el-option> -->
</el-select>
<el-date-picker
v-model="timeRange"
:default-time="[
new Date(0, 0, 0, 0, 0, 0),
new Date(0, 0, 0, 23, 59, 59),
]"
placeholder="收货人"
value-format="YYYY-MM-DD HH:mm:ss"
type="datetimerange"
style="width: 280px"
:shortcuts="pickerOptions.shortcuts"
start-placeholder="开始时间"
end-placeholder="结束时间"
clearable
>
</el-date-picker>
</ElFormItem>
<ElFormItem>
<ElButton type="primary" @click="loadDiffList">查询</ElButton> <ElButton type="primary" @click="loadDiffList">查询</ElButton>
</ElFormItem> </ElFormItem>
<ElFormItem v-if="status === 'TO_BE_CONFIRMED'"> <ElFormItem v-if="status === 'TO_BE_CONFIRMED'">
......
src/views/order/podCN/index.vue
<template> <template>
<div class="card flex-column h-100 overflow-hidden"> <div class="card flex-column h-100 overflow-hidden">
<div class="header-filter-form"> <div class="header-filter-form">
<ElForm :model="searchForm" size="default" inline> <ElForm
class="search-form"
:model="searchForm"
size="default"
inline
label-position="right"
label-width="70px"
>
<ElFormItem label="仓库"> <ElFormItem label="仓库">
<ElSelect <ElSelect
v-model="searchForm.warehouseId" v-model="searchForm.warehouseId"
...@@ -120,7 +127,7 @@ ...@@ -120,7 +127,7 @@
<el-select <el-select
v-model="searchForm.order" v-model="searchForm.order"
clearable clearable
style="width: 100px" style="width: 150px"
placeholder="排序类型" placeholder="排序类型"
> >
<el-option value="asc" label="正序"></el-option> <el-option value="asc" label="正序"></el-option>
...@@ -5587,6 +5594,14 @@ useRouter().beforeEach((to, from, next) => { ...@@ -5587,6 +5594,14 @@ useRouter().beforeEach((to, from, next) => {
color: white; color: white;
font-weight: bold; font-weight: bold;
} }
.search-form {
::v-deep .el-radio-button {
width: 75px;
.el-radio-button__inner {
width: 100%;
}
}
}
</style> </style>
<style lang="scss"> <style lang="scss">
.customize-select-style { .customize-select-style {
......
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