feat(UI组件): 重构产品与原材料选择组件样式和交互
优化产品选择(ProductSelect)和原材料选择(RawMaterialSelect)组件的UI样式和交互逻辑: 1. 将触发按钮改为输入框样式,提升视觉一致性 2. 简化卡片布局,移除冗余的选择按钮 3. 优化选中状态显示,增加规格和材质信息 4. 调整表单样式,减小字体大小和间距 5. 更新空状态提示文案为"暂无发货记录"和"暂无入库记录" 6. 在package.json中添加volta配置指定node版本
This commit is contained in:
@@ -150,7 +150,7 @@
|
||||
<div v-loading="actionLoading" class="card-grid-container">
|
||||
<div v-if="pendingActions.length === 0" class="empty-state">
|
||||
<i class="el-icon-document"></i>
|
||||
<p>暂无待操作任务</p>
|
||||
<p>暂无发货记录</p>
|
||||
</div>
|
||||
<div
|
||||
v-for="(item, index) in pendingActions"
|
||||
|
||||
@@ -58,10 +58,8 @@
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item :label="getItemLabel" prop="itemId" v-if="!form.coilId">
|
||||
<product-select v-if="form.itemType == 'product'" v-model="form.itemId" placeholder="请选择成品"
|
||||
style="width: 100%;" clearable />
|
||||
<raw-material-select v-else-if="form.itemType == 'raw_material'" v-model="form.itemId"
|
||||
placeholder="请选择原料" style="width: 100%;" clearable />
|
||||
<product-select v-if="form.itemType == 'product'" v-model="form.itemId" clearable />
|
||||
<raw-material-select v-else-if="form.itemType == 'raw_material'" v-model="form.itemId" clearable />
|
||||
<div v-else>请先选择材料类型</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -140,7 +138,7 @@
|
||||
<div v-loading="actionLoading" class="card-grid-container">
|
||||
<div v-if="pendingActions.length === 0" class="empty-state">
|
||||
<i class="el-icon-document"></i>
|
||||
<p>暂无待操作任务</p>
|
||||
<p>暂无入库记录</p>
|
||||
</div>
|
||||
<div
|
||||
v-for="(item, index) in pendingActions"
|
||||
|
||||
Reference in New Issue
Block a user