提交

src/views/business/outsourceInspectionVerify/index.vue

@@ -3,12 +3,12 @@
   <div class="page-container column-container">
     <!-- 搜索区 -->
     <el-form class="list-search-container" :model="queryParams" ref="queryRef" :inline="true">
-      <el-form-item label="检查日期：" prop="startTime">
-        <!-- <el-input v-model="queryParams.startTime" placeholder="" style="width: 144px" clearable
-          @keyup.enter="handleQuery" /> -->
+      <!-- <el-form-item label="检查日期：" prop="startTime">
+        <el-input v-model="queryParams.startTime" placeholder="" style="width: 144px" clearable
+          @keyup.enter="handleQuery" />
         <el-date-picker v-model="queryParams.startTime" type="date" placeholder="选择日期" style="width: 144px" clearable
           @keyup.enter="handleQuery" value-format="YYYY-MM-DD" />
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item label="外协商名称：" prop="supplierName">
         <el-input v-model="queryParams.supplierName" placeholder="请输入外协商名称" style="width: 144px" clearable
           @keyup.enter="handleQuery" />
@@ -18,12 +18,19 @@
           @keyup.enter="handleQuery" />
       </el-form-item>
       <el-form-item label="发出单号：" prop="outsourcedOrderDetailFormCode">
-        <el-input v-model.trim="queryParams.outsourcedOrderDetailFormCode" placeholder="请输入发出单号" style="width: 144px" clearable
-          @keyup.enter="handleQuery" />
+        <el-input v-model.trim="queryParams.outsourcedOrderDetailFormCode" placeholder="请输入发出单号" style="width: 144px"
+          clearable @keyup.enter="handleQuery" />
       </el-form-item>
       <el-form-item label="收回单号：" prop="returnReceiptDetailFormCode">
-        <el-input v-model.trim="queryParams.returnReceiptDetailFormCode" placeholder="请输入收回单号" style="width: 144px" clearable
-          @keyup.enter="handleQuery" />
+        <el-input v-model.trim="queryParams.returnReceiptDetailFormCode" placeholder="请输入收回单号" style="width: 144px"
+          clearable @keyup.enter="handleQuery" />
+      </el-form-item>
+      <el-form-item label="检查日期：">
+        <el-date-picker v-model="queryParams.startTime" type="date" value-format="YYYY-MM-DD" :editable="false"
+          :clearable="false" placeholder="请选择开始时间" style="width: 130px" @change="handleDateChange" />
+        <span>到</span>
+        <el-date-picker v-model="queryParams.endTime" type="date" value-format="YYYY-MM-DD" :editable="false"
+          :clearable="false" placeholder="请选择结束时间" style="width: 130px" @change="handleDateChange" />
       </el-form-item>
       <el-form-item label="状态：" prop="auditStatus">
         <el-select v-model="queryParams.auditStatus" style="width: 144px" clearable placeholder="请选择">
@@ -34,8 +41,12 @@
       <el-form-item>
         <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
         <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-        <el-button type="primary" icon="Check" :disabled="ids&& ids.length == 0" @click="handlePass">批量通过</el-button>
-        <el-button type="danger" icon="Close" :disabled="ids&& ids.length == 0" @click="handleFail">批量不通过</el-button>
+        <el-button type="primary" icon="Check" :disabled="ids && ids.length == 0" @click="handlePass">批量通过</el-button>
+        <el-button type="danger" icon="Close" :disabled="ids && ids.length == 0" @click="handleFail">批量不通过</el-button>
+        <el-button type="primary" @click="exportForYear">导出审核列表</el-button>
+        <el-button v-if="exportSuccess" type="warning" icon="Download">下载导出excel</el-button>
+        <el-progress v-if="doingExport" class="export-progress" :percentage="exportProgress" />
+        <el-button v-if="doingExport" type="danger">停止导出</el-button>
       </el-form-item>
     </el-form>
 
@@ -62,11 +73,11 @@
           <el-table-column label="外协日期" align="center" prop="outsourcedOrderDetail.formDate" width="120">
             <template #default="scope">
               {{
-      parseTime(
-        scope.row.outsourcedOrderDetail.formDate,
-        "{y}-{m}-{d}"
-      )
-    }}
+                parseTime(
+                  scope.row.outsourcedOrderDetail.formDate,
+                  "{y}-{m}-{d}"
+                )
+              }}
             </template>
           </el-table-column>
           <el-table-column label="发出单号" align="center" prop="outsourcedOrderDetail.formCode" width="120" />
@@ -141,8 +152,8 @@ const queryParams = ref({
   pageSize: 10,
   formCode: null,
   formDate: null,
-  startTime: null,
-  endTime: null,
+  endTime: proxy.moment().format("YYYY-MM-DD"),
+  startTime: proxy.moment().subtract(1, "month").format("YYYY-MM-DD"),
   supplierName: null,
   deliveryMethod: null,
   packagingMethod: null,
@@ -156,6 +167,7 @@ const queryParams = ref({
 /** 查询外协单主 带箱方式，是整单的。如果换新箱子，明细中，都需要更换箱子列表 */
 function getList() {
   loading.value = true;
+
   listCheckoutInspection(queryParams.value).then((response) => {
     orderList.value = response.rows;
     total.value = response.total;
@@ -176,10 +188,10 @@ function resetQuery() {
   handleQuery();
 }
 //批量通过
-function handlePass(){
+function handlePass() {
   checkMultiplyFurnace(selections.value).then((res) => {
     if (res.code === 200) {
-      if (res.data.length >=1) {
+      if (res.data.length >= 1) {
         proxy
           .$confirm("是否确认通过？", "提示", {
             confirmButtonText: "确定",
@@ -210,7 +222,7 @@ function handlePass(){
   });
 }
 //批量不通过
-function handleFail(){
+function handleFail() {
   checkMultiplyFurnace(selections.value).then((res) => {
     if (res.code === 200) {
       proxy
@@ -269,6 +281,10 @@ function handleConfirm(row) {
   });
 }
 
+function handleDateChange() {
+  console.log(queryParams.value.startTime);
+  console.log(queryParams.value.endTime);
+}
 function handleReject(row) {
   checkFurnace(row).then((res) => {
     if (res.code === 200) {
@@ -287,5 +303,15 @@ function handleReject(row) {
   });
 }
 
+function exportForYear(row) {
+
+}
+
 getList();
 </script>
+<style>
+.export-progress .el-progress-bar {
+  /* margin-bottom: 15px; */
+  width: 100px;
+}
+</style>