修改分页

src/views/template/wcporder.vue

@@ -56,13 +56,13 @@
             @click="handleImport"
           >导入
           </el-button>
-<!--          <el-button-->
-<!--            :class="commonField.exportClass"-->
-<!--            :type="commonField.typeSuccess"-->
-<!--            :icon="commonField.exportIcon"-->
-<!--            :size="commonField.smallSize"-->
-<!--            @click="handleExport"-->
-<!--          >导出</el-button>-->
+          <!--          <el-button-->
+          <!--            :class="commonField.exportClass"-->
+          <!--            :type="commonField.typeSuccess"-->
+          <!--            :icon="commonField.exportIcon"-->
+          <!--            :size="commonField.smallSize"-->
+          <!--            @click="handleExport"-->
+          <!--          >导出</el-button>-->
         </el-form-item>
       </div>
     </el-form>
@@ -78,12 +78,12 @@
         </el-table-column>
         <el-table-column label="状态" prop="status" :show-overflow-tooltip="true">
           <template slot-scope="scope">
-            {{ scope.row.type || '-' }}
+            {{ scope.row.status || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="备注" prop="remarks" :show-overflow-tooltip="true">
+        <el-table-column label="创建人" prop="createName" :show-overflow-tooltip="true">
           <template slot-scope="scope">
-            {{ scope.row.remarks || '-' }}
+            {{ scope.row.createName || '-' }}
           </template>
         </el-table-column>
         <el-table-column label="创建时间" prop="createDate" :show-overflow-tooltip="true">
@@ -93,12 +93,12 @@
         </el-table-column>
         <el-table-column label="操作" class-name="small-padding fixed-width" width="200px">
           <template slot-scope="scope">
-<!--            <el-button-->
-<!--              :class="commonField.updateClass"-->
-<!--              :type="commonField.typeParent"-->
-<!--              :size="commonField.size"-->
-<!--              @click="handleUpdate(scope.row)"-->
-<!--            >修改</el-button>-->
+            <!--            <el-button-->
+            <!--              :class="commonField.updateClass"-->
+            <!--              :type="commonField.typeParent"-->
+            <!--              :size="commonField.size"-->
+            <!--              @click="handleUpdate(scope.row)"-->
+            <!--            >修改</el-button>-->
             <el-button
               :class="commonField.delClass"
               :type="commonField.typeParent"
@@ -148,7 +148,14 @@
       </div>
     </el-dialog>
     <!--详情-->
-    <el-dialog class="aboutSingleDetails" :title="title" :visible.sync="openDetails" width="80%" append-to-body :close-on-click-modal="false">
+    <el-dialog
+      class="aboutSingleDetails"
+      :title="title"
+      :visible.sync="openDetails"
+      width="80%"
+      append-to-body
+      :close-on-click-modal="false"
+    >
       <el-table v-loading="loading" border :data="queryParamsNew.TempList">
         <el-table-column type="index" label="序号" width="55" align="center" />
         <el-table-column label="orderId" prop="orderId" :show-overflow-tooltip="true">
@@ -375,6 +382,15 @@ export default {
       return commonField
     }
   },
+  watch: {
+    'openDetails': function(newValue, oldValue) {
+      this.queryParamsNew = {
+        page: 1,
+        rows: 10,
+        TempList: []
+      }
+    }
+  },
   created() {
     this.getList() // 列表查询
     this.handleDetail()
@@ -603,10 +619,12 @@ export default {
     },
     // 获取所选行详情信息操作
     handleDetail(row) {
-      const id = row.businessId
+      if (row.businessId !== undefined && row.businessId !== '' && row.businessId !== null) {
+        this.id = row.businessId
+      }
       this.queryParamsNew.TempList = []
       const queryParams = {
-        businessId: id,
+        businessId: this.id,
         page: this.queryParamsNew.page,
         rows: this.queryParamsNew.rows
       }
@@ -615,12 +633,12 @@ export default {
         this.Newtotal = response.data.total
       })
       this.title = '详情信息'
-      this.openDetails = !this.openDetails
-      this.queryParamsNew = {
-        page: 1,
-        rows: 10,
-        TempList: []
-      }
+      this.openDetails = true
+      // this.queryParamsNew = {
+      //   page: 1,
+      //   rows: 10,
+      //   TempList: []
+      // }
     }
   }
 }