0725

src/views/common/home.vue

@@ -1,39 +1,112 @@
 <template>
-  <div class="mod-home">
-    <!-- <h3>项目介绍</h3>
-    <ul>
-      <li>renren-fast-vue基于vue、element-ui构建开发，实现<a href="https://gitee.com/renrenio/renren-fast" target="_blank">renren-fast</a>后台管理前端功能，提供一套更优的前端解决方案</li>
-      <li>前后端分离，通过token进行数据交互，可独立部署</li>
-      <li>主题定制，通过scss变量统一一站式定制</li>
-      <li>动态菜单，通过菜单管理统一管理访问路由</li>
-      <li>数据切换，通过mock配置对接口数据／mock模拟数据进行切换</li>
-      <li>发布时，可动态配置CDN静态资源／切换新旧版本</li>
-      <li>演示地址：<a href="http://demo.open.renren.io/renren-fast" target="_blank">http://demo.open.renren.io/renren-fast</a> (账号密码：admin/admin)</li>
-    </ul>
-    <h3>获取帮助</h3>
-    <ul>
-      <li>官方社区：<a href="https://www.renren.io/community" target="_blank">https://www.renren.io/community</a></li>
-      <li>前端Git地址：<a href="https://github.com/renrenio/renren-fast-vue" target="_blank">https://github.com/renrenio/renren-fast-vue</a></li>
-      <li>后台Git地址：<a href="https://gitee.com/renrenio/renren-fast" target="_blank">https://gitee.com/renrenio/renren-fast</a></li>
-      <li>代码生成器：<a href="https://gitee.com/renrenio/renren-generator" target="_blank">https://gitee.com/renrenio/renren-generator</a></li>
-      <li>如需关注项目最新动态，请Watch、Star项目，同时也是对项目最好的支持</li>
-    </ul>
-    <h3>官方QQ群</h3>
-    <ul>
-      <li>高级群：324780204(大牛云集，跟大牛学习新技能)</li>
-      <li>普通群：145799952(学习交流，互相解答各种疑问)</li>
-    </ul> -->
+  <div class="mod-home" v-loading='loadAll'>
+    <!-- <h3>项目介绍</h3> -->
+    <el-row :gutter="12"> 
+  <el-col :span="12">
+    <el-card shadow="hover">
+      待处理订单
+      <span class="number">{{orderNum}}</span>
+      <router-link :to="{ path: '/order-buyorder', query: {} }">
+        <el-button type="primary" size="mini">去处理</el-button>
+      </router-link>
+    </el-card>
+  </el-col>
+  <el-col :span="12">
+    <el-card shadow="hover">
+      待处理工单/ 反馈
+      <span class="number">{{workOrderNum}}</span>
+      <router-link :to="{ path: '/workOrder', query: {} }">
+        <el-button type="primary" size="mini" >去处理</el-button>
+      </router-link>
+    </el-card>
+  </el-col>
+</el-row>    
   </div>
 </template>
 
 <script>
   export default {
+    data(){
+      return{
+        orderNum:0,
+        workOrderNum:0,
+        // loadAll:true,
+        loaded:0,
+      }
+    },
+    created(){
+      this.getDataList()
+      this.getWorkDataList()
+    },
+    methods:{
+      // 待发货列表
+      getDataList() {
+        this.dataListLoading = true
+        this.$http({          
+          url: this.$http.adornUrl('/book/buyOrder/orderList'),
+          method: 'post',         
+          data: this.$http.adornData({
+            "searchKeyWord": '',
+            "productName": '',
+            "startTime": null,
+            "endTime": null,
+            "orderStatus": 1,
+            "pageIndex": 1,
+            "pageSize": 5,
+          })
+        }).then(({
+          data
+        }) => {
+          console.log(data,'列表数据')
+          if (data && data.code === 0) {
+            // this.dataList = data.result.records
+            this.orderNum = data.result.total 
+            this.loaded += 1
+          }
+        }).catch(e => {
+          this.$message.error('获取待处理订单错误')
+        })
+      },
+      // 获取工单列表
+      getWorkDataList() {     
+      this.$http({
+        url: this.$http.adornUrl("/common/sysFeedback/getList"),
+        method: "post",
+        data: this.$http.adornData({ 
+          account: "",
+          type: "",
+          status: "0"
+        })
+      })
+        .then(({ data }) => {
+          if (data.code == 0) {     
+             this.workOrderNum =  data.res.length
+             this.loaded += 1
+            // console.log('_list',_list)             
+          }          
+        })
+        .catch(e => {         
+          this.$message.error("获取待处理工数量失败");
+          // console.log("表单提交报错");
+        });
+    }
+    },
+    computed:{
+      loadAll(){
+          console.log('this.loaded',this.loaded)
+         if (this.loaded  == 2){
+          return false
+         }else{
+          return true
+         }
+      }
+    }
   }
 </script>
 
 <style>
-  .mod-home {
-    line-height: 1.5;
-  }
+  
+    .number{font-size: 30px; color: #ec6452; font-weight: bold; display: inline-block; margin-right: 20px; margin-left: 20px;}
+  
 </style>