修改订单售后字段颜色

src/components/orderParts/parts/detail-1.vue

@@ -61,7 +61,7 @@ export default {
         // { label: '店铺名称', model: 'shop.name' },
         { label: '支付金额', model: 'real_pay' },
         { label: '商品数量', model: 'buy_num_total' },
-        { label: '是否售后', model: 'is_afterSale', format: (i) => (i === true ? '该订单有商品申请售后' : '未申请售后') },
+        { label: '是否售后', model: 'is_afterSale', format: (i) => (i === true ? '该订单有商品申请售后' : '未申请售后'), custom: true },
       ],
       // 多选值
       selected: [],

src/views/platmanag/order/index.vue

@@ -19,49 +19,97 @@
                 <el-col :span="24" class="one">
                   <search-1 :form="searchForm" @onSubmit="search" @querySearch="querySearch" @toReset="toClose" :shopList="shopList"> </search-1>
                 </el-col>
-                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless"> </data-table>
+                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless">
+                  <template #is_afterSale="{ row }">
+                    <span :style="{ color: row.is_afterSale === true ? 'red' : '' }">
+                      {{ row.is_afterSale === true ? '该订单有商品申请售后' : '未申请售后' }}</span
+                    >
+                  </template>
+                </data-table>
               </el-tab-pane>
               <el-tab-pane label="部分发货" name="3">
                 <el-col :span="24" class="one">
                   <search-1 :form="searchForm" @onSubmit="search" @querySearch="querySearch" @toReset="toClose" :shopList="shopList"> </search-1>
                 </el-col>
-                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless"> </data-table>
+                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless">
+                  <template #is_afterSale="{ row }">
+                    <span :style="{ color: row.is_afterSale === true ? 'red' : '' }">
+                      {{ row.is_afterSale === true ? '该订单有商品申请售后' : '未申请售后' }}</span
+                    >
+                  </template>
+                </data-table>
               </el-tab-pane>
               <el-tab-pane label="待收货" name="4">
                 <el-col :span="24" class="one">
                   <search-1 :form="searchForm" @onSubmit="search" @querySearch="querySearch" @toReset="toClose" :shopList="shopList"> </search-1>
                 </el-col>
-                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless"> </data-table>
+                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless">
+                  <template #is_afterSale="{ row }">
+                    <span :style="{ color: row.is_afterSale === true ? 'red' : '' }">
+                      {{ row.is_afterSale === true ? '该订单有商品申请售后' : '未申请售后' }}</span
+                    >
+                  </template>
+                </data-table>
               </el-tab-pane>
               <el-tab-pane label="已收货" name="5">
                 <el-col :span="24" class="one">
                   <search-1 :form="searchForm" @onSubmit="search" @querySearch="querySearch" @toReset="toClose" :shopList="shopList"> </search-1>
                 </el-col>
-                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless"> </data-table>
+                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless">
+                  <template #is_afterSale="{ row }">
+                    <span :style="{ color: row.is_afterSale === true ? 'red' : '' }">
+                      {{ row.is_afterSale === true ? '该订单有商品申请售后' : '未申请售后' }}</span
+                    >
+                  </template>
+                </data-table>
               </el-tab-pane>
               <el-tab-pane label="取消订单" name="6">
                 <el-col :span="24" class="one">
                   <search-1 :form="searchForm" @onSubmit="search" @querySearch="querySearch" @toReset="toClose" :shopList="shopList"> </search-1>
                 </el-col>
-                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless"> </data-table>
+                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless">
+                  <template #is_afterSale="{ row }">
+                    <span :style="{ color: row.is_afterSale === true ? 'red' : '' }">
+                      {{ row.is_afterSale === true ? '该订单有商品申请售后' : '未申请售后' }}</span
+                    >
+                  </template>
+                </data-table>
               </el-tab-pane>
               <el-tab-pane label="申请售后" name="7">
                 <el-col :span="24" class="one">
                   <search-1 :form="searchForm" @onSubmit="search" @querySearch="querySearch" @toReset="toClose" :shopList="shopList"> </search-1>
                 </el-col>
-                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless"> </data-table>
+                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless">
+                  <template #is_afterSale="{ row }">
+                    <span :style="{ color: row.is_afterSale === true ? 'red' : '' }">
+                      {{ row.is_afterSale === true ? '该订单有商品申请售后' : '未申请售后' }}</span
+                    >
+                  </template>
+                </data-table>
               </el-tab-pane>
               <el-tab-pane label="正在处理售后" name="8">
                 <el-col :span="24" class="one">
                   <search-1 :form="searchForm" @onSubmit="search" @querySearch="querySearch" @toReset="toClose" :shopList="shopList"> </search-1>
                 </el-col>
-                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless"> </data-table>
+                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless">
+                  <template #is_afterSale="{ row }">
+                    <span :style="{ color: row.is_afterSale === true ? 'red' : '' }">
+                      {{ row.is_afterSale === true ? '该订单有商品申请售后' : '未申请售后' }}</span
+                    >
+                  </template>
+                </data-table>
               </el-tab-pane>
               <el-tab-pane label="售后结束" name="9">
                 <el-col :span="24" class="one">
                   <search-1 :form="searchForm" @onSubmit="search" @querySearch="querySearch" @toReset="toClose" :shopList="shopList"> </search-1>
                 </el-col>
-                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless"> </data-table>
+                <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total" @detail="toDetails" @sales="toSaless">
+                  <template #is_afterSale="{ row }">
+                    <span :style="{ color: row.is_afterSale === true ? 'red' : '' }">
+                      {{ row.is_afterSale === true ? '该订单有商品申请售后' : '未申请售后' }}</span
+                    >
+                  </template>
+                </data-table>
               </el-tab-pane>
             </el-tabs>
           </el-col>
@@ -120,7 +168,7 @@ export default {
         { label: '收货人', model: 'address', showTip: false, format: (i) => this.getAddress(i) },
         { label: '支付金额', model: 'real_pay' },
         { label: '商品数量', model: 'buy_num_total' },
-        { label: '是否售后', model: 'is_afterSale', format: (i) => (i === true ? '该订单有商品申请售后' : '未申请售后') },
+        { label: '是否售后', model: 'is_afterSale', format: (i) => (i === true ? '该订单有商品申请售后' : '未申请售后'), custom: true },
       ],
     };
   },