Browse Source

搜索样式适配

zhangyong/feature-20260113094820-现金重构
ZhangYong 1 month ago
parent
commit
6a2c06d108
  1. 13
      src/views/moneyManage/financialAccount/cashFlow.vue
  2. 8
      src/views/moneyManage/financialAccount/performanceAttribution.vue

13
src/views/moneyManage/financialAccount/cashFlow.vue

@ -294,10 +294,6 @@ onMounted(() => {
<span class="label">订单号</span> <span class="label">订单号</span>
<el-input v-model="queryParams.orderCode" placeholder="请输入订单号" clearable /> <el-input v-model="queryParams.orderCode" placeholder="请输入订单号" clearable />
</div> </div>
</div>
<!-- 第二行 -->
<div class="search-row">
<div class="search-item" style="width: auto;"> <div class="search-item" style="width: auto;">
<span class="label">付款时间</span> <span class="label">付款时间</span>
@ -319,6 +315,7 @@ onMounted(() => {
</div> </div>
</div> </div>
</div> </div>
</el-card> </el-card>
<!-- 表格区域 --> <!-- 表格区域 -->
@ -327,7 +324,7 @@ onMounted(() => {
<el-table-column type="index" label="序号" width="60" align="center" fixed="left" /> <el-table-column type="index" label="序号" width="60" align="center" fixed="left" />
<el-table-column prop="jwcode" label="精网号" width="120" fixed="left" /> <el-table-column prop="jwcode" label="精网号" width="120" fixed="left" />
<el-table-column prop="name" label="姓名" width="150" show-overflow-tooltip /> <el-table-column prop="name" label="姓名" width="150" show-overflow-tooltip />
<el-table-column prop="market" label="所属地区" width="120" show-overflow-tooltip />
<el-table-column prop="marketName" label="所属地区" width="120" show-overflow-tooltip />
<el-table-column prop="orderCode" label="系统交易号" width="280" show-overflow-tooltip /> <el-table-column prop="orderCode" label="系统交易号" width="280" show-overflow-tooltip />
<el-table-column prop="paymentAmount" label="付款金额" width="150" align="right"> <el-table-column prop="paymentAmount" label="付款金额" width="150" align="right">
@ -335,14 +332,14 @@ onMounted(() => {
{{ row.paymentAmount }} {{ row.paymentCurrency }} {{ row.paymentAmount }} {{ row.paymentCurrency }}
</template> --> </template> -->
</el-table-column> </el-table-column>
<el-table-column prop="paymentCurrency" label="付款币种" width="120" show-overflow-tooltip />
<el-table-column prop="paymentCurrencyName" label="付款币种" width="120" show-overflow-tooltip />
<el-table-column prop="receivedAmount" label="到账金额" width="150" align="right"> <el-table-column prop="receivedAmount" label="到账金额" width="150" align="right">
<!-- <template #default="{ row }"> <!-- <template #default="{ row }">
{{ row.receivedAmount }} {{ row.receivedCurrency }} {{ row.receivedAmount }} {{ row.receivedCurrency }}
</template> --> </template> -->
</el-table-column> </el-table-column>
<el-table-column prop="receivedCurrency" label="到账币种" width="120" show-overflow-tooltip />
<el-table-column prop="receivedCurrencyName" label="到账币种" width="120" show-overflow-tooltip />
<el-table-column prop="handlingCharge" label="手续费" width="100" align="right" /> <el-table-column prop="handlingCharge" label="手续费" width="100" align="right" />
<el-table-column prop="payType" label="支付方式" width="120" align="center" /> <el-table-column prop="payType" label="支付方式" width="120" align="center" />
@ -469,7 +466,7 @@ onMounted(() => {
} }
.search-btn-group { .search-btn-group {
margin-left: auto; //
margin-left: 20px; //
display: flex; display: flex;
gap: 10px; gap: 10px;
} }

8
src/views/moneyManage/financialAccount/performanceAttribution.vue

@ -273,7 +273,7 @@ onMounted(() => {
collapse-tags-tooltip collapse-tags-tooltip
placeholder="请选择地区" placeholder="请选择地区"
clearable clearable
style="width: 220px;"
style="width: 8vw;"
/> />
</div> </div>
@ -286,18 +286,16 @@ onMounted(() => {
start-placeholder="开始时间" start-placeholder="开始时间"
end-placeholder="结束时间" end-placeholder="结束时间"
:default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]" :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
style="width: 350px;"
style="width: 18vw;"
/> />
</div> </div>
<div class="search-btn-group">
<el-button type="primary" @click="handleSearch">{{ t('common.search') }}</el-button> <el-button type="primary" @click="handleSearch">{{ t('common.search') }}</el-button>
<el-button type="primary" @click="handleExport">{{ t('common.exportExcel') }}</el-button> <el-button type="primary" @click="handleExport">{{ t('common.exportExcel') }}</el-button>
<el-button type="primary" @click="openExportList">{{ t('common.viewExportList') }}</el-button> <el-button type="primary" @click="openExportList">{{ t('common.viewExportList') }}</el-button>
<el-button type="success" @click="handleReset">{{ t('common.reset') }}</el-button> <el-button type="success" @click="handleReset">{{ t('common.reset') }}</el-button>
</div> </div>
</div> </div>
</div>
</el-card> </el-card>
<!-- 表格区域 --> <!-- 表格区域 -->
@ -419,7 +417,7 @@ onMounted(() => {
} }
.el-input, .el-select { .el-input, .el-select {
width: 200px;
width: 8vw;
} }
} }

Loading…
Cancel
Save