fast()服务增值

src/api/goods/enterprise.js

@@ -68,3 +68,10 @@ export function sysUsers(data) {
     data
   })
 }
+// 选择服务
+export function getLevel(id,serviceLevel) {
+  return request({
+    url: '/goods/enterprise/getLevel?id=' + id + "&&serviceLevel=" + serviceLevel,
+    method: 'post'
+  })
+}

src/views/client/car/index.vue

@@ -1,5 +1,14 @@
 <template>
   <div class="app-container">
+    <span v-if="enterprise == null">
+
+    </span>
+    <span v-else>
+      <span v-if="enterprise.authentication != 1 ">
+      <h2>企业信息尚未完善，请先补充完善后通知管理员审核</h2>
+      <el-button @click="bulk">通知补充企业信息</el-button>
+    </span>
+    <span v-else>
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="车辆识别码" prop="vin">
         <el-input
@@ -95,7 +104,7 @@
             @click="handleUpdate(scope.row)"
           >修改</el-button>
           <el-button
-            @click="qque(scope.row.carId)"
+            @click="querys(scope.row.carId)"
           >详情</el-button>
           <el-button
             size="mini"
@@ -179,16 +188,20 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    </span>
+    </span>
   </div>
 </template>
 
 <script>
 import { listCar, getCar, delCar, addCar, updateCar, query } from "@/api/goods/car";
+import {listEnterprise} from "@/api/goods/business";
 
 export default {
   name: "Car",
   data() {
     return {
+      enterprise: {},
       // 遮罩层
       loading: true,
       // 选中数组
@@ -225,7 +238,10 @@ export default {
     this.getList();
   },
   methods: {
-    qque(carId){
+    bulk() {
+      alert("信息已发送，等待处理")
+    },
+    querys(carId){
       query(carId).then(res => {
         console.log(res.data)
       })
@@ -239,6 +255,10 @@ export default {
         this.total = response.data.total;
         this.loading = false;
       });
+      listEnterprise().then(res => {
+        this.enterprise = res.data
+        console.log(res.data)
+      })
     },
     // 取消按钮
     cancel() {

src/views/client/sever/electronicFence/index.vue

@@ -0,0 +1,74 @@
+<template>
+  <div>
+    <span v-if="enterprise == null">
+
+    </span>
+    <span v-else>
+      <span v-if="enterprise.authentication != 1 ">
+      <h2>企业信息尚未完善，请先补充完善后通知管理员审核</h2>
+      <el-button @click="bulk">通知补充企业信息</el-button>
+    </span>
+    <span v-else>
+      电子围栏
+    </span>
+    </span>
+  </div>
+</template>
+
+<script>
+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+// 例如：import 《组件名称》 from '《组件路径》,
+import {listEnterprise} from "@/api/goods/business";
+
+export default {
+  // import引入的组件需要注入到对象中才能使用"
+  components: {},
+  props: {},
+  data() {
+    // 这里存放数据"
+    return {
+      enterprise:{}
+    }
+  },
+  // 计算属性 类似于data概念",
+  computed: {},
+  // 监控data中的数据变化",
+  watch: {},
+  // 方法集合",
+  methods: {
+    bulk() {
+      alert("信息已发送，等待处理")
+    },
+    getInfo() {
+      listEnterprise().then(res => {
+        this.enterprise = res.data
+        console.log(res.data)
+      })
+    }
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.getInfo()
+  },
+  // 生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+  },
+  beforeCreate() {
+  }, // 生命周期 - 创建之前",
+  beforeMount() {
+  }, // 生命周期 - 挂载之前",
+  beforeUpdate() {
+  }, // 生命周期 - 更新之前",
+  updated() {
+  }, // 生命周期 - 更新之后",
+  beforeDestroy() {
+  }, // 生命周期 - 销毁之前",
+  destroyed() {
+  }, // 生命周期 - 销毁完成",
+  activated() {
+  } // 如果页面有keep-alive缓存功能，这个函数会触发",
+}
+</script>
+<style scoped>
+
+</style>

src/views/enterprise/enter/index.vue

@@ -107,7 +107,13 @@
           <span>{{ parseTime(scope.row.authenticationDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="服务等级" align="center" prop="serviceLevel" />
+      <el-table-column label="服务等级" align="center" prop="serviceLevel" >
+        <span slot-scope="scope">
+          <span v-if="scope.row.serviceLevel == 0">初级</span>
+          <span v-if="scope.row.serviceLevel == 1">中级</span>
+          <span v-if="scope.row.serviceLevel == 2">高级</span>
+        </span>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -128,8 +134,12 @@
         <span slot-scope="scope">
           <span v-if="scope.row.authentication == 0">
             <el-button type="text" @click="authentications(scope.row.id)">企业认证</el-button>
+            <el-button type="text" @click="notification(scope.row)">通知企业</el-button>
+          </span>
+          <span v-else>
+            <el-button type="text" @click="serviceLevel(scope.row.id)">服务查询</el-button>
+            <el-button type="text" @click="service(scope.row.id)">定制服务</el-button>
           </span>
-
         </span>
       </el-table-column>
     </el-table>
@@ -246,6 +256,9 @@ export default {
       this.open = false;
       this.reset();
     },
+    serviceLevel(id) {
+      this.$router.push({ path: `/enterprise/services`,query:{id:id}});
+    },
     // 企业认证
     authentications: function (id) {
       if (confirm("确认企业信息已完善？"))
@@ -254,7 +267,10 @@ export default {
           this.getList()
         })
       }
-
+    },
+    //通知公司
+    notification(row) {
+      alert("贵公司请尽快完善信息")
     },
     // 表单重置
     reset() {

src/views/enterprise/services/index.vue

@@ -1,8 +1,38 @@
 <template>
-  <div></div>
+  <div>
+    该企业的服务等级为
+    <span v-if="enterprise.serviceLevel == 0">初级</span>
+    <span v-if="enterprise.serviceLevel == 1">中级</span>
+    <span v-if="enterprise.serviceLevel == 2">高级</span>
+
+    <el-descriptions title="初级服务享有" direction="vertical" :column="4" border>
+      <el-descriptions-item label="车辆录入">允许</el-descriptions-item>
+      <el-descriptions-item label="电子围栏">允许200车辆电子围栏，每个车可绑定2个围栏</el-descriptions-item>
+      <el-descriptions-item label="故障警报">允许开启500个车辆警报</el-descriptions-item>
+      <el-descriptions-item label="实时数据">默认3辆车</el-descriptions-item>
+      <el-descriptions-item label="选着该项服务"><el-button type="text" @click="serverLevel(0)">选择该服务</el-button></el-descriptions-item>
+    </el-descriptions>
+
+    <el-descriptions title="中级服务享有" direction="vertical" :column="4" border>
+      <el-descriptions-item label="车辆录入">允许</el-descriptions-item>
+      <el-descriptions-item label="电子围栏">允许2000车辆电子围栏，每个车可绑定10个围栏</el-descriptions-item>
+      <el-descriptions-item label="故障警报">允许开启5000个车辆警报</el-descriptions-item>
+      <el-descriptions-item label="实时数据">默认10辆车</el-descriptions-item>
+      <el-descriptions-item label="选着该项服务"><el-button type="text" @click="serverLevel(1)">选择该服务</el-button></el-descriptions-item>
+    </el-descriptions>
+
+    <el-descriptions title="终极服务享有" direction="vertical" :column="4" border>
+      <el-descriptions-item label="车辆录入">允许</el-descriptions-item>
+      <el-descriptions-item label="电子围栏">无限制</el-descriptions-item>
+      <el-descriptions-item label="故障警报">无限制</el-descriptions-item>
+      <el-descriptions-item label="实时数据">无限制</el-descriptions-item>
+      <el-descriptions-item label="选着该项服务"><el-button type="text" @click="serverLevel(2)">选择该服务</el-button></el-descriptions-item>
+    </el-descriptions>
+  </div>
 </template>
 
 <script>
+import { getEnterprise, getLevel } from "@/api/goods/enterprise";
 // 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 // 例如：import 《组件名称》 from '《组件路径》,
 export default {
@@ -11,17 +41,32 @@ export default {
   props: {},
   data() {
     // 这里存放数据"
-
+    return {
-    return {}
+      id: this.$route.query.id,
+      enterprise: {}
+    }
   },
   // 计算属性 类似于data概念",
   computed: {},
   // 监控data中的数据变化",
   watch: {},
   // 方法集合",
-  methods: {},
+  methods: {
+    getInfo() {
+      getEnterprise(this.id).then(res => {
+        this.enterprise = res.data
+      })
+    },
+    serverLevel(serviceLevel) {
+      getLevel(this.enterprise.id,serviceLevel).then(res => {
+        this.$message.success(res.data)
+        this.getInfo()
+      })
+    }
+  },
   // 生命周期 - 创建完成（可以访问当前this实例）",
   created() {
+    this.getInfo()
   },
   // 生命周期 - 挂载完成（可以访问DOM元素）",
   mounted() {