兑换码

src/views/service/code/index.vue

@@ -1,7 +1,16 @@
 <template>
   <div class="app-container">
     <!-- 搜索 -->
-    <el-form inline label-width="auto" size="mini">
+    <el-form inline size="mini">
+      <el-form-item label="批次号：">
+        <el-input v-model="form.no" placeholder="请输入批次号" />
+      </el-form-item>
+      <el-form-item label="服务时长：">
+        <el-select v-model="form.serviceTime" placeholder="请选择服务时长">
+          <el-option v-for="item in serviceTimeOptions" :key="item.value" :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
       <el-form-item label="创建时间：">
         <el-date-picker v-model="date" type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间"
           value-format="yyyy-MM-dd HH:mm:ss" clearable />
@@ -9,13 +18,16 @@
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="getSearch">搜索</el-button>
         <el-button icon="el-icon-refresh" @click="getRefresh">重置</el-button>
-        <el-button type="primary" plain icon="el-icon-plus" @click="dialogVisible = true" v-hasPermi="['service:code:add']">新增</el-button>
+        <el-button type="primary" plain icon="el-icon-plus" @click="dialogVisible = true"
+          v-hasPermi="['service:code:add']">新增</el-button>
       </el-form-item>
     </el-form>
     <!-- 列表 -->
     <el-table :data="tableData" v-loading="loading">
       <el-table-column label="序号" type="index" align="center" />
       <el-table-column label="兑换数量" prop="num" align="center" />
+      <el-table-column label="批次号" prop="no" align="center" />
+      <el-table-column label="服务时长" prop="serviceTime" align="center" :formatter="serviceFormatter" />
       <el-table-column label="创建时间" prop="createTime" align="center" />
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
@@ -149,6 +161,11 @@ export default {
       this.download(url, {
         no: id
       }, `${id}.${type}`)
+    },
+
+    // 字典翻译
+    serviceFormatter(row) {
+      return this.selectDictLabel(this.serviceTimeOptions, row.serviceTime)
     }
   }
 }