首页调整

gassafetyprogress-web/src/views/index.vue

@@ -133,15 +133,12 @@
       <div class="div-col3">
         <el-card>
           <div slot="header">
-            <span class="div-header" style="cursor: pointer;" @click="$router.push('/operationMonitor/workOrder')">任务下发</span>
+            <span>任务下发</span>
+            <span class="div-header" style="cursor: pointer; float: right;" @click="$router.push('/complainDeal')">更多>></span>
           </div>
           <div class="body">
-            <el-table v-loading="orderLoading" :data="orderList" height="265" style="width: 100%; border: 1px solid #e6ebf5;">
-              <el-table-column label="序号" type="index" align="center">
-                <template slot-scope="scope">
-                  <span>{{(orderParams.pageNum - 1) * orderParams.pageSize + scope.$index + 1}}</span>
-                </template>
-              </el-table-column>
+            <el-table v-loading="orderLoading" :data="orderList" height="310" style="width: 100%; border: 1px solid #e6ebf5;">
+              <el-table-column label="序号" type="index" align="center"/>
               <el-table-column label="任务类型" align="center" prop="workType" width="90">
                 <template slot-scope="scope">
                   <span v-if="scope.row.workType == '1'">入户安检</span>
@@ -154,48 +151,34 @@
               <el-table-column label="状态" align="center" prop="workStatus" width="100">
                 <template slot-scope="scope">
                   <span v-if="scope.row.workStatus == '0'">派发中</span>
+                  <span v-if="scope.row.workStatus == '1'">已接单</span>
+                  <span v-if="scope.row.workStatus == '2'">已反馈</span>
+                  <span v-if="scope.row.workStatus == '3'">已归档</span>
                 </template>
               </el-table-column>
             </el-table>
-
-            <pagination
-              v-show="orderTotal>=0"
-              :total="orderTotal"
-              :page.sync="orderParams.pageNum"
-              :limit.sync="orderParams.pageSize"
-              @pagination="getOrderList"
-            />
           </div>
         </el-card>
       </div>
       <div class="div-col3">
         <el-card>
           <div slot="header">
-            <span class="div-header" style="cursor: pointer;" @click="$router.push('/complainDeal')">投诉处置</span>
+            <span>投诉处置</span>
+            <span class="div-header" style="cursor: pointer; float: right;" @click="$router.push('/complainDeal')">更多>></span>
           </div>
           <div class="body">
-            <el-table v-loading="complainLoading" :data="complainList" height="265" style="width: 100%; border: 1px solid #e6ebf5;">
-              <el-table-column label="序号" type="index" align="center">
-                <template slot-scope="scope">
-                  <span>{{(complainParams.pageNum - 1) * complainParams.pageSize + scope.$index + 1}}</span>
-                </template>
-              </el-table-column>
+            <el-table v-loading="complainLoading" :data="complainList" height="310" style="width: 100%; border: 1px solid #e6ebf5;">
+              <el-table-column label="序号" type="index" align="center"/>
               <el-table-column label="投诉事项" align="left" prop="complainMatter"/>
               <el-table-column label="投诉时间" align="center" prop="createTime" width="200"/>
               <el-table-column label="状态" align="center" prop="complainStatus" width="100">
                 <template slot-scope="scope">
                   <span v-if="scope.row.complainStatus == '1'">派发中</span>
+                  <span v-if="scope.row.complainStatus == '2'">已反馈</span>
+                  <span v-if="scope.row.complainStatus == '3'">已归档</span>
                 </template>
               </el-table-column>
             </el-table>
-
-            <pagination
-              v-show="complainTotal>=0"
-              :total="complainTotal"
-              :page.sync="complainParams.pageNum"
-              :limit.sync="complainParams.pageSize"
-              @pagination="getComplainDealList"
-            />
           </div>
         </el-card>
       </div>
@@ -227,13 +210,11 @@ export default {
       orderParams: {
         pageNum: 1,
         pageSize: 10,
-        workStatus: '0',
         isDel: '0'
       },
       complainParams: {
         pageNum: 1,
         pageSize: 10,
-        complainStatus: '1',
         isDel: '0'
       },
     };
@@ -257,7 +238,7 @@ export default {
     getOrderList() {
       this.orderLoading = true;
       listOrder(this.orderParams).then(response => {
-        this.orderList = response.rows;
+        this.orderList = response.rows.slice(0, 6);
         this.orderTotal = response.total;
         this.orderLoading = false;
       });
@@ -265,7 +246,7 @@ export default {
     getComplainDealList() {
       this.complainLoading = true;
       listComplainDeal(this.complainParams).then(response => {
-        this.complainList = response.rows;
+        this.complainList = response.rows.slice(0, 6);
         this.complainTotal = response.total;
         this.complainLoading = false;
       });
@@ -305,7 +286,7 @@ export default {
 
   .div-col2 {
     width: 12.5%;
-    padding: 6px;
+    padding: 15px 6px;
     float: left;
     text-align: center;
     cursor: pointer;
@@ -319,6 +300,7 @@ export default {
 
   .div-header:hover {
     text-decoration:underline;
+    color: #1890ff;
   }
 }
 </style>