From 0e63311215d1d92afa306885f61314a3fa8bccd0 Mon Sep 17 00:00:00 2001
From: xzg <4727863@qq.com>
Date: Tue, 28 Nov 2023 13:53:29 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=98=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/aftersales/aftersalesWorkOrder.js |  11 +
 src/views/aftersales/VueTemp.vue          | 399 ++++++++++++++++++----
 2 files changed, 352 insertions(+), 58 deletions(-)

diff --git a/src/api/aftersales/aftersalesWorkOrder.js b/src/api/aftersales/aftersalesWorkOrder.js
index 8c3408c6..8a3e8dde 100644
--- a/src/api/aftersales/aftersalesWorkOrder.js
+++ b/src/api/aftersales/aftersalesWorkOrder.js
@@ -1,5 +1,8 @@
 import request from '@/axios';
 
+
+
+
 export const getList = (current, size, params) => {
   return request({
     url: '/api/logpm-aftersales/aftersalesWorkOrder/list',
@@ -73,3 +76,11 @@ export const update = (row) => {
   })
 }
 
+// 表格初始化
+export const $_getList = (params) => {
+  return request({
+    url: '/api/logpm-aftersales/aftersalesWorkOrder/list',
+    method: 'get',
+    params
+  })
+}
\ No newline at end of file
diff --git a/src/views/aftersales/VueTemp.vue b/src/views/aftersales/VueTemp.vue
index 7ee43309..63aff413 100644
--- a/src/views/aftersales/VueTemp.vue
+++ b/src/views/aftersales/VueTemp.vue
@@ -1,5 +1,38 @@
 <template>
   <el-card class="box-card">
+    <div class="el-Cart-button">
+      <!-- 表格顶部左侧按钮 -->
+      <div class="el-Cart-button-left">
+        <el-button type="primary" @click="AddInfo"
+          ><el-icon><Plus /></el-icon>新 增</el-button
+        >
+        <el-button @click="handleDelete"
+          ><el-icon><Delete /></el-icon>删 除</el-button
+        >
+        <el-button @click="handleDelete"
+          ><el-icon><Edit /></el-icon>查看维修记录</el-button
+        >
+        <!-- <el-button link type="primary" icon="el-icon-view" @click="toggleSelection()"
+          >多选测试</el-button
+        > -->
+      </div>
+      <!-- 表格顶部右侧按钮 -->
+      <div class="el-Cart-button-right">
+        <!-- 刷新按钮 -->
+        <button @click="refresh">
+          <el-icon color="#ccc"><Refresh /></el-icon>
+        </button>
+        <!-- 功能按钮 -->
+        <button @click="menu = true">
+          <el-icon color="#ccc"><Operation /></el-icon>
+        </button>
+        <!-- 搜索按钮 -->
+        <button @click="search">
+          <el-icon color="#ccc"><Search /></el-icon>
+        </button>
+      </div>
+    </div>
+
     <el-table
         v-loading="loading"
         element-loading-text="数据正在更新中..."
@@ -49,28 +82,64 @@
             </template>
             <!-- 内容主体 -->
             <template #default="props">
-              <span v-if="4">{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span>
-              <div :class="ElBtnClass" v-if="item.type == 3">
-                <el-button
-                  :link="ElButtonS[0].link"
-                  :class="ElButtonS[0].class"
-                  :auto-insert-space="ElButtonS[0].space"
-                  :size="ElButtonS[0].size"
-                  :icon="ElButtonS[0].icon"
-                  @click="ViewEvent(props.row)"
-                  >明细</el-button
-                >
+              <!-- 按钮 -->
+              <div :class="ElBtnClass" v-if="item.type == 10">
+                <el-button @click="ViewEvent(props.row)">查看</el-button>
+                <el-button @click="ViewEvent(props.row)" >编辑</el-button>
+                <el-button @click="ViewEvent(props.row)" >回复</el-button>
+                <el-button @click="ViewEvent(props.row)" >删除</el-button>
               </div>     
-            
+              <span v-if="item.type ==4">{{ props.row[item.prop] !=null? props.row[item.prop] : '/' }}</span>
             </template>
           </el-table-column>
         </el-table-column>
 
       </el-table>
+<!-- 新增弹窗  -->
+  <el-dialog
+    v-model="Indexdialog"
+    title="Tips"
+    width="30%"
+    :before-close="handleClose"
+  >
+    <span>This is a message</span>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="dialogVisible = false">Cancel</el-button>
+        <el-button type="primary" @click="dialogVisible = false">
+          Confirm
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+
+
+      <div class="page">
+      <el-pagination
+          v-model:current-page="currentPage"
+          v-model:page-size="pageSize"
+          :page-sizes="pageList"
+          :disabled="disabled"
+          :background="background"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total"
+          @size-change="PageSizeChange"
+          @current-change="SizeChange"
+        />
+        </div>
   </el-card>
 </template>
 
 <script setup>
+import { $_getList } from "@/api/aftersales/aftersalesWorkOrder";
+const currentPage = ref(1); // 默认页码
+const pageSize = ref(30); // 默认每一页几条
+const total = ref(0); //页码总页数
+const pageList = ref([5, 10, 50, 100, 200]); // 选择每页显示多少条
+const background = ref(true); // 是否开启背景颜色
+const disabled = ref(false); // 是否禁止使用页码功能
+const loading=ref(false);//首页表格加载效果
+const Indexdialog=ref(false);//新增弹窗
 // 按钮配置
 const ElButtonS = ref([
   // 1.link    切换按钮样式(文本模式-false ,按钮模式-tre)
@@ -87,49 +156,17 @@ const ElButtonS = ref([
     icon: 'el-icon-view',
     table: '详情',
   },
-  {
-    link: false,
-    class: 'el-btn-view',
-    space: true,
-    size: 'small',
-    icon: 'el-icon-view',
-    table: '延期',
-  },
-  {
-    link: false,
-    class: 'el-btn-view',
-    space: true,
-    size: 'small',
-    icon: 'el-icon-view',
-    table: '编辑',
-  },
-  {
-    link: false,
-    class: 'el-btn-view',
-    space: true,
-    size: 'small',
-    icon: 'el-icon-view',
-    table: '对比数据',
-  },
 ]);
 
 
 
 
 
-const ElData=ref([
-    {
-        name:'产品名称1',
-        currentUsageWarehouse:'北京仓库1'
-    },
-    {
-        name:'产品名称2',
-        currentUsageWarehouse:'北京仓库2'
-    }
-])
+const ElData=ref([])// 首页表格数据
+// 首页表格菜单
 const ElmenuData = ref([
   {
-    prop: 'name',
+    prop: 'workOrderType',
     label: '异常类型',
     type: 4,
     values: '',
@@ -140,7 +177,7 @@ const ElmenuData = ref([
     header: true,
   },
   {
-    prop: 'currentUsageWarehouse',
+    prop: 'discoveryNode',
     label: '发现节点',
     type: 1,
     values: '',
@@ -151,8 +188,8 @@ const ElmenuData = ref([
     header: true,
   },
   {
-    prop: 'model',
-    label: '异常工单',
+    prop: 'workOrderNumber',
+    label: '异常工单号',
     type: 1,
     values: '',
     width: '150',
@@ -162,7 +199,7 @@ const ElmenuData = ref([
     header: true,
   },
   {
-    prop: 'purchaseAmount',
+    prop: 'waybillNumber',
     label: '运单号',
     type: 1,
     values: '',
@@ -173,7 +210,7 @@ const ElmenuData = ref([
     header: true,
   },
   {
-    prop: 'state',
+    prop: 'orderCode',
     label: '订单自编号',
     type: 1,
     values: '',
@@ -184,7 +221,7 @@ const ElmenuData = ref([
     header: true,
   },
   {
-    prop: 'user',
+    prop: 'trainNumber',
     label: '车次号',
     type: 1,
     values: '',
@@ -195,7 +232,7 @@ const ElmenuData = ref([
     header: true,
   },
   {
-    prop: 'deviceSerialNumber',
+    prop: 'first',
     label: '一级品',
     type: 1,
     values: '',
@@ -206,7 +243,7 @@ const ElmenuData = ref([
     header: true,
   },
   {
-    prop: 'userPosition',
+    prop: 'secondary',
     label: '二级品',
     type: 1,
     values: '',
@@ -217,7 +254,7 @@ const ElmenuData = ref([
     header: true,
   },
   {
-    prop: 'isDeposit',
+    prop: 'vehicleRoute',
     label: '车辆线路',
     type: 1,
     values: '',
@@ -227,6 +264,182 @@ const ElmenuData = ref([
     sortable: true,
     header: true,
   },
+  {
+    prop: 'deliverGoodsTime',
+    label: '送货时间',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'discoveryTime',
+    label: '发现时间',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'warehousingTime',
+    label: '入库时间',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'waybillMall',
+    label: '运单商场',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'deliveryTime',
+    label: '配送时间',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'deliveryDriver',
+    label: '配送司机',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'workOrderStatus',
+    label: '工单状态',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'customerServiceName',
+    label: '归属客服名称',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'overTime',
+    label: '完结时间',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'problemDescription',
+    label: '异常问题描述',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'personResponsible',
+    label: '责任人(库内作业环节)',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'processNumber',
+    label: '钉钉流程号',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'reviewedBy',
+    label: '审核人',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'auditTime',
+    label: '审核时间',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'entryTime',
+    label: '财务入账时间',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
+  {
+    prop: 'remarks',
+    label: '备注',
+    type: 1,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    header: true,
+  },
   {
     prop: '',
     label: '操作',
@@ -240,10 +453,80 @@ const ElmenuData = ref([
   },
 ]);
 
-
-
+// 页面初始化
+const OnLoad=()=>{
+  loading.value=true;//开启加载效果
+  let data={}
+  data.current=currentPage.value;//页码
+  data.size=pageSize.value;//条数
+  $_getList().then(res=>{
+    console.log(res,'页面初始化');
+    if(res.data.data.records.length){
+       ElData.value=res.data.data.records
+       loading.value=false;//关闭加载效果
+    }
+  })
+}
+OnLoad()
+const AddInfo=()=>{
+  Indexdialog.value=false;//开启新增弹窗
+}
 </script>
 
 <style scoped lang='scss'>
 
+.el-card{
+  height: 100%;
+  :deep(.el-card__body){
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+}
+.page{
+  height: 30px;
+  flex: 1;
+  display: flex;
+  align-items: flex-end;
+  padding-bottom: 14px;
+  justify-content: flex-end;
+}
+:deep(.el-Cart-button) {
+    margin-bottom: 8px;
+    display: flex;
+    justify-content: space-between;
+  }
+  .el-Cart-button-right {
+    display: flex;
+    margin: 0 0px;
+    justify-content: space-between;
+  }
+  .el-Cart-button-right {
+    display: flex;
+    margin: 0 0px;
+    justify-content: space-between;
+    align-items: center;
+    button {
+      background-color: transparent;
+      border-radius: 50%;
+      width: 30px;
+      height: 30px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid #ccc;
+      margin-right: 8px;
+
+      &:hover {
+        background-color: #172e601f;
+        i {
+          color: #0e2549;
+        }
+      }
+      // 去掉最后一个按钮右侧边距
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
 </style>
\ No newline at end of file