style(business): 统一业务状态标签为文字+颜色样式
- 新增全局 `.status-text` 样式,去除 el-tag 背景和边框,仅保留彩色文字和跟随文字颜色的圆点 - 业务状态相关的 el-tag 标签全部加上 `class="status-text"`,覆盖调度状态、审批状态、运单状态等全站业务状态展示 - 统一发货模板查看弹窗的卡片样式,新增分区块样式与运费信息展示板块 - 调整发货模板弹窗详情 label 宽度,所有 el-descriptions 的 label 宽度统一为 140px 以保证视觉一致 - 表格列内嵌输入控件全宽默认样式生效,无需单独设置跨度,解决输入框显示不足问题 - 弹窗中的部分表单和导入区域使用 `section-card` 统一卡片风格 - 客商档案查看模式改为独立路由,实现查看与编辑隔离并调整对应操作按钮文案 - 相关样式调整及细节优化,包括运费单位颜色等辅助样式,保证界面细节统一规范
This commit is contained in:
@@ -64,7 +64,7 @@
|
||||
<el-link v-if="column.link && row[column.prop]" type="primary" @click="emitAction('view', row)">{{
|
||||
row[column.prop]
|
||||
}}</el-link>
|
||||
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">{{
|
||||
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">{{
|
||||
displayValue(row[column.prop])
|
||||
}}</el-tag>
|
||||
<span v-else-if="column.money">{{ formatMoney(row[column.prop], row.currency) }}</span>
|
||||
|
||||
@@ -411,26 +411,27 @@
|
||||
destroy-on-close
|
||||
class="pre-settlement-candidate-dialog"
|
||||
>
|
||||
<div class="dialog-section-title">选择结算明细</div>
|
||||
<el-form :model="candidateQuery" inline label-position="right" label-width="auto">
|
||||
<el-form-item label="批次号">
|
||||
<el-input v-model="candidateQuery.batchNo" clearable placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="费用日期">
|
||||
<el-date-picker
|
||||
v-model="candidateQuery.feeDateRange"
|
||||
type="daterange"
|
||||
value-format="YYYY-MM-DD"
|
||||
format="YYYY-MM-DD"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="loadCandidates">查询</el-button>
|
||||
<el-button @click="resetCandidateQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<section-card title="选择结算明细">
|
||||
<el-form :model="candidateQuery" inline label-position="right" label-width="auto">
|
||||
<el-form-item label="批次号">
|
||||
<el-input v-model="candidateQuery.batchNo" clearable placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="费用日期">
|
||||
<el-date-picker
|
||||
v-model="candidateQuery.feeDateRange"
|
||||
type="daterange"
|
||||
value-format="YYYY-MM-DD"
|
||||
format="YYYY-MM-DD"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="loadCandidates">查询</el-button>
|
||||
<el-button @click="resetCandidateQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</section-card>
|
||||
<el-table
|
||||
ref="candidateTableRef"
|
||||
v-loading="candidateDialog.loading"
|
||||
|
||||
@@ -118,7 +118,7 @@
|
||||
>
|
||||
{{ row[column.prop] }}
|
||||
</el-link>
|
||||
<el-tag v-else-if="column.status" :type="statusTagType(row.approvalStatus)">
|
||||
<el-tag v-else-if="column.status" :type="statusTagType(row.approvalStatus)" class="status-text">
|
||||
{{ row[column.prop] || '-' }}
|
||||
</el-tag>
|
||||
<span v-else-if="column.money">
|
||||
|
||||
@@ -71,7 +71,7 @@
|
||||
type="primary"
|
||||
@click="openView(row)"
|
||||
>{{ row[column.prop] }}</el-link
|
||||
><el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">{{
|
||||
><el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">{{
|
||||
row[column.prop] || '-'
|
||||
}}</el-tag
|
||||
><span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span
|
||||
|
||||
Reference in New Issue
Block a user