修改表格特殊行样式、增加查重订单搜索按钮 #118

Merged
zhangqi merged 1 commits from zq-orderListTwo-0813 into master 5 days ago
  1. 12
      src/views/agent/checkOrderList.vue
  2. 9
      src/views/agent/siteServiceList.vue

12
src/views/agent/checkOrderList.vue

@ -89,14 +89,16 @@
:options="donwReportNameFormat" @change="changeReportNameFormat()" clearable
v-if="pageTab == 'check'" />
</div>
<GuipInput label="订单号" v-model="searchTid" @blur="changeSearchTid()" placeholder="请输入订单号"
<div class="flex gap8">
<GuipInput label="订单号" width="280px" v-model="searchTid" placeholder="请输入订单号"
ref="GuipInput" />
<GuipButton type="system" @click="changeSearchTid">搜索</GuipButton>
</div>
</div>
<PromptText class="my-32" text='订单提示:电商订单,提交检测后会自动发货,请勿手动发货、代收款订单,退款须由平台操作,不可私自退款' :type="2" />
<GuipTable :tableData="orderList" ref="multipleTable" autoColumn="true" :loading="tableLoading">
<GuipTable :tableData="orderList" ref="multipleTable" autoColumn="true" :loading="tableLoading" style="flex:1">
<el-table-column prop="sitename" label="站点" fixed="left" min-width="60px">
<template slot-scope="scope">
<div class="flex">
@ -197,7 +199,7 @@
</el-table-column>
<el-table-column prop="income" label="实际收入" min-width="100px"></el-table-column>
<el-table-column prop="cost" label="成本"></el-table-column>
<el-table-column prop="status_desc" label="状态" min-width="150px">
<el-table-column prop="status_desc" label="状态" min-width="150px" fixed="right">
<template slot-scope="scope">
<div class="flex">
<div v-if="scope.row.status == 1" class="status-item divgreen">
@ -230,7 +232,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="操作" min-width="80px">
<el-table-column label="操作" min-width="80px" fixed="right">
<template slot-scope="scope">
<div class="flex">
<el-button v-if="scope.row.status == 1" @click="showConfirmDelReport(scope.row)"

9
src/views/agent/siteServiceList.vue

@ -526,8 +526,13 @@ export default {
<style lang="scss" scoped>
::v-deep .specialBack{
background-color: #FAFAFA !important;
color: #626573;
opacity: .6;
color: #8A9099;
td{
color:#8A9099
}
.el-link.el-link--primary{
color: #64A3FD;
}
}
::v-deep .custom-popover {
position: fixed !important;

Loading…
Cancel
Save