配置文件

src/api/system/servicePackage.js

@@ -46,7 +46,7 @@ export function getServicePackagePage(query) {
 // 获取服务套餐精简信息列表
 export function getServicePackageList() {
   return request({
-    url: '/system/service-package/get-simple-list',
+    url: '/system/service-package/getPackageListByTenantId',
     method: 'get'
   })
 }

src/components/ImagePreview/index.vue

@@ -39,7 +39,7 @@ export default {
       if (isExternal(real_src)) {
         return real_src;
       }
-
+      console.log(process.env.VUE_APP_IMAGE_URL + real_src,42)
       return process.env.VUE_APP_IMAGE_URL + real_src;
     },
     realSrcList() {

src/views/index.vue

@@ -1,31 +1,36 @@
 <template>
-  <div class="dashboard-editor-container">
+  <div >
-
+    <el-row>
-    <panel-group @handleSetLineChartData="handleSetLineChartData" />
+      <el-col v-for="item in serviceList" :span="4">
-
+        <image-preview :width="300" :height="300" :src="item.coverImg"></image-preview>
-    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
+        {{item.name}}
-      <line-chart :chart-data="lineChartData" />
-    </el-row>
-
-    <el-row :gutter="32">
-      <el-col :xs="24" :sm="24" :lg="8">
-        <div class="chart-wrapper">
-          <raddar-chart />
-        </div>
-      </el-col>
-      <el-col :xs="24" :sm="24" :lg="8">
-        <div class="chart-wrapper">
-          <pie-chart />
-        </div>
-      </el-col>
-      <el-col :xs="24" :sm="24" :lg="8">
-        <div class="chart-wrapper">
-          <bar-chart />
-        </div>
       </el-col>
     </el-row>
+    <el-table
+      :data="warnList"
+      stripe
+      style="width: 100%">
+      <el-table-column
+        prop="date"
+        label="日期"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="姓名"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="地址">
+      </el-table-column>
+    </el-table>
+
+    <!-- 分页组件 -->
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
+                @pagination="getList"
+    />
 
-    
   </div>
 </template>
 
@@ -35,6 +40,7 @@ import LineChart from './dashboard/LineChart'
 import RaddarChart from './dashboard/RaddarChart'
 import PieChart from './dashboard/PieChart'
 import BarChart from './dashboard/BarChart'
+import {getServicePackageList} from "@/api/system/servicePackage";
 
 const lineChartData = {
   newVisitis: {
@@ -66,12 +72,29 @@ export default {
   },
   data() {
     return {
-      lineChartData: lineChartData.newVisitis
+      lineChartData: lineChartData.newVisitis,
+      serviceList:[],
+      warnList:[],
+      messageList:[],
+      queryParams:{
+        pageNo:1,
+        pageSize:10
+      }
     }
   },
+  created() {
+    this.getServiceList()
+  },
   methods: {
     handleSetLineChartData(type) {
       this.lineChartData = lineChartData[type]
+    },
+    getServiceList(){
+      getServicePackageList(this.queryParams).then(response => {
+        this.serviceList = response.data;
+
+      });
+
     }
   }
 }

src/views/system/servicePackage/index.vue

@@ -39,6 +39,11 @@
           <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
         </template>
       </el-table-column>
+      <el-table-column label="icon" align="center" prop="coverImg" width="100">
+        <template v-slot="scope">
+          <image-preview :src="scope.row.coverImg"></image-preview>
+        </template>
+      </el-table-column>
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="创建时间" align="center" prop="createTime" width="180">
         <template v-slot="scope">
@@ -67,6 +72,10 @@
         <el-form-item label="服务套餐名" prop="name">
           <el-input v-model="form.name" placeholder="请输入服务套餐名" />
         </el-form-item>
+        <el-form-item label="icon" prop="coverImg">
+          <image-upload :limit="1" v-model="form.coverImg"  />
+        </el-form-item>
+
         <el-form-item label="菜单权限">
           <el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand($event)">展开/折叠</el-checkbox>
           <el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event)">全选/全不选</el-checkbox>