服务管理 QQ音乐

src/views/service/qqmusic/index.vue

@@ -3,27 +3,26 @@
     <!-- 搜索 -->
     <el-form inline label-width="100px" size="mini">
       <el-form-item label="批次：">
-        <el-select v-model="form.batchId" placeholder="请选择批次">
+        <el-select v-model="form.batchId" placeholder="请选择批次" clearable>
           <el-option v-for="item in batchOptions" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="服务时长：">
-        <el-select v-model="form.serviceTime" placeholder="请选择服务时长">
-          <el-option v-for="item in dict.type.serve_time_list" :key="item.value" :label="item.label"
-            :value="item.value" />
+        <el-select v-model="form.serviceTime" placeholder="请选择服务时长" clearable>
+          <el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="当前状态：">
-        <el-select v-model="form.status" placeholder="请选择当前状态">
-          <el-option v-for="item in dict.type.push_message_status" :key="item.value" :label="item.label"
+        <el-select v-model="form.status" placeholder="请选择当前状态" clearable>
+          <el-option v-for="item in statusOptions" :key="item.value" :label="item.label"
             :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="用户姓名：">
-        <el-input v-model="form.name" placeholder="请输入用户姓名" />
+        <el-input v-model="form.name" placeholder="请输入用户姓名" clearable />
       </el-form-item>
       <el-form-item label="手机号：">
-        <el-input v-model="form.phone" placeholder="请输入手机号" />
+        <el-input v-model="form.phone" placeholder="请输入手机号" clearable />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="getSearch">搜索</el-button>
@@ -124,7 +123,6 @@
 import { page, send, importData, detail, past, batchList, batchPage } from '@/api/service/qqmusic'
 import Upload from '@/components/Upload/index'
 export default {
-  dicts: ['push_message_status', 'serve_time_list'],
   components: {
     Upload
   },
@@ -165,7 +163,26 @@ export default {
         value: 2,
         label: '删除'
       }],
-      batchOptions: []
+      batchOptions: [],
+      // 服务时长
+      timeOptions: [
+        { value: 1, label: '7天' },
+        { value: 2, label: '14天' },
+        { value: 3, label: '1个月' },
+        { value: 4, label: '3个月' },
+        { value: 5, label: '6个月' },
+        { value: 6, label: '1年' },
+        { value: 7, label: '2年' },
+        { value: 8, label: '3年' },
+        { value: 9, label: '5年' },
+        { value: 0, label: '永久' }
+      ],
+      // 当前状态
+      statusOptions: [
+        { value: 0, label: '已发送' },
+        { value: 1, label: '未发送' },
+        { value: 2, label: '发送失败' }
+      ]
     }
   },
   mounted() {
@@ -307,10 +324,10 @@ export default {
 
     // 字典翻译
     statusFormatter(row) {
-      return this.selectDictLabel(this.dict.type.push_message_status, row.codeStatus)
+      return this.selectDictLabel(this.statusOptions, row.codeStatus)
     },
     timeFormatter(row) {
-      return this.selectDictLabel(this.dict.type.serve_time_list, row.serviceTime)
+      return this.selectDictLabel(this.timeOptions, row.serviceTime)
     },
     batchFormatter(row) {
       return this.selectDictLabel(this.batchStatusOptions, row.status)