服务管理 流量套餐 运营商改成流量套餐

src/views/service/flowPackage/detail.vue

@@ -11,9 +11,8 @@
         <el-input v-model="form.name" placeholder="请输入套餐名称" />
       </el-form-item>
       <el-form-item label="流量套餐：">
-        <el-select v-model="form.operator" placeholder="请选择流量套餐">
-          <el-option v-for="item in operatorOptions" :key="item.value" :label="item.label"
-            :value="item.value" />
+        <el-select v-model="form.goodsId" placeholder="请选择流量套餐">
+          <el-option v-for="(item, index) in goodsOptions" :key="index" :label="item" :value="index" />
         </el-select>
       </el-form-item>
       <el-form-item label="原价：" prop="price">
@@ -38,9 +37,9 @@
 
 <script>
 import { devMixin } from '@/mixin/index'
-import { flowPackageMixin, mixin, detailMixin } from '../mixin/index'
+import { mixin, detailMixin, goodsMixin } from '../mixin/index'
 export default {
-  mixins: [devMixin, flowPackageMixin, mixin, detailMixin],
+  mixins: [devMixin, mixin, detailMixin, goodsMixin],
   data() {
     return {
       // 表单

src/views/service/flowPackage/index.vue

@@ -6,9 +6,8 @@
         <el-input v-model="form.name" placeholder="请输入套餐名称" clearable />
       </el-form-item>
       <el-form-item label="流量套餐：">
-        <el-select v-model="form.operator" placeholder="请选择流量套餐" clearable>
-          <el-option v-for="item in operatorOptions" :key="item.value" :label="item.label"
-            :value="item.value" />
+        <el-select v-model="form.goodsId" placeholder="请选择流量套餐" clearable>
+          <el-option v-for="(item, index) in goodsOptions" :key="index" :label="item" :value="index" />
         </el-select>
       </el-form-item>
       <el-form-item label="关联设备：">
@@ -36,17 +35,20 @@
         show-overflow-tooltip />
       <el-table-column label="原价/元" align="center" prop="price" />
       <el-table-column label="活动价/元" align="center" prop="discount" />
-      <el-table-column label="流量套餐" align="center" prop="operator" :formatter="operatorFormatter" />
+      <el-table-column label="流量套餐" align="center" prop="intro" show-overflow-tooltip />
       <el-table-column label="当前状态" align="center" prop="status" :formatter="statusFormatter" />
       <el-table-column label="是否推荐" align="center" prop="isRecommend" :formatter="recommendFormatter" />
       <el-table-column label="创建时间" align="center" prop="createTime" />
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
-          <el-button type="text" @click="getDetail(scope.row.id)" v-hasPermi="['service:flowPackage:edit']">
-            编辑
-          </el-button>
-          <el-button v-if="scope.row.status === 1" type="text" @click="getChange(scope.row)"
-            v-hasPermi="['service:flowPackage:down']">下架</el-button>
+          <span v-if="scope.row.status === 1">
+            <el-button type="text" @click="getDetail(scope.row.id)" v-hasPermi="['service:flowPackage:edit']">
+              编辑
+            </el-button>
+            <el-button type="text" @click="getChange(scope.row)" v-hasPermi="['service:flowPackage:down']">
+              下架
+            </el-button>
+          </span>
           <el-button v-else type="delete" @click="getDelete(scope.row)"
             v-hasPermi="['service:flowPackage:delete']">删除</el-button>
         </template>
@@ -59,9 +61,9 @@
 
 <script>
 import { devMixin } from '@/mixin/index'
-import { mixin, flowPackageMixin, indexMixin } from '../mixin/index'
+import { mixin, indexMixin, goodsMixin } from '../mixin/index'
 export default {
-  mixins: [devMixin, mixin, flowPackageMixin, indexMixin],
+  mixins: [devMixin, mixin, goodsMixin, indexMixin],
   data() {
     return {
       // 表单
@@ -91,13 +93,7 @@ export default {
           id: id
         }
       })
-    },
-
-    // 字典翻译
-    // 运营商
-    operatorFormatter(row) {
-      return this.selectDictLabel(this.operatorOptions, row.operator)
-    },
+    }
   }
 }
 </script>