From 67649cc376ef75514abd5c97c1acab50378eb332 Mon Sep 17 00:00:00 2001
From: 13208366016 <47278630@qq.com>
Date: Wed, 15 Nov 2023 15:24:41 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E8=AF=B7=E6=B1=82=E4=BB=93?=
 =?UTF-8?q?=E5=BA=93=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/index/index.vue                   |  7 ++-
 src/router/views/index.js                  | 12 +++++
 src/views/Aftersales/AbnormalworkOrder.vue | 61 ++++++++++++++++++++++
 3 files changed, 79 insertions(+), 1 deletion(-)
 create mode 100644 src/views/Aftersales/AbnormalworkOrder.vue

diff --git a/src/page/index/index.vue b/src/page/index/index.vue
index f06e9713..b1e55fed 100644
--- a/src/page/index/index.vue
+++ b/src/page/index/index.vue
@@ -15,7 +15,7 @@
         <!-- 主体视图层 -->
         <div id="avue-view" v-show="!isSearch" v-if="isRefresh">
           <router-view #="{ Component }">
-            <keep-alive :include="$store.getters.tagsKeep">   
+            <keep-alive :include="$store.getters.tagsKeep">
               <component :is="Component" />
             </keep-alive>
           </router-view>
@@ -79,6 +79,11 @@ export default {
     getMyCurrentWarehouse().then(res => {
       console.log(res, '初始化请求参数');
       console.log(res.data.data.name, '仓库名称');
+      if (res.data.data == null) {
+        console.log('当前没有数据');
+        localStorage.setItem('WarehouseName', undefined);
+        return;
+      }
       localStorage.setItem('WarehouseName', res.data.data.name);
     });
   },
diff --git a/src/router/views/index.js b/src/router/views/index.js
index 532cf9fb..1d0a5d9c 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -1049,6 +1049,18 @@ export default [
       },
     ],
   },
+  {
+    path: '/Aftersales/AbnormalworkOrder',
+    component: Layout,
+    redirect: '/Aftersales/AbnormalworkOrder',
+    children: [
+      {
+        path: '/Aftersales/AbnormalworkOrder',
+        name: '异常工单',
+        component: () => import('@/views/Aftersales/AbnormalworkOrder.vue'),
+      },
+    ],
+  },
   // {
   //   path: '/distribution/turndelivery/devtmp',
   //   component: Layout,
diff --git a/src/views/Aftersales/AbnormalworkOrder.vue b/src/views/Aftersales/AbnormalworkOrder.vue
new file mode 100644
index 00000000..4f3123dd
--- /dev/null
+++ b/src/views/Aftersales/AbnormalworkOrder.vue
@@ -0,0 +1,61 @@
+<template>
+  <el-tabs type="border-card" class="demo-tabs">
+    <el-tab-pane v-for="item in Tabs" :key="item.name">
+      <template #label>
+        <span class="custom-tabs-label">
+          <el-icon><component :is="item.icon" /></el-icon>
+          <span>{{ item.label }}</span>
+        </span>
+      </template>
+      <!-- 顶部搜索框 -->
+      <el-form :inline="true" :model="formInput" class="demo-form-inline">
+        <el-form-item label="Approved by">
+          <el-input v-model="formInput.user" placeholder="Approved by" clearable />
+        </el-form-item>
+        <el-form-item label="Activity zone">
+          <el-select v-model="formInput.region" placeholder="Activity zone" clearable>
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="Activity time">
+          <el-date-picker
+            v-model="formInput.date"
+            type="date"
+            placeholder="Pick a date"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="onSubmit">Query</el-button>
+        </el-form-item>
+      </el-form>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, computed, watch } from 'vue';
+// 标题栏
+const Tabs = ref([
+  { label: '处理中', name: 0, icon: 'Monitor' },
+  { label: '理赔金额未出', name: 1, icon: 'Coin' },
+  { label: '处理完毕', name: 2, icon: 'Check' },
+  { label: '完结', name: 3, icon: 'Reading' },
+  { label: '仲裁中', name: 4, icon: 'List' },
+  { label: '全部', name: 5, icon: 'Notification' },
+]);
+// 搜索框
+const formInput = ref({}); //搜索框
+</script>
+
+<style lang="scss" scoped>
+.custom-tabs-label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  i {
+    margin-right: 6px;
+  }
+}
+</style>