DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 优化多个页面UI与交互细节

Browse Source 
1. 修改钢卷追踪页面标题，调整crm钢卷表格列宽与按钮文本
2. 优化采购审核、到货、计划页面表格列配置，添加材质列
3. 为多个页面添加详情加载状态，统一按钮间距样式
4. 新增采购到货页面模板下载功能，修复产品内容组件单元格内边距
This commit is contained in:
砂糖
2026-07-06 10:36:56 +08:00
parent ed69b65e96
commit f343552729
6 changed files with 69 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
klp-ui/src/views/crm/components/CoilTable.vue
View File

@@ -55,7 +55,7 @@
<el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
<el-table-column label="发货状态" align="center" prop="status" width="150">
<el-table-column label="发货状态" align="center" prop="status" width="80">
<template slot-scope="scope">
<el-tag v-if="scope.row.status === 1" type="success" size="mini">已发货</el-tag>
<el-tag v-else type="info" size="mini">未发货</el-tag>
@@ -72,7 +72,7 @@
</el-button>
<el-button size="mini" type="text" icon="el-icon-search"
@click="handleDigitalCoilNo(scope.row)">数字钢卷</el-button>
<el-button size="mini" type="text" icon="el-icon-search" @click="handleTrace(scope.row)">追溯</el-button>
<el-button size="mini" type="text" icon="el-icon-search" @click="handleTrace(scope.row)">钢卷追溯</el-button>
</template>
</el-table-column>
</KLPTable>
@@ -282,4 +282,10 @@ export default {
},
}
}
</script>
</script>
<style>
.el-table .el-button + .el-button {
margin-left: 0;
}
</style>

26
klp-ui/src/views/crm/contract/components/ProductContent.vue
View File

@@ -39,49 +39,49 @@
<!-- 产品行 -->
<div v-for="(item, index) in products" :key="index" class="table-row" :class="{ 'table-row-hover': !readonly }">
<div class="table-cell">
<div class="table-cell edit-cell">
<div class="serial-number">
<span>{{ index + 1 }}</span>
<el-button v-if="!readonly && products.length > 1" type="text" size="mini" icon="el-icon-delete"
class="delete-btn" @click="removeProduct(index)" />
</div>
</div>
<div class="table-cell">
<div class="table-cell edit-cell">
<el-input v-model="item.spec" placeholder="请输入规格" :readonly="readonly" size="small" />
</div>
<div class="table-cell">
<div class="table-cell edit-cell">
<el-select v-model="item.material" placeholder="请选择材质" :disabled="readonly" size="small" filterable allow-create clearable style="width:100%;">
<el-option v-for="opt in materialOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
</el-select>
</div>
<div class="table-cell">
<div class="table-cell edit-cell">
<el-input v-model="item.quantity" placeholder="请输入数量" :readonly="readonly" size="small"
@change="onQuantityChange(item)" />
</div>
<div class="table-cell">
<div class="table-cell edit-cell">
<el-input v-model="item.taxPrice" placeholder="请输入含税单价" :readonly="readonly" size="small"
@change="onTaxPriceChange(item)" />
</div>
<div class="table-cell">
<div class="table-cell edit-cell">
<el-input v-model="item.taxDivisor" placeholder="税率除数" :readonly="readonly"
size="small" />
</div>
<div class="table-cell">
<div class="table-cell edit-cell">
<el-input v-model="item.noTaxPrice" placeholder="无税单价" :readonly="readonly"
size="small" />
</div>
<div class="table-cell">
<div class="table-cell edit-cell">
<el-input v-model="item.taxTotal" placeholder="含税总额" :readonly="readonly" size="small" />
</div>
<div class="table-cell">
<div class="table-cell edit-cell">
<el-input v-model="item.noTaxTotal" placeholder="无税总额" :readonly="readonly"
size="small" />
</div>
<div class="table-cell">
<div class="table-cell edit-cell">
<el-input v-model="item.taxAmount" placeholder="税额" :readonly="readonly" size="small" />
</div>
<div class="table-cell">
<div class="table-cell edit-cell">
<el-input v-model="item.remark" placeholder="请输入备注" :readonly="readonly" size="small" />
</div>
</div>
@@ -397,6 +397,10 @@ export default {
align-items: center;
}
.edit-cell {
padding: 0px;
}
.table-cell:last-child {
border-right: none;
}