首页业务处理

src/api/repair/orderinfo/index.js

@@ -56,7 +56,7 @@ export function exportOrderInfoExcel(params) {
 
 export function toPay(params) {
   return request({
-    url: '/admin-api/pay/toPay',
+    url: '/admin-api/pay/toPayCode',
     method: 'get',
     params
   })

src/views/index.vue

@@ -1,14 +1,15 @@
 <template>
   <div class="container_">
-    <el-row>
-      <el-col v-for="item in serviceList" :span="4">
+    <div class="top-list">
+      <div class="list-box" v-for="item in serviceList" :span="4">
         <div  @click="goRoute(item.id)">
-          <image-preview :width="300" :height="300" :src="item.coverImg"></image-preview>
-          {{ item.name }}
+          <img  :src=" imgUrl + item.coverImg" style="width: 300px; height: 300px;">
+<!--          <image-preview :width="300" :height="300" :src="item.coverImg"></image-preview>-->
+          <div style="font-weight: bold;text-align: center;font-size: 25px">{{ item.name }}</div>
         </div>
 
-      </el-col>
-    </el-row>
+      </div>
+    </div>
 
     <div  class="container-box">
       <div class="flex-box">
@@ -117,6 +118,7 @@ export default {
   },
   data() {
     return {
+      imgUrl:'',
       lineChartData: lineChartData.newVisitis,
       serviceList: [],
       warnList: [],
@@ -137,6 +139,8 @@ export default {
     this.getServiceList()
     this.getNotifyMessage()
     this.getWarnList()
+    this.imgUrl = process.env.VUE_APP_IMAGE_URL
+    console.log( this.imgUrl + '1111111'  )
   },
   methods: {
     handleSetLineChartData(type) {
@@ -179,6 +183,20 @@ export default {
   box-sizing: border-box;
   padding: 15px;
 }
+.top-list{
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 25px;
+}
+.list-box{
+  background: #fff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  box-sizing: border-box;
+  padding: 15px;
+  border-radius: 8px;
+}
 .container-box{
   width: 100%;
   display: flex;