修改项目结构

package-lock.json

@@ -5336,8 +5336,8 @@
     },
     "de-indent": {
       "version": "1.0.2",
-      "resolved": "https://registry.npm.taobao.org/de-indent/download/de-indent-1.0.2.tgz",
-      "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
       "dev": true
     },
     "debug": {
@@ -17413,9 +17413,9 @@
       }
     },
     "vue-template-compiler": {
-      "version": "2.6.12",
-      "resolved": "https://registry.npm.taobao.org/vue-template-compiler/download/vue-template-compiler-2.6.12.tgz",
-      "integrity": "sha1-lH7XGWdEyKUoXr4SM/6WBDf8xX4=",
+      "version": "2.6.10",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.10.tgz",
+      "integrity": "sha512-jVZkw4/I/HT5ZMvRnhv78okGusqe0+qH2A0Em0Cp8aq78+NK9TII263CDVz2QXZsIT+yyV/gZc/j/vlwa+Epyg==",
       "dev": true,
       "requires": {
         "de-indent": "^1.0.2",

public/index.html

@@ -6,6 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
     <script src="./static/vue.min.js" rel="preload" as="script"></script>
+    <script src="./static/vue-router.min.js" rel="preload" as="script"></script>
     <script src="./static/axios@0.21.0.min.js" rel="preload" as="script"></script>
     <title>报表</title>
     <style>

src/App.vue

@@ -1,66 +1,134 @@
 <template>
   <div id="app" v-cloak>
-    <div class="commission pagePadding">
-      <el-tabs type="border-card" v-model="tabPosition" style="height: 100%">
-         <el-tab-pane label="[采销]业绩达成报表(销售)" name="5">
-          <achievement-table-new />
-        </el-tab-pane>
-        <el-tab-pane label="[采销]确认单绩效报表" name="6">
-          <merits-table-new />
-        </el-tab-pane>
-        <el-tab-pane label="[采销]确认单绩效退款报表" name="7">
-          <merits-return-table-new />
-        </el-tab-pane>
-        <el-tab-pane label="[采销]采购单发货数据" name="8">
-          <po-shipment-table-new />
-        </el-tab-pane>
-        <el-tab-pane label="业绩达成报表(销售)" name="1">
-          <achievement-table />
-        </el-tab-pane>
-        <el-tab-pane label="确认单绩效报表" name="2">
-          <merits-table />
-        </el-tab-pane>
-        <el-tab-pane label="确认单绩效退款报表" name="3">
-          <merits-return-table />
-        </el-tab-pane>
-        <el-tab-pane label="采购单发货数据" name="4">
-          <po-shipment-table />
-        </el-tab-pane>
-      </el-tabs>
+    <div class="role-list fl">
+      <el-menu
+        :default-active="defaultActive"
+        class="el-menu-vertical-demo"
+        :default-openeds="['/caixiao365', '/caixiaopingtai', '/516pingtai']"
+        router
+        @open="handleOpen"
+        @close="handleClose"
+        background-color="#545c64"
+        text-color="#fff"
+        active-text-color="#ffd04b"
+      >
+        <template v-for="(si, sii) in menuTableData">
+          <el-submenu
+            :key="sii + si.id"
+            v-if="si.children && si.children.length > 0"
+            :index="'/' + si.path"
+          >
+            <template slot="title">
+              <i class="el-icon-location"></i>
+              <span>{{ si.label }}</span>
+            </template>
+            <el-menu-item
+              v-for="(skey, skeyi) in si.children"
+              :key="sii + si.id + '-' + skeyi"
+              :index="'/' + skey.path"
+            >
+              {{ skey.label }}
+            </el-menu-item>
+          </el-submenu>
+          <el-menu-item v-else :key="sii + si.id" :index="'/' + si.path">
+            <i class="el-icon-menu"></i>
+            <span slot="title">{{ si.label }}</span>
+          </el-menu-item>
+        </template>
+      </el-menu>
+    </div>
+    <div class="rule-view fr">
+      <router-view />
     </div>
   </div>
 </template>
 <script>
-import achievementTable from "@/views/achievementTable";
-import meritsTable from "@/views/meritsTable";
-import meritsReturnTable from "@/views/meritsReturnTable";
-import poShipmentTable from "@/views/poShipmentTable";
-import achievementTableNew from "@/views/achievementTableNew";
-import meritsTableNew from "@/views/meritsTableNew";
-import meritsReturnTableNew from "@/views/meritsReturnTableNew";
-import poShipmentTableNew from "@/views/poShipmentTableNew";
 export default {
   name: "commission",
-  components: {
-    achievementTable,
-    meritsTable,
-    meritsReturnTable,
-    poShipmentTable,
-   achievementTableNew,
-   meritsTableNew,
-   meritsReturnTableNew,
-   poShipmentTableNew
+  watch: {
+    $route() {
+      const { path } = this.$route;
+      this.defaultActive = path;
+    },
   },
   data() {
     return {
-      tabPosition: "5",
+      defaultActive: null,
+      menuTableData: [
+        {
+          id: "3",
+          label: "采销365平台",
+          level: "1",
+          path: "caixiao365",
+ 
+        },
+        {
+          id: "2",
+          label: "采销平台",
+          level: "1",
+          path: "caixiaopingtai",
+          children: [
+            {
+              id: "21",
+              level: "2",
+              path: "caixiaopingtai-21",
+              label: "业绩达成报表(销售)",
+            },
+            {
+              id: "22",
+              level: "2",
+              path: "caixiaopingtai-22",
+              label: "其他报表",
+            },
+         
+          ],
+        },
+        {
+          id: "1",
+          label: "516平台",
+          level: "1",
+          path: "516pingtai",
+          children: [
+            {
+              id: "11",
+              level: "2",
+              path: "516pingtai-11",
+              label: "业绩达成报表(销售)",
+            },
+            {
+              id: "12",
+              level: "2",
+              path: "516pingtai-12",
+              label: "其他报表",
+            },
+           
+          ],
+        },
+      ],
     };
   },
   mounted() {},
-  methods: {},
+  methods: {
+    handleNodeClick(data) {
+      const { level, id } = data;
+      if (Number(level) === 2) {
+        this.keyId = id;
+      }
+      console.log();
+    },
+  },
 };
 </script>
 <style lang="scss">
+.fl {
+  float: left !important;
+}
+.fr {
+  float: right !important;
+}
+* {
+  box-sizing: border-box;
+}
 @mixin layout-dev {
   position: fixed;
   width: 100%;
@@ -87,6 +155,87 @@ html {
     @include layout-dev;
     padding: 0;
     min-width: 1200px !important;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    .role-list {
+      height: 100%;
+      overflow-y: auto;
+      width: 220px;
+      padding: 8px 0;
+      min-height: 100%;
+      flex-shrink: 0;
+      margin: 0;
+      background: #545c64;
+      // border-right: 2px solid #dfe6ec;
+      // @include scrollBar();
+      &::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: 0;
+        height: 100%;
+        // width: 2px;
+        // background-color: #e4e7ed;
+        z-index: 1;
+      }
+      .role-list__title {
+        color: #b4b6c0;
+        line-height: 32px;
+      }
+      .role-list__item {
+        position: relative;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        height: 32px;
+        line-height: 32px;
+        padding-left: 8px;
+        color: rgb(48, 49, 51);
+        cursor: pointer;
+        i {
+          position: absolute;
+          right: 0;
+          line-height: 32px;
+        }
+      }
+      .role-list__item.active {
+        color: #6954f0;
+        background: #f7f7f7;
+      }
+    }
+    //右侧
+    .rule-view {
+      height: 100%;
+      margin: 0;
+      //calc(100% - 50px);
+      width: calc(100% - 220px);
+      overflow-y: auto;
+      padding: 16px;
+      // @include scrollBar();
+      .rule-list {
+        border-right: 1px solid #dfe6ec;
+        .title {
+          padding: 18px 18px 12px 18px;
+          border-bottom: 1px dashed #dfe6ec;
+          font-size: 15px;
+          color: #000;
+        }
+        .main {
+          padding: 18px 18px 12px 18px;
+          border-bottom: 1px solid #dfe6ec;
+        }
+        .main-title {
+          width: 80px;
+        }
+        .main-item {
+          width: calc(100% - 80px);
+        }
+      }
+    }
     .el-table__fixed-right {
       height: 100% !important;
     }
@@ -98,9 +247,7 @@ html {
       box-sizing: border-box !important;
       height: 100%;
     }
-    .fr {
-      float: right !important;
-    }
+
     .ml10 {
       margin-left: 10px !important;
     }

src/api/axios.js

@@ -1,4 +1,4 @@
-import { baseApi } from '@/config'
+
 const header = {
 }
 window.ajaxTimeout = 20000
@@ -14,7 +14,7 @@ export default async (
   const obj = {
     method: type,
     baseURL: '',
-    url: baseApi + url,
+    url: url,
     data,
     params,
     timeout: window.ajaxTimeout,

src/api/index.js

@@ -1,8 +1,12 @@
-// 物业管理员
-import http from '@/api/axios'
-const url = '/cwlist'
+import { baseApi, baseApi365 } from "@/config";
+import http from "@/api/axios";
+const url = "cwlist";
 export default {
-    // 销售统计
-    list: (data, params) => http('Admin'+url, data, 'post', params),
-    listNew: (data, params) => http('Admincx'+url, data, 'post', params),
-}
+  // 销售统计
+  list: (data, params) => http(baseApi + "Admin" + url, data, "post", params),
+  listNew: (data, params) =>
+    http(baseApi + "Admincx" + url, data, "post", params),
+  //采销365xiao销售统计
+  listNew31: (data, params) =>
+    http(baseApi365 + "admin/performance", data, "post", params),
+};

src/config/env.development.js

@@ -2,6 +2,7 @@
 module.exports = {
   title: '业绩达成报表',
   baseApi: 'http://finance.sitw.wanyuhengtong.com/',
+  baseApi365: 'http://cxinv.api.caixiao365.com/',
   baseApi2: 'http://inv.sitw.wanyuhengtong.com/',
   fileURL: `https://api2.edusit.zretchome.com`,
   appId: 'wx5ac3a2c2d72b6f26',

src/config/env.production.js

@@ -2,6 +2,7 @@
 module.exports = {
   title: '业绩达成报表',
   baseApi: 'http://finance.sitw.wanyuhengtong.com/',
+  baseApi365: 'http://cxinv.api.caixiao365.com/',
   baseApi2: 'http://inv.sitw.wanyuhengtong.com/',
   fileURL: `https://api2.edu.futurelab.tv`,
   appId: 'wx5ac3a2c2d72b6f26',

src/config/env.staging.js

@@ -2,6 +2,7 @@
 module.exports = {
   title: '业绩达成报表',
   baseApi: 'http://finance.sitw.wanyuhengtong.com/',
+  baseApi365: 'http://cxinv.api.caixiao365.com/',
   baseApi2: 'http://inv.sitw.wanyuhengtong.com/',
   fileURL: `https://api2.edusit.zretchome.com`,
   appId: 'wx5ac3a2c2d72b6f26',

src/main.js

@@ -1,25 +1,21 @@
 import App from "./App.vue";
+import router from "./router";
+// import store from './store'
+import 'element-ui/lib/theme-chalk/display.css';
 import Components from "./components";
-import {
-  Table,
-  Select,
-  Option,
-  DatePicker
-} from 'element-ui';
+import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css';
 import * as filters from './filters' // global filters
-Vue.component(Table.name, Table);
-Vue.component(Select.name, Select);
-Vue.component(Option.name, Option);
-Vue.component(DatePicker.name, DatePicker);
-// Vue.component(TabPane.name, TabPane);
+
 Vue.use(Components);
-// register global utility filters
+Vue.use(ElementUI)
 Object.keys(filters).forEach(key => {
   Vue.filter(key, filters[key])
 })
 
 Vue.config.productionTip = false;
 window.vm = new Vue({
+  router,
+  // store,
   render: h => h(App)
 }).$mount("#app");

src/mixins/resToken.js

@@ -0,0 +1,82 @@
+export default {
+  methods: {
+    // async resHttp(fun, model) {
+    //   return await new Promise(async (resolve, reject) => {
+    //     const res = await fun(model);
+    //     const { code, data, message } = res;
+    //     const rescode = parseInt(code + "");
+    //     const resmodel = {
+    //       code: rescode,
+    //       data,
+    //       message,
+    //     };
+    //     if (rescode === 0) {
+    //       resolve(resmodel);
+    //     } else if (rescode >= 101 && rescode <= 104) {
+    //       resolve(resmodel);
+    //       await this.logout();
+    //     } else {
+    //       resolve(resmodel);
+    //     }
+    //   });
+    // },
+    async useResHandle(res, type) {
+      return await new Promise(async (resolve, reject) => {
+        const { code, data, message } = res ?? {};
+        const rescode = parseInt(code + "");
+        if (rescode === 0) {
+          resolve(res);
+        } else if (rescode >= 101 && rescode <= 104) {
+          if (this.loading) {
+            this.loading = false;
+          }
+
+          await this.logout();
+        } else if (rescode >= 105 && rescode <= 106) {
+          if (this.loading) {
+            this.loading = false;
+          }
+          this.$notify({
+            title: "当前供应商参数错误",
+            dangerouslyUseHTMLString: true,
+            message: "5秒后，请您重新登录！",
+          });
+          await setTimeout(async () => {
+            await this.logout();
+          }, 5000);
+        } else {
+          if (this.loading) {
+            this.loading = false;
+          }
+          if (type) {
+            resolve(res);
+          } else {
+            this.$message.warning(message);
+          }
+        }
+      });
+    },
+
+    async logout() {
+      if (this.$route.path !== "/login") {
+        await this.$store.dispatch("user/logout");
+        this.$router.push(`/login?redirect=${this.$route.fullPath}`);
+      }
+    },
+    async routeGoto(path, query) {
+      window.vm.$router.push({
+        path: path,
+        query: query,
+      });
+    },
+    async routeReGoto(path, query) {
+      window.vm.$router.replace({
+        path: path,
+        query: query,
+      });
+    },
+    setNum(s) {
+      return s ? parseFloat(s + "").toFixed(2) : "-";
+    },
+  },
+};

src/router/index.js

@@ -0,0 +1,43 @@
+const Router = VueRouter;
+const routes = [
+  {
+    path: "/",
+    redirect: "/caixiao365",
+  },
+  {
+    path: "/caixiao365",
+    component: () => import("@/views/caixiao365/index"),
+  },
+
+  {
+    path: "/caixiaopingtai-21",
+    component: () => import("@/views/caixiaopingtai/achievement-table-21"),
+  },
+  {
+    path: "/caixiaopingtai-22",
+    component: () => import("@/views/caixiaopingtai/"),
+  },
+  {
+    path: "/516pingtai-11",
+    component: () => import("@/views/516pingtai/achievement-table-11"),
+  },
+  {
+    path: "/516pingtai-12",
+    component: () => import("@/views/516pingtai/"),
+  },
+ 
+];
+const router = new Router({
+  mode: "hash",
+  base: process.env.BASE_URL,
+  scrollBehavior: () => ({ y: 0 }),
+  routes,
+});
+
+// 重写路由的push方法，主要是为了解决同一个路由路径重复点击报错
+const routerPush = Router.prototype.push;
+Router.prototype.push = function push(location) {
+  return routerPush.call(this, location).catch((error) => error);
+};
+Vue.use(Router);
+export default router;

src/utils/auth.js

@@ -0,0 +1,137 @@
+import Cookies from "js-cookie";
+
+const TokenKey = "Purchase-Client-Console-Token";
+const MenuKey = "Purchase-Client-Console-Menu";
+const BtnKey = "Purchase-Client-Console-MenuBtn";
+const NoticeKey = "Purchase-Client-Console-Notice";
+const mainMenuKey = "Purchase-Client-Console-MainMenu";
+const businessCompanyKey = "Purchase-Client-Console-businessCompany";
+const businessCompanyNoKey = "Purchase-Client-Console-businessCompanyNo";
+const privateFieldKey = "Purchase-Client-Console-privateField";
+const actionDataKey = "Purchase-Client-Console-actionData";
+const companyListKey="Purchase-Client-Console-companyList";
+export function getToken() {
+  return Cookies.get(TokenKey);
+}
+
+export function setToken(token) {
+  return Cookies.set(TokenKey, token);
+}
+
+export function removeToken() {
+  return Cookies.remove(TokenKey);
+}
+
+export function getMenu() {
+  const menu = Cookies.get(MenuKey);
+  if (menu) {
+    return JSON.parse(menu);
+  } else {
+    return [];
+  }
+}
+
+export function setMenu(menu) {
+  return Cookies.set(MenuKey, menu);
+}
+
+export function removeMenu() {
+  return Cookies.remove(MenuKey);
+}
+
+export function getBtn() {
+  return Cookies.get(BtnKey);
+}
+
+export function setBtn(has) {
+  return Cookies.set(BtnKey, has);
+}
+
+export function removeBtn() {
+  return Cookies.remove(BtnKey);
+}
+
+export function getNotice() {
+  return Cookies.get(NoticeKey);
+}
+
+export function setNotice(has) {
+  return Cookies.set(NoticeKey, has);
+}
+
+export function removeNotice() {
+  return Cookies.remove(NoticeKey);
+}
+
+export function getMainList() {
+  return Cookies.get(mainMenuKey);
+}
+
+export function setMainList(has) {
+  return Cookies.set(mainMenuKey, has);
+}
+
+export function removeMainList() {
+  return Cookies.remove(mainMenuKey);
+}
+
+export function get_business_company() {
+  return Cookies.get(businessCompanyKey);
+}
+
+export function set_business_company(has) {
+  return Cookies.set(businessCompanyKey, has);
+}
+
+export function remove_business_company() {
+  return Cookies.remove(businessCompanyKey);
+}
+export function get_business_companyNo() {
+  return Cookies.get(businessCompanyNoKey);
+}
+
+export function set_business_companyNo(has) {
+  return Cookies.set(businessCompanyNoKey, has);
+}
+
+export function remove_business_companyNo() {
+  return Cookies.remove(businessCompanyNoKey);
+}
+
+export function get_company_list() {
+  return Cookies.get(companyListKey);
+}
+
+export function set_company_list(has) {
+  return Cookies.set(companyListKey, has);
+}
+
+export function remove_company_list() {
+  return Cookies.remove(companyListKey);
+}
+
+
+
+export function get_private_field() {
+  return Cookies.get(privateFieldKey);
+}
+
+export function set_private_field(has) {
+  return Cookies.set(privateFieldKey, has);
+}
+
+export function remove_private_field() {
+  return Cookies.remove(privateFieldKey);
+}
+
+export function get_action_data() {
+  return Cookies.get(actionDataKey);
+}
+
+export function set_action_data(has) {
+  return Cookies.set(actionDataKey, has);
+}
+
+export function remove_action_data() {
+  return Cookies.remove(actionDataKey);
+}

src/utils/clipboard.js

@@ -0,0 +1,32 @@
+import Vue from 'vue'
+import Clipboard from 'clipboard'
+
+function clipboardSuccess() {
+  Vue.prototype.$message({
+    message: 'Copy successfully',
+    type: 'success',
+    duration: 1500
+  })
+}
+
+function clipboardError() {
+  Vue.prototype.$message({
+    message: 'Copy failed',
+    type: 'error'
+  })
+}
+
+export default function handleClipboard(text, event) {
+  const clipboard = new Clipboard(event.target, {
+    text: () => text
+  })
+  clipboard.on('success', () => {
+    clipboardSuccess()
+    clipboard.destroy()
+  })
+  clipboard.on('error', () => {
+    clipboardError()
+    clipboard.destroy()
+  })
+  clipboard.onClick(event)
+}

src/utils/dingding.js

@@ -0,0 +1,20 @@
+import urlConfig from '@/apis/url-config'
+
+export function getCode(callback) {
+    dd.ready(() => {
+      //使用SDK 获取免登授权码
+      dd.runtime.permission.requestAuthCode({
+        corpId: urlConfig.corpId,
+        onSuccess: (info) => {
+          // 根据钉钉提供的api 获得code后,再次调用这个callback方法
+          // 由于是钉钉获取code是异步操作,不知道什么时候执行完毕
+          // callback 函数会等他执行完毕后在自己调用自己
+          callback(info.code)
+        },
+        onFail: (err) => {
+          alert('fail');
+          alert(JSON.stringify(err));
+        },
+      });
+    });
+}

src/utils/error-log.js

@@ -0,0 +1,35 @@
+import Vue from 'vue'
+import store from '@/store'
+import { isString, isArray } from '@/utils/validate'
+import settings from '@/settings'
+
+// you can set in settings.js
+// errorLog:'production' | ['production', 'development']
+const { errorLog: needErrorLog } = settings
+
+function checkNeed() {
+  const env = process.env.NODE_ENV
+  if (isString(needErrorLog)) {
+    return env === needErrorLog
+  }
+  if (isArray(needErrorLog)) {
+    return needErrorLog.includes(env)
+  }
+  return false
+}
+
+if (checkNeed()) {
+  Vue.config.errorHandler = function(err, vm, info, a) {
+    // Don't ask me why I use Vue.nextTick, it just a hack.
+    // detail see https://forum.vuejs.org/t/dispatch-in-vue-config-errorhandler-has-some-problem/23500
+    Vue.nextTick(() => {
+      store.dispatch('errorLog/addErrorLog', {
+        err,
+        vm,
+        info,
+        url: window.location.href
+      })
+      console.error(err, info)
+    })
+  }
+}

src/utils/get-page-title.js

@@ -0,0 +1,10 @@
+import defaultSettings from '@/settings'
+
+const title = defaultSettings.title || '采销365供应商端'
+
+export default function getPageTitle(pageTitle) {
+  if (pageTitle) {
+    return `${pageTitle} - ${title}`
+  }
+  return `${title}`
+}

src/utils/index.js

@@ -0,0 +1,359 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * 将时间解析为字符串
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string | null}
+ */
+export function parseTime(time, cFormat) {
+  if (arguments.length === 0 || !time) {
+    return null
+  }
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if (typeof time === 'string') {
+      if (/^[0-9]+$/.test(time)) {
+        // support "1548221490638"
+        time = parseInt(time)
+      } else {
+        // support safari
+        // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
+        time = time.replace(new RegExp(/-/gm), '/')
+      }
+    }
+
+    if (typeof time === 'number' && time.toString().length === 10) {
+      time = time * 1000
+    }
+    date = new Date(time)
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+    const value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') {
+      return ['日', '一', '二', '三', '四', '五', '六'][value]
+    }
+    return value.toString().padStart(2, '0')
+  })
+  return time_str
+}
+
+/**
+ * @param {number} time
+ * @param {string} option
+ * @returns {string}
+ */
+export function formatTime(time, option) {
+  if (('' + time).length === 10) {
+    time = parseInt(time) * 1000
+  } else {
+    time = +time
+  }
+  const d = new Date(time)
+  const now = Date.now()
+
+  const diff = (now - d) / 1000
+
+  if (diff < 30) {
+    return '刚刚'
+  } else if (diff < 3600) {
+    // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + '小时前'
+  } else if (diff < 3600 * 24 * 2) {
+    return '1天前'
+  }
+  if (option) {
+    return parseTime(time, option)
+  } else {
+    return (
+      d.getMonth() +
+      1 +
+      '月' +
+      d.getDate() +
+      '日' +
+      d.getHours() +
+      '时' +
+      d.getMinutes() +
+      '分'
+    )
+  }
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function getQueryObject(url) {
+  url = url == null ? window.location.href : url
+  const search = url.substring(url.lastIndexOf('?') + 1)
+  const obj = {}
+  const reg = /([^?&=]+)=([^?&=]*)/g
+  search.replace(reg, (rs, $1, $2) => {
+    const name = decodeURIComponent($1)
+    let val = decodeURIComponent($2)
+    val = String(val)
+    obj[name] = val
+    return rs
+  })
+  return obj
+}
+
+/**
+ * @param {string} input value
+ * @returns {number} output value
+ */
+export function byteLength(str) {
+  // returns the byte length of an utf8 string
+  let s = str.length
+  for (var i = str.length - 1; i >= 0; i--) {
+    const code = str.charCodeAt(i)
+    if (code > 0x7f && code <= 0x7ff) s++
+    else if (code > 0x7ff && code <= 0xffff) s += 2
+    if (code >= 0xdc00 && code <= 0xdfff) i--
+  }
+  return s
+}
+
+/**
+ * @param {Array} actual
+ * @returns {Array}
+ */
+export function cleanArray(actual) {
+  const newArray = []
+  for (let i = 0; i < actual.length; i++) {
+    if (actual[i]) {
+      newArray.push(actual[i])
+    }
+  }
+  return newArray
+}
+
+/**
+ * @param {Object} json
+ * @returns {Array}
+ */
+export function param(json) {
+  if (!json) return ''
+  return cleanArray(
+    Object.keys(json).map(key => {
+      if (json[key] === undefined) return ''
+      return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
+    })
+  ).join('&')
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function param2Obj(url) {
+  const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
+  if (!search) {
+    return {}
+  }
+  const obj = {}
+  const searchArr = search.split('&')
+  searchArr.forEach(v => {
+    const index = v.indexOf('=')
+    if (index !== -1) {
+      const name = v.substring(0, index)
+      const val = v.substring(index + 1, v.length)
+      obj[name] = val
+    }
+  })
+  return obj
+}
+
+/**
+ * @param {string} val
+ * @returns {string}
+ */
+export function html2Text(val) {
+  const div = document.createElement('div')
+  div.innerHTML = val
+  return div.textContent || div.innerText
+}
+
+/**
+ * Merges two objects, giving the last one precedence
+ * @param {Object} target
+ * @param {(Object|Array)} source
+ * @returns {Object}
+ */
+export function objectMerge(target, source) {
+  if (typeof target !== 'object') {
+    target = {}
+  }
+  if (Array.isArray(source)) {
+    return source.slice()
+  }
+  Object.keys(source).forEach(property => {
+    const sourceProperty = source[property]
+    if (typeof sourceProperty === 'object') {
+      target[property] = objectMerge(target[property], sourceProperty)
+    } else {
+      target[property] = sourceProperty
+    }
+  })
+  return target
+}
+
+/**
+ * @param {HTMLElement} element
+ * @param {string} className
+ */
+export function toggleClass(element, className) {
+  if (!element || !className) {
+    return
+  }
+  let classString = element.className
+  const nameIndex = classString.indexOf(className)
+  if (nameIndex === -1) {
+    classString += '' + className
+  } else {
+    classString =
+      classString.substr(0, nameIndex) +
+      classString.substr(nameIndex + className.length)
+  }
+  element.className = classString
+}
+
+/**
+ * @param {string} type
+ * @returns {Date}
+ */
+export function getTime(type) {
+  if (type === 'start') {
+    return new Date().getTime() - 3600 * 1000 * 24 * 90
+  } else {
+    return new Date(new Date().toDateString())
+  }
+}
+
+/**
+ * @param {Function} func
+ * @param {number} wait
+ * @param {boolean} immediate
+ * @return {*}
+ */
+export function debounce(func, wait, immediate) {
+  let timeout, args, context, timestamp, result
+
+  const later = function() {
+    // 据上一次触发时间间隔
+    const last = +new Date() - timestamp
+
+    // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
+    if (last < wait && last > 0) {
+      timeout = setTimeout(later, wait - last)
+    } else {
+      timeout = null
+      // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
+      if (!immediate) {
+        result = func.apply(context, args)
+        if (!timeout) context = args = null
+      }
+    }
+  }
+
+  return function(...args) {
+    context = this
+    timestamp = +new Date()
+    const callNow = immediate && !timeout
+    // 如果延时不存在，重新设定延时
+    if (!timeout) timeout = setTimeout(later, wait)
+    if (callNow) {
+      result = func.apply(context, args)
+      context = args = null
+    }
+
+    return result
+  }
+}
+
+/**
+ * This is just a simple version of deep copy
+ * Has a lot of edge cases bug
+ * If you want to use a perfect deep copy, use lodash's _.cloneDeep
+ * @param {Object} source
+ * @returns {Object}
+ */
+export function deepClone(source) {
+  if (!source && typeof source !== 'object') {
+    throw new Error('error arguments', 'deepClone')
+  }
+  const targetObj = source.constructor === Array ? [] : {}
+  Object.keys(source).forEach(keys => {
+    if (source[keys] && typeof source[keys] === 'object') {
+      targetObj[keys] = deepClone(source[keys])
+    } else {
+      targetObj[keys] = source[keys]
+    }
+  })
+  return targetObj
+}
+
+/**
+ * @param {Array} arr
+ * @returns {Array}
+ */
+export function uniqueArr(arr) {
+  return Array.from(new Set(arr))
+}
+
+/**
+ * @returns {string}
+ */
+export function createUniqueString() {
+  const timestamp = +new Date() + ''
+  const randomNum = parseInt((1 + Math.random()) * 65536) + ''
+  return (+(randomNum + timestamp)).toString(32)
+}
+
+/**
+ * Check if an element has a class
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ * @returns {boolean}
+ */
+export function hasClass(ele, cls) {
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function addClass(ele, cls) {
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function removeClass(ele, cls) {
+  if (hasClass(ele, cls)) {
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
+  }
+}

src/utils/interceptors.js

@@ -0,0 +1,92 @@
+// 添加请求拦截器
+axios.interceptors.request.use(
+  function(config) {
+    // 在发送请求之前做些什么
+    //  let token = window.vm.$getStorage("token"); // 令牌
+    //  let tid = window.vm.$getStorage("tid"); // 租户id
+    //  let envName = window.vm.$getStorage("envName"); // 环境变量
+    //  let currentOrgId = window.vm.$getStorage("currentOrgId"); // 区域id
+    //  let data = { token, tid, envName, currentOrgId };
+    //  if (!config.data || JSON.stringify(config.data) === "{}") {
+    //    config.data = data;
+    //  } else if (!config.data.hasOwnProperty("currentOrgId")) {
+    //    Object.assign(config.data, data);
+    //  }
+    // config.headers.appId = window.vm.$encrypt(
+    //   "520f066da8e7c4736abb20afdd29289a",
+    //   "TFEUyxO9PDJlyyg7"
+    // );
+    // // 加密
+    // config.headers.Authentication = window.vm.$encrypt(
+    //   "520f066da8e7c4736abb20afdd29289a#nU-#q1PwD!1573801531190",
+    //   "TFEUyxO9PDJlyyg7"
+    // );
+    // 解密
+    // config.headers.Authentication = window.vm.$decrypt(this.parmValue, "TFEUyxO9PDJlyyg7");
+    // console.log(config);
+    return config;
+  },
+  function(error) {
+    // 对请求错误做些什么
+    return Promise.reject(error);
+  }
+);
+// // 在main.js设置全局的请求次数，请求的间隙
+// axios.defaults.retry = 4;
+// axios.defaults.retryDelay = 1000;
+// 添加响应拦截器
+axios.interceptors.response.use(
+  function(response) {
+    // if (response.config.url.substr(0, 18) === "/admin/ditpcs-debug/") {
+      
+    //   return response.data;
+    // }
+    // if (response.config.url.indexOf('/admin/loveUserProject/exportProject') > -1) {
+    //     return response;
+    // }
+    // if (response.status === 200) {
+    //   if (
+    //     response.data.code !== 0 &&
+    //     response.data.code !== 2 &&
+    //     response.data.code !== 3 &&
+    //     response.data.code !== 12 &&
+    //     response.request.responseURL.indexOf(
+    //       "smartpart/admin/workerWeekly/export"
+    //     ) == -1
+    //   ) {
+    //     window.vm.$notify.error({
+    //       title: response.data.message,
+    //       message: ""
+    //     });
+    //   }
+    //   // code=2,代表token失效
+    //   if (response.data.code === 2) {
+    //     console.log("interceptors-delCookie-ctoken");
+    //     window.vm.$delCookie("ctoken");
+    //     window.vm.$router.push("login");
+    //     // window.vm.$router.push("nopermission");
+    //   }
+    //   // code=3,代表 用户无访问权限
+    //   if (response.data.code === 3) {
+    //     window.vm.$router.push("manage");
+    //   }
+    //   // code=12,代表 前端通用弹窗提示码
+    //   if (response.data.code === 12) {
+    //     window.vm.$store.commit("isShowModelFun", true);
+    //     window.vm.$store.commit("dataModelFun", response.data.data);
+    //   }
+    // }
+    return response.data;
+  },
+  function(error) {
+    // 对响应错误做点什么
+    // console.log(error);
+    // if (error.response.status === 500) {
+    //   window.vm.$notify.error({
+    //     title: "请检查您的网络",
+    //     message: "稍后重试"
+    //   });
+    // }
+    return Promise.reject(error);
+  }
+);

src/utils/open-window.js

@@ -0,0 +1,45 @@
+/**
+ *Created by PanJiaChen on 16/11/29.
+ * @param {Sting} url
+ * @param {Sting} title
+ * @param {Number} w
+ * @param {Number} h
+ */
+export default function openWindow(url, title, w, h) {
+  // Fixes dual-screen position                            Most browsers       Firefox
+  const dualScreenLeft =
+    window.screenLeft !== undefined ? window.screenLeft : screen.left
+  const dualScreenTop =
+    window.screenTop !== undefined ? window.screenTop : screen.top
+
+  const width = window.innerWidth
+    ? window.innerWidth
+    : document.documentElement.clientWidth
+      ? document.documentElement.clientWidth
+      : screen.width
+  const height = window.innerHeight
+    ? window.innerHeight
+    : document.documentElement.clientHeight
+      ? document.documentElement.clientHeight
+      : screen.height
+
+  const left = width / 2 - w / 2 + dualScreenLeft
+  const top = height / 2 - h / 2 + dualScreenTop
+  const newWindow = window.open(
+    url,
+    title,
+    'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=' +
+      w +
+      ', height=' +
+      h +
+      ', top=' +
+      top +
+      ', left=' +
+      left
+  )
+
+  // Puts focus on the newWindow
+  if (window.focus) {
+    newWindow.focus()
+  }
+}

src/utils/permission.js

@@ -0,0 +1,21 @@
+import store from '@/store'
+
+/**
+ * @param {Array} value
+ * @returns {Boolean}
+ * @example see @/views/permission/directive.vue
+ */
+export default function checkPermission(value) {
+  if (value && value instanceof Array && value.length > 0) {
+    const roles = store.getters && store.getters.roles
+    const permissionRoles = value
+
+    const hasPermission = roles.some(role => {
+      return permissionRoles.includes(role)
+    })
+    return hasPermission
+  } else {
+    console.error(`need roles! Like v-permission="['admin','editor']"`)
+    return false
+  }
+}

src/utils/publicMethods.js

@@ -0,0 +1,40 @@
+/**
+ * table/complex-table
+ *  列表json转换
+ * @param {*} filterVal //对应字段
+ * @param {*} jsonData //json列表
+ */
+export function formatJson (filterVal, jsonData) {
+  return jsonData.map(v =>
+    filterVal.map(j => {
+      return v[j]
+    })
+  )
+}
+/**
+ * 获取时间凌晨(秒)
+ * @param {*} s //推移几天
+ */
+export function getMorningTime (passTime) {
+  let miao = passTime * 1000 * 60 * 60 * 24
+  return new Date(new Date().toLocaleDateString()).getTime() + miao
+}
+
+/**
+ * 时间处理
+ * @param {*} dataForm //post参数
+ * @param {*} timeStamp //需要处理的时间戳
+ */
+export function switchingTime (dataForm, timeStamp) {
+  let params = Object.assign({}, dataForm)
+  if (params) {
+    if (params.startTime === 0 && params.endTime === 0) {
+      params.startTime = ""
+      params.endTime = ""
+    } else if (params.startTime && params.endTime) {
+      params.startTime = params.startTime + ""
+      params.endTime = (parseInt(params.endTime) + timeStamp) + ""
+    }
+  }
+  return params
+}

src/utils/request.js

@@ -0,0 +1,89 @@
+// import axios from 'axios'
+import { MessageBox, Message } from 'element-ui'
+import store from '@/store'
+import { getToken } from '@/utils/auth'
+
+// create an axios instance
+const service = axios.create({
+  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
+  // withCredentials: true, // send cookies when cross-domain requests
+  timeout: 5000 // request timeout
+})
+
+// request interceptor
+service.interceptors.request.use(
+  config => {
+    // do something before request is sent
+
+    if (store.getters.token) {
+      // let each request carry token
+      // ['X-Token'] is a custom headers key
+      // please modify it according to the actual situation
+      config.headers['X-Token'] = getToken()
+    }
+    return config
+  },
+  error => {
+    // do something with request error
+    // console.log(error) // for debug
+    return Promise.reject(error)
+  }
+)
+
+// response interceptor
+service.interceptors.response.use(
+  /**
+   * If you want to get http information such as headers or status
+   * Please return  response => response
+   */
+
+  /**
+   * Determine the request status by custom code
+   * Here is just an example
+   * You can also judge the status by HTTP Status Code
+   */
+  response => {
+    const res = response.data
+
+    // if the custom code is not 20000, it is judged as an error.
+    if (res.code !== 20000) {
+      Message({
+        message: res.message || 'Error',
+        type: 'error',
+        duration: 5 * 1000
+      })
+
+      // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
+      if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
+        // to re-login
+        MessageBox.confirm(
+          'You have been logged out, you can cancel to stay on this page, or log in again',
+          'Confirm logout',
+          {
+            confirmButtonText: 'Re-Login',
+            cancelButtonText: 'Cancel',
+            type: 'warning'
+          }
+        ).then(() => {
+          store.dispatch('user/resetToken').then(() => {
+            location.reload()
+          })
+        })
+      }
+      return Promise.reject(new Error(res.message || 'Error'))
+    } else {
+      return res
+    }
+  },
+  error => {
+    // console.log('err' + error) // for debug
+    Message({
+      message: error.message,
+      type: 'error',
+      duration: 5 * 1000
+    })
+    return Promise.reject(error)
+  }
+)
+
+export default service

src/utils/scroll-to.js

@@ -0,0 +1,69 @@
+Math.easeInOutQuad = function(t, b, c, d) {
+  t /= d / 2
+  if (t < 1) {
+    return (c / 2) * t * t + b
+  }
+  t--
+  return (-c / 2) * (t * (t - 2) - 1) + b
+}
+
+// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
+var requestAnimFrame = (function() {
+  return (
+    window.requestAnimationFrame ||
+    window.webkitRequestAnimationFrame ||
+    window.mozRequestAnimationFrame ||
+    function(callback) {
+      window.setTimeout(callback, 1000 / 60)
+    }
+  )
+})()
+
+/**
+ * Because it's so fucking difficult to detect the scrolling element, just move them all
+ * @param {number} amount
+ */
+function move(amount) {
+  document.documentElement.scrollTop = amount
+  document.body.parentNode.scrollTop = amount
+  document.body.scrollTop = amount
+}
+
+function position() {
+  return (
+    document.documentElement.scrollTop ||
+    document.body.parentNode.scrollTop ||
+    document.body.scrollTop
+  )
+}
+
+/**
+ * @param {number} to
+ * @param {number} duration
+ * @param {Function} callback
+ */
+export function scrollTo(to, duration, callback) {
+  const start = position()
+  const change = to - start
+  const increment = 20
+  let currentTime = 0
+  duration = typeof duration === 'undefined' ? 500 : duration
+  var animateScroll = function() {
+    // increment the time
+    currentTime += increment
+    // find the value with the quadratic in-out easing function
+    var val = Math.easeInOutQuad(currentTime, start, change, duration)
+    // move the document.body
+    move(val)
+    // do the animation unless its over
+    if (currentTime < duration) {
+      requestAnimFrame(animateScroll)
+    } else {
+      if (callback && typeof callback === 'function') {
+        // the animation is done so lets callback
+        callback()
+      }
+    }
+  }
+  animateScroll()
+}

src/utils/validate.js

@@ -0,0 +1,501 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/** https
+ * @param {string} path
+ * @returns {Boolean}
+ */
+function accMulIn(arg1, arg2) {
+  let m = 0,
+    s1 = arg1.toString(),
+    s2 = arg2.toString();
+
+  try {
+    m += s1.split(".")[1].length;
+  } catch (e) {}
+
+  try {
+    m += s2.split(".")[1].length;
+  } catch (e) {}
+
+  return (
+    (Number(s1.replace(".", "")) * Number(s2.replace(".", ""))) /
+    Math.pow(10, m)
+  );
+}
+
+export function isExternal(path) {
+  return /^(https?:|mailto:|tel:)/.test(path);
+}
+//区-座-分
+export function isqzf(s) {
+  let type = true;
+  let arr = s.split("-");
+  if (arr.length === 3) {
+    type = setqj(arr[0]) && setzj(arr[1]) && setfj(arr[2]);
+  } else {
+    type = false;
+  }
+  console.log("console区-座-分 " + type);
+  return type;
+}
+// //区-座
+export function isqz(s) {
+  let type = true;
+  let arr = s.split("-");
+  if (arr.length === 2) {
+    type = setqj(arr[0]) && setzj(arr[1]);
+  } else {
+    type = false;
+  }
+  console.log("console区-座 " + type);
+  return type;
+}
+//座-分
+export function iszf(s) {
+  let type = true;
+  let arr = s.split("-");
+  if (arr.length === 2) {
+    type = setzj(arr[0]) && setfj(arr[1]);
+  } else {
+    type = false;
+  }
+  console.log("console座-分" + type);
+  return type;
+}
+
+//座
+export function isz(s) {
+  let type = true;
+  let arr = s.split("-");
+  if (arr.length === 1) {
+    type = setzj(arr[0]);
+  } else {
+    type = false;
+  }
+  console.log("console座" + type);
+  return type;
+}
+function setqj(s) {
+  return /0\d{2,3}?$/.test(s) && (s.length == 3 || s.length == 4);
+}
+function setzj(s) {
+  return /\d{7,8}$/.test(s) && (s.length == 7 || s.length == 8);
+}
+function setfj(s) {
+  return /\d{1,6}$/.test(s) && s.length > 0 && s.length < 7;
+}
+
+/** 用户名
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validUsername(str) {
+  const valid_map = ["admin", "editor"];
+  return valid_map.indexOf(str.trim()) >= 0;
+}
+
+/** url
+ * @param {string} url
+ * @returns {Boolean}
+ */
+export function validURL(url) {
+  const reg =
+    /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
+  return reg.test(url);
+}
+
+/** 小写字母
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validLowerCase(str) {
+  const reg = /^[a-z]+$/;
+  return reg.test(str);
+}
+
+/** 大写字母
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validUpperCase(str) {
+  const reg = /^[A-Z]+$/;
+  return reg.test(str);
+}
+
+/** 字母
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validAlphabets(str) {
+  const reg = /^[A-Za-z]+$/;
+  return reg.test(str);
+}
+
+/** 邮箱
+ * @param {string} email
+ * @returns {Boolean}
+ */
+export function validEmail(email) {
+  const reg =
+    /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+  return reg.test(email);
+}
+
+/** 字符串
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function isString(str) {
+  if (typeof str === "string" || str instanceof String) {
+    return true;
+  }
+  return false;
+}
+
+/** 数组
+ * @param {Array} arg
+ * @returns {Boolean}
+ */
+export function isArray(arg) {
+  if (typeof Array.isArray === "undefined") {
+    return Object.prototype.toString.call(arg) === "[object Array]";
+  }
+  return Array.isArray(arg);
+}
+
+/**
+ * 邮箱
+ * @param {*} s
+ */
+export function isEmail(s) {
+  return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(
+    s
+  );
+}
+
+/**
+ * 手机号码
+ * @param {*} s
+ */
+export function isMobile(s) {
+  return isM(s) || isHK(s);
+}
+// 手机号码
+function isM(s) {
+  return /^1[3|4|5|6|7|8|9][0-9]\d{8}$/.test(s);
+}
+// 香港手机号码
+function isHK(s) {
+  return /^852[5|6|8|9]\d{7}$/.test(s);
+}
+
+/**
+ * 电话号码
+ * @param {*} s
+ */
+export function isPhone(s) {
+  return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s);
+}
+
+/**
+ * 微信号
+ * @param {*} s
+ */
+export function isWeixin(s) {
+  return /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/.test(s);
+}
+/**
+ * qq号
+ * @param {*} s
+ */
+export function isQQ(s) {
+  return /^[1-9][0-9]{4,14}$/.test(s);
+}
+
+/**
+ * 固定电话(支持分机)
+ * @param {*} s
+ */
+export function isExtension(s) {
+  let type = true;
+  let arr = s.split("-");
+  // console.log(arr);
+  if (arr.length === 2 || arr.length === 3) {
+    type = setF(arr);
+  } else {
+    type = false;
+  }
+  // console.log('console' + type);
+  return type;
+  ///0\d{2,3}-\d{7,8}(-\d{1,6})?/.test(s)
+}
+function setF(arr) {
+  let type1 = true,
+    type2 = true,
+    type3 = true;
+  type1 = /0\d{2,3}?$/.test(arr[0]);
+  type2 =
+    arr[1].length === 7 || arr[1].length === 8
+      ? /\d{7,8}$/.test(arr[1])
+      : false;
+  if (arr.length === 3) {
+    type3 =
+      arr[2].length === 0 || arr[2].length > 6
+        ? false
+        : /\d{1,6}$/.test(arr[2]);
+  }
+  // console.log(type1, type2, type3);
+  if (arr.length === 2) {
+    return type1 && type2;
+  } else {
+    return type1 && type2 && type3;
+  }
+}
+
+// (^(\d{11})$|^((\d{3}-)?\d{8}(-\d{1,4})?)$|^((\d{4}-)?\d{7}(-\d{1,4})?)$|^(\d{7,8})$)
+/**
+ * 纳税人识别号
+ * @param {*} s
+ */
+export function isLicense(s) {
+  return /[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}/.test(s);
+}
+
+/**
+ * 身份证号码
+ * @param {*} s
+ */
+export function isIDentityCard(s) {
+  return /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/.test(
+    s
+  );
+}
+
+/**
+ * URL地址
+ * @param {*} s
+ */
+export function isURL(s) {
+  return /^http[s]?:\/\/.*/.test(s);
+}
+
+/**
+ * 汉语
+ * @param {*} s
+ */
+export function isChinese(s) {
+  return /[\u4e00-\u9fa5]$/.test(s);
+}
+
+/**
+ * 数字
+ * @param {*} s
+ */
+export function isnumber(s) {
+  return /^[0-9]*$/.test(s);
+}
+/**
+ * 数字或者带小数点的数字
+ * @param {*} s
+ */
+export function isnumber2(s) {
+  return /(^[0-9]{1,2}$)|(^[0-9]{1,2}[\.]{1}[0-9]{1,2}$)/.test(s);
+}
+/**
+ * 数字或者带小数点的数字 1,2,3位小数
+ * @param {*} s
+ */
+export function isnumber3(s) {
+  return /^(([^0][0-9]+|0)\.([0-9]{1,3})$)|^([^0][0-9]+|0)$/.test(s);
+}
+/**
+ * 数字字母
+ * @param {*} s
+ */
+export function isAlphanumeric(s) {
+  return /^[0-9A-Za-z]*$/.test(s);
+}
+
+/**
+ * 表情包
+ * @param {*} s
+ */
+export function isEmoticon(s) {
+  const reg =
+    /[^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u2022\u20ac\r\n]/g;
+  // console.log(reg.test(s));
+  return reg.test(s);
+}
+
+/**
+ * 判断是否为微信浏览器
+ * @param {*} s
+ */
+export function JudgeEnvironment() {
+  const ua = navigator.userAgent.toLowerCase();
+  let environment = "";
+  const isWeixin = ua.indexOf("micromessenger") != -1;
+  if (isWeixin) {
+    environment = "Weixin";
+  }
+  const isWelink = ua.indexOf("huawei-anyoffice") != -1;
+  if (isWelink) {
+    environment = "Welink";
+  }
+  const isDingDing = ua.indexOf("dingtalk") != -1;
+  if (isDingDing) {
+    environment = "isDingDing";
+  }
+  if (environment === "") {
+    environment = "otherBrowser";
+  }
+  return environment;
+}
+
+export function timestampToTime(timestamp) {
+  const date = new Date(timestamp); // 时间戳为10位需*1000，时间戳为13位的话不需乘1000
+  const Y = date.getFullYear() + "-";
+  const M =
+    (date.getMonth() + 1 < 10
+      ? "0" + (date.getMonth() + 1)
+      : date.getMonth() + 1) + "-";
+  const D = date.getDate() + " ";
+  let h = date.getHours();
+  h = h < 10 ? `0${h}:` : h + ":";
+  let m = date.getMinutes();
+  m = m < 10 ? `0${m}:` : m + ":";
+  let s = date.getSeconds();
+  s = s < 10 ? `0${s}` : s;
+  return Y + M + D + h + m + s;
+}
+export function isCreditCode(s) {
+  const reg = /[^_IOZSVa-z\W]{2}\d{6}[^_IOZSVa-z\W]{10}$/g;
+  return reg.test(s);
+}
+
+export function isSpecialSymbol(s) {
+  // console.log(s);
+  const str = (s ?? "").replace(
+    /\\|\/|\"|\'|\<|\>|\{|\}|\[|\]|\:|\^|\$|\!|\~|\`|\|/g,
+    ""
+  );
+  // console.log(str);
+  const pattern = new RegExp("[`~!@#$^&()=|{}':;',<>/?]");
+  let specialStr = "";
+  for (let i = 0; i < str.length; i++) {
+    specialStr += str.substr(i, 1).replace(pattern, "");
+  }
+  return s.length > specialStr.length;
+}
+
+export function isAddr(s) {
+  let isok = false;
+  const regList = [
+    "多地",
+    "另给",
+    "线下",
+    "地址",
+    "单独给",
+    "内部沟通",
+    "微信",
+    "钉钉",
+    "短信",
+    "文件",
+    "另外",
+    "后面",
+    "以后",
+    "晚点",
+    "后补",
+    "再给",
+  ];
+  for (let i = 0; i < regList.length; i++) {
+    const is = s.includes(regList[i]);
+    if (is) {
+      isok = is;
+    }
+  }
+  const sstr = /^[0-9A-Za-z]*$/;
+
+  if (sstr.test(s)) {
+    isok = true;
+  }
+
+  if (!isok) {
+    let reslist = [];
+    let str = "";
+
+    for (let i = 0; i < s.length; i++) {
+      let isa = sstr.test(s[i]);
+      // console.log(isa);
+      if (isa) {
+        str += s[i];
+      } else {
+        reslist.push(str);
+        str = "";
+      }
+      if (i === s.length - 1) {
+        reslist.push(str);
+        str = "";
+      }
+    }
+    for (let b = 0; b < reslist.length; b++) {
+      if (reslist[b].length > 5) {
+        isok = true;
+      }
+    }
+  }
+  return !isok;
+}
+export function hasSpace(s) {
+  // const str1 = s.replace(/\s/g, "");
+  const str2 = s.replace(/[\r\n]/g, "");
+  return !(str2 === s);
+}
+
+
+//乘法精算
+export function accMul(arg1, arg2) {
+  return accMulIn(arg1, arg2)
+}
+
+ //除法精度问题
+ export function accDiv(arg1, arg2) {
+  let t1 = 0,
+    t2 = 0,
+    c1,
+    c2;
+  try {
+    t1 = arg1.toString().split(".")[1].length;
+  } catch (e) {}
+  try {
+    t2 = arg2.toString().split(".")[1].length;
+  } catch (e) {}
+  // with (Math) {
+  c1 = Number(arg1.toString().replace(".", ""));
+  c2 = Number(arg2.toString().replace(".", ""));
+  return (c1 / c2) * Math.pow(10, t2 - t1);
+  // }
+};
+
+
+//加法精算
+export function add_sum(arg1, arg2) {
+  let r1, r2, m;
+  try {
+    r1 = arg1.toString().split(".")[1].length;
+  } catch (e) {
+    r1 = 0;
+  }
+
+  try {
+    r2 = arg2.toString().split(".")[1].length;
+  } catch (e) {
+    r2 = 0;
+  }
+
+  m = Math.pow(10, Math.max(r1, r2));
+
+  return (accMulIn(arg1, m) + accMulIn(arg2, m)) / m;
+}

src/views/achievementTable.vue → src/views/516pingtai/achievement-table-11.vue

@@ -5,7 +5,7 @@
     :data="tableData"
     :columns="columns"
     :page="pageInfo"
-    :size="size"
+    :size="'mini'"
     @page-curr-change="handlePageChange"
     @page-size-change="handleSizeChange"
     @screen-reset="
@@ -24,7 +24,7 @@
         <el-row>
           <el-col :span="24" style="padding: 0 0 0 0">
             <el-col :span="8" style="width: 824px">
-              <el-form :inline="true" :size="searchSize">
+              <el-form :inline="true" :size="'mini'">
                 <el-form-item style="margin: 0">
                   <period-date-picker
                     :start="parmValue.qrd_start"
@@ -32,7 +32,7 @@
                     :type="1"
                     :width="'145px'"
                     :placeholder="'下单'"
-                    :size="searchSize"
+                    :size="'mini'"
                     @timeReturned="timeReturned1($event)"
                   />
                 </el-form-item>
@@ -43,7 +43,7 @@
                     :type="1"
                     :placeholder="'回款'"
                     :width="'145px'"
-                    :size="searchSize"
+                    :size="'mini'"
                     @timeReturned="timeReturned2($event)"
                   />
                 </el-form-item>
@@ -55,14 +55,14 @@
                 type="primary"
                 class="fr ml10"
                 icon="el-icon-download"
-                :size="searchSize"
+                :size="'mini'"
                 @click="Export()"
                 >导出</el-button
               >
               <el-button
-                :size="searchSize"
                 type="primary"
                 class="fr ml10"
+                :size="'mini'"
                 @click="searchList"
               >
                 刷新
@@ -71,13 +71,13 @@
               <el-button
                 type="warning"
                 class="fr ml10"
-                :size="searchSize"
+                :size="'mini'"
                 @click="restSearch"
               >
                 重置
               </el-button>
               <el-button
-                :size="searchSize"
+                :size="'mini'"
                 type="primary"
                 class="fr"
                 icon="el-icon-search"
@@ -96,7 +96,7 @@ import asyncRequest from "@/api/index";
 import setHeight from "@/mixins/index";
 import mixinPage from "@/mixins/elPaginationHandle";
 import { baseApi } from "@/config";
-import columns from "./columns.js";
+import columns from "@/views/columns";
 export default {
   name: "achievementTable",
   mixins: [mixinPage, setHeight],

src/views/516pingtai/index.vue

@@ -0,0 +1,168 @@
+<template>
+  <div style="padding: 10vh 0 0 0; width: 100%; text-align: center" v-loading="loading">
+    <div style="width: 700px; display: inline-block; text-align: left">
+      <el-row
+        type="flex"
+        class="row-bg"
+        justify="space-around"
+        style="padding: 14px 0"
+        v-for="(si, sii) in tableData"
+        :key="sii"
+      >
+        <el-col :span="4" style="width: 180px; text-align: right; padding: 0 20px 0 0">{{
+          si.label
+        }}</el-col>
+        <el-col :span="8" style="width: 350px">
+          <period-date-picker
+            :start="si.start"
+            :end="si.end"
+            :type="1"
+            :width="'145px'"
+            :placeholder="si.placeholder"
+            :size="'mini'"
+            @timeReturned="timeReturned($event, sii)"
+          />
+        </el-col>
+        <el-col :span="6" style="width: 200px">
+          <el-button
+            type="primary"
+            icon="el-icon-download"
+            :size="'mini'"
+            @click="Export(sii)"
+            >导出</el-button
+          ></el-col
+        >
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import setHeight from "@/mixins/index";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { baseApi } from "@/config";
+export default {
+  name: "achievementTable",
+  mixins: [mixinPage, setHeight],
+
+  data() {
+    return {
+      searchSize: "small",
+      size: "mini",
+      loading: false,
+
+      tableData: [
+        {
+          id: "12",
+          url_path: "Admin/jxreport",
+          placeholder: "下单",
+          start: "",
+          end: "",
+          label: "确认单绩效报表",
+        },
+        {
+          id: "13",
+          url_path: "Admin/jxthreport",
+          placeholder: "退款",
+          start: "",
+          end: "",
+          label: "确认单绩效退款报表",
+        },
+        {
+          id: "14",
+          url_path: "Admin/fhreport",
+          placeholder: "发货",
+          start: "",
+          end: "",
+          label: "采购单发货数据",
+        },
+      ],
+    };
+  },
+  mounted() {
+    // this.searchList();
+  },
+  methods: {
+    async timeReturned(e, index) {
+      this.tableData[index].start = e.startTime !== "" ? e.startTime : "";
+      this.tableData[index].end = e.endtTime !== "" ? e.endTime : "";
+    },
+
+    async timeVerification(index) {
+      const { start, end, placeholder } = this.tableData[index];
+      return new Promise(async (resolve, reject) => {
+        if (start === "" && end === "") {
+          resolve({ ok: false, msg: "请选择时间区间！" });
+        } else if ((start === "" && end !== "") || (start !== "" && end === "")) {
+          resolve({ ok: false, msg: placeholder + "时间区间不完整！" });
+        } else {
+          resolve({ ok: true, msg: "ok" });
+        }
+      });
+    },
+
+    /**
+     * 批量导出开票信息
+     */
+    async Export(index) {
+      if (!this.loading) {
+        this.timeVerification(index).then(async (r) => {
+          if (!r.ok) {
+            this.$message.warning(r.msg);
+          } else {
+            this.loading = true;
+            const { start, end, label, url_path, placeholder } = this.tableData[index];
+            const httpType = `aplication/zip`;
+            const title = placeholder + `${start}至${end}`;
+            const fileTitle = "516平台-" + label + title;
+
+            axios({
+              method: "post",
+              url: baseApi + url_path,
+              responseType: "blob",
+              data: {
+                start,
+                end,
+              },
+              headers: {
+                Accept: httpType,
+              },
+            })
+              .then((res) => {
+                if (res && res.status == 200 && res.data) {
+                  let blob = new Blob([res.data], {
+                    type: httpType,
+                  });
+                  let url = window.URL.createObjectURL(blob);
+                  let aLink = document.createElement("a");
+                  aLink.style.display = "none";
+                  aLink.href = url;
+                  aLink.setAttribute("download", `${fileTitle}.zip`);
+                  document.body.appendChild(aLink);
+                  aLink.click();
+                  document.body.removeChild(aLink); //下载完成移除元素
+                  window.URL.revokeObjectURL(url); //释放掉blob对象
+                  this.$message.success(fileTitle + `信息导出成功！`);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                } else {
+                  this.$message.error(res.data.message);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                }
+              })
+              .catch((error) => {
+                console.log(error);
+                this.loading = false;
+              });
+          }
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style></style>

src/views/caixiao365/index.vue

@@ -0,0 +1,176 @@
+<template>
+  <div style="padding: 10vh 0 0 0; width: 100%; text-align: center" v-loading="loading">
+    <div style="width: 700px; display: inline-block; text-align: left">
+      <el-row
+        type="flex"
+        class="row-bg"
+        justify="space-around"
+        style="padding: 14px 0"
+        v-for="(si, sii) in tableData"
+        :key="sii"
+      >
+        <el-col :span="4" style="width: 180px; text-align: right; padding: 0 20px 0 0">{{
+          si.label
+        }}</el-col>
+        <el-col :span="8" style="width: 350px">
+          <period-date-picker
+            :start="si.start"
+            :end="si.end"
+            :type="1"
+            :width="'145px'"
+            :placeholder="si.placeholder"
+            :size="'mini'"
+            @timeReturned="timeReturned($event, sii)"
+          />
+        </el-col>
+        <el-col :span="6" style="width: 200px">
+          <el-button
+            type="primary"
+            icon="el-icon-download"
+            :size="'mini'"
+            @click="Export(sii)"
+            >导出</el-button
+          ></el-col
+        >
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import setHeight from "@/mixins/index";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { baseApi365 } from "@/config";
+export default {
+  name: "achievementTable",
+  mixins: [mixinPage, setHeight],
+
+  data() {
+    return {
+      searchSize: "small",
+      size: "mini",
+      loading: false,
+
+      tableData: [
+        {
+          id: "11",
+          url_path: "admin/performance",
+          placeholder: "下单",
+          start: "",
+          end: "",
+          label: "业绩达成报表(销售)",
+        },
+        {
+          id: "12",
+          url_path: "516pingtai-12",
+          placeholder: "下单",
+          start: "",
+          end: "",
+          label: "确认单绩效报表",
+        },
+        {
+          id: "13",
+          url_path: "516pingtai-13",
+          placeholder: "退款",
+          start: "",
+          end: "",
+          label: "确认单绩效退款报表",
+        },
+        {
+          id: "14",
+          url_path: "516pingtai-14",
+          placeholder: "发货",
+          start: "",
+          end: "",
+          label: "采购单发货数据",
+        },
+      ],
+    };
+  },
+  mounted() {
+    // this.searchList();
+  },
+  methods: {
+    async timeReturned(e, index) {
+      this.tableData[index].start = e.startTime !== "" ? e.startTime : "";
+      this.tableData[index].end = e.endtTime !== "" ? e.endTime : "";
+    },
+
+    async timeVerification(index) {
+      const { start, end, placeholder } = this.tableData[index];
+      return new Promise(async (resolve, reject) => {
+        if (start === "" && end === "") {
+          resolve({ ok: false, msg: "请选择时间区间！" });
+        } else if ((start === "" && end !== "") || (start !== "" && end === "")) {
+          resolve({ ok: false, msg: placeholder + "时间区间不完整！" });
+        } else {
+          resolve({ ok: true, msg: "ok" });
+        }
+      });
+    },
+
+    /**
+     * 批量导出开票信息
+     */
+    async Export(index) {
+      if (!this.loading) {
+        this.timeVerification(index).then(async (r) => {
+          if (!r.ok) {
+            this.$message.warning(r.msg);
+          } else {
+            this.loading = true;
+            const { start, end, label, url_path, placeholder } = this.tableData[index];
+            const httpType = `aplication/zip`;
+            const title = placeholder + `${start}至${end}`;
+            const fileTitle = "采销365平台-" + label + title;
+
+            axios({
+              method: "post",
+              url: baseApi365 + url_path,
+              responseType: "blob",
+              data: {
+                start,
+                end,
+              },
+              headers: {
+                Accept: httpType,
+              },
+            })
+              .then((res) => {
+                if (res && res.status == 200 && res.data) {
+                  let blob = new Blob([res.data], {
+                    type: httpType,
+                  });
+                  let url = window.URL.createObjectURL(blob);
+                  let aLink = document.createElement("a");
+                  aLink.style.display = "none";
+                  aLink.href = url;
+                  aLink.setAttribute("download", `${fileTitle}.zip`);
+                  document.body.appendChild(aLink);
+                  aLink.click();
+                  document.body.removeChild(aLink); //下载完成移除元素
+                  window.URL.revokeObjectURL(url); //释放掉blob对象
+                  this.$message.success(fileTitle + `信息导出成功！`);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                } else {
+                  this.$message.error(res.data.message);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                }
+              })
+              .catch((error) => {
+                console.log(error);
+                this.loading = false;
+              });
+          }
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style></style>

src/views/achievementTableNew.vue → src/views/caixiaopingtai/achievement-table-21.vue

@@ -23,7 +23,7 @@
       <div style="width: 100%">
         <el-row>
           <el-col :span="24" style="padding: 0 0 0 0">
-            <el-col :span="8" style="width: 824px">
+            <el-col :span="8" style="width: 664px">
               <el-form :inline="true" :size="searchSize">
                 <el-form-item style="margin: 0">
                   <period-date-picker
@@ -50,7 +50,7 @@
               </el-form>
             </el-col>
 
-            <el-col :span="4" class="fr" style="width: 300px">
+            <el-col :span="4" class="fr" style="width: 280px">
               <el-button
                 type="primary"
                 class="fr ml10"
@@ -96,7 +96,7 @@ import asyncRequest from "@/api/index";
 import setHeight from "@/mixins/index";
 import mixinPage from "@/mixins/elPaginationHandle";
 import { baseApi } from "@/config";
-import columns from "./columns.js";
+import columns from "@/views/columns";
 export default {
   name: "achievementTable",
   mixins: [mixinPage, setHeight],

src/views/caixiaopingtai/index.vue

@@ -0,0 +1,168 @@
+<template>
+  <div style="padding: 10vh 0 0 0; width: 100%; text-align: center" v-loading="loading">
+    <div style="width: 700px; display: inline-block; text-align: left">
+      <el-row
+        type="flex"
+        class="row-bg"
+        justify="space-around"
+        style="padding: 14px 0"
+        v-for="(si, sii) in tableData"
+        :key="sii"
+      >
+        <el-col :span="4" style="width: 180px; text-align: right; padding: 0 20px 0 0">{{
+          si.label
+        }}</el-col>
+        <el-col :span="8" style="width: 350px">
+          <period-date-picker
+            :start="si.start"
+            :end="si.end"
+            :type="1"
+            :width="'145px'"
+            :placeholder="si.placeholder"
+            :size="'mini'"
+            @timeReturned="timeReturned($event, sii)"
+          />
+        </el-col>
+        <el-col :span="6" style="width: 200px">
+          <el-button
+            type="primary"
+            icon="el-icon-download"
+            :size="'mini'"
+            @click="Export(sii)"
+            >导出</el-button
+          ></el-col
+        >
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import setHeight from "@/mixins/index";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { baseApi } from "@/config";
+export default {
+  name: "achievementTable",
+  mixins: [mixinPage, setHeight],
+
+  data() {
+    return {
+      searchSize: "small",
+      size: "mini",
+      loading: false,
+
+      tableData: [
+        {
+          id: "22",
+          url_path: "Admincx/jxreport",
+          placeholder: "下单",
+          start: "",
+          end: "",
+          label: "确认单绩效报表",
+        },
+        {
+          id: "23",
+          url_path: "Admincx/jxthreport",
+          placeholder: "退款",
+          start: "",
+          end: "",
+          label: "确认单绩效退款报表",
+        },
+        {
+          id: "24",
+          url_path: "Admincx/fhreport",
+          placeholder: "发货",
+          start: "",
+          end: "",
+          label: "采购单发货数据",
+        },
+      ],
+    };
+  },
+  mounted() {
+    // this.searchList();
+  },
+  methods: {
+    async timeReturned(e, index) {
+      this.tableData[index].start = e.startTime !== "" ? e.startTime : "";
+      this.tableData[index].end = e.endtTime !== "" ? e.endTime : "";
+    },
+
+    async timeVerification(index) {
+      const { start, end, placeholder } = this.tableData[index];
+      return new Promise(async (resolve, reject) => {
+        if (start === "" && end === "") {
+          resolve({ ok: false, msg: "请选择时间区间！" });
+        } else if ((start === "" && end !== "") || (start !== "" && end === "")) {
+          resolve({ ok: false, msg: placeholder + "时间区间不完整！" });
+        } else {
+          resolve({ ok: true, msg: "ok" });
+        }
+      });
+    },
+
+    /**
+     * 批量导出开票信息
+     */
+    async Export(index) {
+      if (!this.loading) {
+        this.timeVerification(index).then(async (r) => {
+          if (!r.ok) {
+            this.$message.warning(r.msg);
+          } else {
+            this.loading = true;
+            const { start, end, label, url_path, placeholder } = this.tableData[index];
+            const httpType = `aplication/zip`;
+            const title = placeholder + `${start}至${end}`;
+            const fileTitle = "采销平台-" + label + title;
+
+            axios({
+              method: "post",
+              url: baseApi + url_path,
+              responseType: "blob",
+              data: {
+                start,
+                end,
+              },
+              headers: {
+                Accept: httpType,
+              },
+            })
+              .then((res) => {
+                if (res && res.status == 200 && res.data) {
+                  let blob = new Blob([res.data], {
+                    type: httpType,
+                  });
+                  let url = window.URL.createObjectURL(blob);
+                  let aLink = document.createElement("a");
+                  aLink.style.display = "none";
+                  aLink.href = url;
+                  aLink.setAttribute("download", `${fileTitle}.zip`);
+                  document.body.appendChild(aLink);
+                  aLink.click();
+                  document.body.removeChild(aLink); //下载完成移除元素
+                  window.URL.revokeObjectURL(url); //释放掉blob对象
+                  this.$message.success(fileTitle + `信息导出成功！`);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                } else {
+                  this.$message.error(res.data.message);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                }
+              })
+              .catch((error) => {
+                console.log(error);
+                this.loading = false;
+              });
+          }
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style></style>

src/views/meritsReturnTable.vue

@@ -1,152 +0,0 @@
-<template>
-  <el-row v-loading="loading">
-    <el-col :span="8" style="width: 824px">
-      <period-date-picker
-        :start="parmValue.start"
-        :end="parmValue.end"
-        :type="1"
-        :width="'145px'"
-        :placeholder="'退款'"
-        :size="searchSize"
-        @timeReturned="timeReturned($event)"
-      />
-    </el-col>
-
-    <el-col :span="4" class="fr" style="width: 300px">
-      <el-button
-        type="primary"
-        class="fr ml10"
-        icon="el-icon-download"
-        :size="searchSize"
-        @click="Export()"
-        >导出</el-button
-      >
-
-      <el-button
-        type="warning"
-        class="fr ml10"
-        :size="searchSize"
-        @click="restSearch"
-      >
-        重置
-      </el-button>
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-import { baseApi } from "@/config";
-
-export default {
-  name: "meritsTable",
-
-  data() {
-    return {
-      searchSize: "small",
-      size: "mini",
-      loading: false,
-      parmValue: {
-        start: "",
-        end: "",
-      },
-    };
-  },
-  methods: {
-    async timeReturned(e) {
-      if (e.startTime !== "") {
-        this.parmValue.start = e.startTime;
-      } else {
-        this.parmValue.start = "";
-      }
-      if (e.endTime !== "") {
-        this.parmValue.end = e.endTime;
-      } else {
-        this.parmValue.end = "";
-      }
-    },
-
-    restSearch() {
-      this.parmValue = {
-        start: "",
-        end: "",
-      };
-    },
-
-    async timeVerification() {
-      return new Promise(async (resolve, reject) => {
-        if (this.parmValue.start === "" && this.parmValue.end === "") {
-          resolve({ ok: false, msg: "请选择时间区间！" });
-        } else if (
-          (this.parmValue.start === "" && this.parmValue.end !== "") ||
-          (this.parmValue.start !== "" && this.parmValue.end === "")
-        ) {
-          resolve({ ok: false, msg: "下单时间区间不完整！" });
-        } else {
-          resolve({ ok: true, msg: "ok" });
-        }
-      });
-    },
-    /**
-     * 批量导出开票信息
-     */
-    async Export() {
-      if (!this.loading) {
-        this.timeVerification().then(async (r) => {
-          if (!r.ok) {
-            this.$message.warning(r.msg);
-          } else {
-            this.loading = true;
-            let url = "Admin/jxthreport";
-            let httpType = `aplication/zip`;
-            let title =
-              this.parmValue.start !== ""
-                ? `退款时间${this.parmValue.start}至${this.parmValue.end}`
-                : "";
-            axios({
-              method: "post",
-              url: baseApi + url,
-              responseType: "blob",
-              data: this.parmValue,
-              headers: {
-                Accept: httpType,
-              },
-            })
-              .then((res) => {
-                if (res && res.status == 200 && res.data) {
-                  let blob = new Blob([res.data], {
-                    type: httpType,
-                  });
-                  let url = window.URL.createObjectURL(blob);
-                  let aLink = document.createElement("a");
-                  aLink.style.display = "none";
-                  aLink.href = url;
-                  aLink.setAttribute("download", `确认单绩效${title}.zip`);
-                  document.body.appendChild(aLink);
-                  aLink.click();
-                  document.body.removeChild(aLink); //下载完成移除元素
-                  window.URL.revokeObjectURL(url); //释放掉blob对象
-                  this.$message.success(`${title}信息导出成功！`);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                } else {
-                  this.$message.error(res.data.message);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                }
-              })
-              .catch((error) => {
-                console.log(error);
-                this.loading = false;
-              });
-          }
-        });
-      }
-    },
-  },
-};
-</script>
-
-<style>
-</style>

src/views/meritsReturnTableNew.vue

@@ -1,152 +0,0 @@
-<template>
-  <el-row v-loading="loading">
-    <el-col :span="8" style="width: 824px">
-      <period-date-picker
-        :start="parmValue.start"
-        :end="parmValue.end"
-        :type="1"
-        :width="'145px'"
-        :placeholder="'退款'"
-        :size="searchSize"
-        @timeReturned="timeReturned($event)"
-      />
-    </el-col>
-
-    <el-col :span="4" class="fr" style="width: 300px">
-      <el-button
-        type="primary"
-        class="fr ml10"
-        icon="el-icon-download"
-        :size="searchSize"
-        @click="Export()"
-        >导出</el-button
-      >
-
-      <el-button
-        type="warning"
-        class="fr ml10"
-        :size="searchSize"
-        @click="restSearch"
-      >
-        重置
-      </el-button>
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-import { baseApi } from "@/config";
-
-export default {
-  name: "meritsTable",
-
-  data() {
-    return {
-      searchSize: "small",
-      size: "mini",
-      loading: false,
-      parmValue: {
-        start: "",
-        end: "",
-      },
-    };
-  },
-  methods: {
-    async timeReturned(e) {
-      if (e.startTime !== "") {
-        this.parmValue.start = e.startTime;
-      } else {
-        this.parmValue.start = "";
-      }
-      if (e.endTime !== "") {
-        this.parmValue.end = e.endTime;
-      } else {
-        this.parmValue.end = "";
-      }
-    },
-
-    restSearch() {
-      this.parmValue = {
-        start: "",
-        end: "",
-      };
-    },
-
-    async timeVerification() {
-      return new Promise(async (resolve, reject) => {
-        if (this.parmValue.start === "" && this.parmValue.end === "") {
-          resolve({ ok: false, msg: "请选择时间区间！" });
-        } else if (
-          (this.parmValue.start === "" && this.parmValue.end !== "") ||
-          (this.parmValue.start !== "" && this.parmValue.end === "")
-        ) {
-          resolve({ ok: false, msg: "下单时间区间不完整！" });
-        } else {
-          resolve({ ok: true, msg: "ok" });
-        }
-      });
-    },
-    /**
-     * 批量导出开票信息
-     */
-    async Export() {
-      if (!this.loading) {
-        this.timeVerification().then(async (r) => {
-          if (!r.ok) {
-            this.$message.warning(r.msg);
-          } else {
-            this.loading = true;
-            let url = "Admincx/jxthreport";
-            let httpType = `aplication/zip`;
-            let title =
-              this.parmValue.start !== ""
-                ? `退款时间${this.parmValue.start}至${this.parmValue.end}`
-                : "";
-            axios({
-              method: "post",
-              url: baseApi + url,
-              responseType: "blob",
-              data: this.parmValue,
-              headers: {
-                Accept: httpType,
-              },
-            })
-              .then((res) => {
-                if (res && res.status == 200 && res.data) {
-                  let blob = new Blob([res.data], {
-                    type: httpType,
-                  });
-                  let url = window.URL.createObjectURL(blob);
-                  let aLink = document.createElement("a");
-                  aLink.style.display = "none";
-                  aLink.href = url;
-                  aLink.setAttribute("download", `确认单绩效${title}.zip`);
-                  document.body.appendChild(aLink);
-                  aLink.click();
-                  document.body.removeChild(aLink); //下载完成移除元素
-                  window.URL.revokeObjectURL(url); //释放掉blob对象
-                  this.$message.success(`${title}信息导出成功！`);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                } else {
-                  this.$message.error(res.data.message);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                }
-              })
-              .catch((error) => {
-                console.log(error);
-                this.loading = false;
-              });
-          }
-        });
-      }
-    },
-  },
-};
-</script>
-
-<style>
-</style>

src/views/meritsTable.vue

@@ -1,152 +0,0 @@
-<template>
-  <el-row v-loading="loading">
-    <el-col :span="8" style="width: 824px">
-      <period-date-picker
-        :start="parmValue.start"
-        :end="parmValue.end"
-        :type="1"
-        :width="'145px'"
-        :placeholder="'下单'"
-        :size="searchSize"
-        @timeReturned="timeReturned($event)"
-      />
-    </el-col>
-
-    <el-col :span="4" class="fr" style="width: 300px">
-      <el-button
-        type="primary"
-        class="fr ml10"
-        icon="el-icon-download"
-        :size="searchSize"
-        @click="Export()"
-        >导出</el-button
-      >
-
-      <el-button
-        type="warning"
-        class="fr ml10"
-        :size="searchSize"
-        @click="restSearch"
-      >
-        重置
-      </el-button>
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-import { baseApi } from "@/config";
-
-export default {
-  name: "meritsTable",
-
-  data() {
-    return {
-      searchSize: "small",
-      size: "mini",
-      loading: false,
-      parmValue: {
-        start: "",
-        end: "",
-      },
-    };
-  },
-  methods: {
-    async timeReturned(e) {
-      if (e.startTime !== "") {
-        this.parmValue.start = e.startTime;
-      } else {
-        this.parmValue.start = "";
-      }
-      if (e.endTime !== "") {
-        this.parmValue.end = e.endTime;
-      } else {
-        this.parmValue.end = "";
-      }
-    },
-
-    restSearch() {
-      this.parmValue = {
-        start: "",
-        end: "",
-      };
-    },
-
-    async timeVerification() {
-      return new Promise(async (resolve, reject) => {
-        if (this.parmValue.start === "" && this.parmValue.end === "") {
-          resolve({ ok: false, msg: "请选择时间区间！" });
-        } else if (
-          (this.parmValue.start === "" && this.parmValue.end !== "") ||
-          (this.parmValue.start !== "" && this.parmValue.end === "")
-        ) {
-          resolve({ ok: false, msg: "下单时间区间不完整！" });
-        } else {
-          resolve({ ok: true, msg: "ok" });
-        }
-      });
-    },
-    /**
-     * 批量导出开票信息
-     */
-    async Export() {
-      if (!this.loading) {
-        this.timeVerification().then(async (r) => {
-          if (!r.ok) {
-            this.$message.warning(r.msg);
-          } else {
-            this.loading = true;
-            let url = "Admin/jxreport";
-            let httpType = `aplication/zip`;
-            let title =
-              this.parmValue.start !== ""
-                ? `下单时间${this.parmValue.start}至${this.parmValue.end}`
-                : "";
-            axios({
-              method: "post",
-              url: baseApi + url,
-              responseType: "blob",
-              data: this.parmValue,
-              headers: {
-                Accept: httpType,
-              },
-            })
-              .then((res) => {
-                if (res && res.status == 200 && res.data) {
-                  let blob = new Blob([res.data], {
-                    type: httpType,
-                  });
-                  let url = window.URL.createObjectURL(blob);
-                  let aLink = document.createElement("a");
-                  aLink.style.display = "none";
-                  aLink.href = url;
-                  aLink.setAttribute("download", `提成数据报表${title}.zip`);
-                  document.body.appendChild(aLink);
-                  aLink.click();
-                  document.body.removeChild(aLink); //下载完成移除元素
-                  window.URL.revokeObjectURL(url); //释放掉blob对象
-                  this.$message.success(`${title}信息导出成功！`);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                } else {
-                  this.$message.error(res.data.message);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                }
-              })
-              .catch((error) => {
-                console.log(error);
-                this.loading = false;
-              });
-          }
-        });
-      }
-    },
-  },
-};
-</script>
-
-<style>
-</style>

src/views/meritsTableNew.vue

@@ -1,152 +0,0 @@
-<template>
-  <el-row v-loading="loading">
-    <el-col :span="8" style="width: 824px">
-      <period-date-picker
-        :start="parmValue.start"
-        :end="parmValue.end"
-        :type="1"
-        :width="'145px'"
-        :placeholder="'下单'"
-        :size="searchSize"
-        @timeReturned="timeReturned($event)"
-      />
-    </el-col>
-
-    <el-col :span="4" class="fr" style="width: 300px">
-      <el-button
-        type="primary"
-        class="fr ml10"
-        icon="el-icon-download"
-        :size="searchSize"
-        @click="Export()"
-        >导出</el-button
-      >
-
-      <el-button
-        type="warning"
-        class="fr ml10"
-        :size="searchSize"
-        @click="restSearch"
-      >
-        重置
-      </el-button>
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-import { baseApi } from "@/config";
-
-export default {
-  name: "meritsTable",
-
-  data() {
-    return {
-      searchSize: "small",
-      size: "mini",
-      loading: false,
-      parmValue: {
-        start: "",
-        end: "",
-      },
-    };
-  },
-  methods: {
-    async timeReturned(e) {
-      if (e.startTime !== "") {
-        this.parmValue.start = e.startTime;
-      } else {
-        this.parmValue.start = "";
-      }
-      if (e.endTime !== "") {
-        this.parmValue.end = e.endTime;
-      } else {
-        this.parmValue.end = "";
-      }
-    },
-
-    restSearch() {
-      this.parmValue = {
-        start: "",
-        end: "",
-      };
-    },
-
-    async timeVerification() {
-      return new Promise(async (resolve, reject) => {
-        if (this.parmValue.start === "" && this.parmValue.end === "") {
-          resolve({ ok: false, msg: "请选择时间区间！" });
-        } else if (
-          (this.parmValue.start === "" && this.parmValue.end !== "") ||
-          (this.parmValue.start !== "" && this.parmValue.end === "")
-        ) {
-          resolve({ ok: false, msg: "下单时间区间不完整！" });
-        } else {
-          resolve({ ok: true, msg: "ok" });
-        }
-      });
-    },
-    /**
-     * 批量导出开票信息
-     */
-    async Export() {
-      if (!this.loading) {
-        this.timeVerification().then(async (r) => {
-          if (!r.ok) {
-            this.$message.warning(r.msg);
-          } else {
-            this.loading = true;
-            let url = "Admincx/jxreport";
-            let httpType = `aplication/zip`;
-            let title =
-              this.parmValue.start !== ""
-                ? `下单时间${this.parmValue.start}至${this.parmValue.end}`
-                : "";
-            axios({
-              method: "post",
-              url: baseApi + url,
-              responseType: "blob",
-              data: this.parmValue,
-              headers: {
-                Accept: httpType,
-              },
-            })
-              .then((res) => {
-                if (res && res.status == 200 && res.data) {
-                  let blob = new Blob([res.data], {
-                    type: httpType,
-                  });
-                  let url = window.URL.createObjectURL(blob);
-                  let aLink = document.createElement("a");
-                  aLink.style.display = "none";
-                  aLink.href = url;
-                  aLink.setAttribute("download", `提成数据报表${title}.zip`);
-                  document.body.appendChild(aLink);
-                  aLink.click();
-                  document.body.removeChild(aLink); //下载完成移除元素
-                  window.URL.revokeObjectURL(url); //释放掉blob对象
-                  this.$message.success(`${title}信息导出成功！`);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                } else {
-                  this.$message.error(res.data.message);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                }
-              })
-              .catch((error) => {
-                console.log(error);
-                this.loading = false;
-              });
-          }
-        });
-      }
-    },
-  },
-};
-</script>
-
-<style>
-</style>

src/views/poShipmentTable.vue

@@ -1,152 +0,0 @@
-<template>
-  <el-row v-loading="loading">
-    <el-col :span="8" style="width: 824px">
-      <period-date-picker
-        :start="parmValue.start"
-        :end="parmValue.end"
-        :type="1"
-        :width="'145px'"
-        :placeholder="'发货'"
-        :size="searchSize"
-        @timeReturned="timeReturned($event)"
-      />
-    </el-col>
-
-    <el-col :span="4" class="fr" style="width: 300px">
-      <el-button
-        type="primary"
-        class="fr ml10"
-        icon="el-icon-download"
-        :size="searchSize"
-        @click="Export()"
-        >导出</el-button
-      >
-
-      <el-button
-        type="warning"
-        class="fr ml10"
-        :size="searchSize"
-        @click="restSearch"
-      >
-        重置
-      </el-button>
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-import { baseApi } from "@/config";
-
-export default {
-  name: "poShipmentTable ",
-
-  data() {
-    return {
-      searchSize: "small",
-      size: "mini",
-      loading: false,
-      parmValue: {
-        start: "",
-        end: "",
-      },
-    };
-  },
-  methods: {
-    async timeReturned(e) {
-      if (e.startTime !== "") {
-        this.parmValue.start = e.startTime;
-      } else {
-        this.parmValue.start = "";
-      }
-      if (e.endTime !== "") {
-        this.parmValue.end = e.endTime;
-      } else {
-        this.parmValue.end = "";
-      }
-    },
-
-    restSearch() {
-      this.parmValue = {
-        start: "",
-        end: "",
-      };
-    },
-
-    async timeVerification() {
-      return new Promise(async (resolve, reject) => {
-        if (this.parmValue.start === "" && this.parmValue.end === "") {
-          resolve({ ok: false, msg: "请选择时间区间！" });
-        } else if (
-          (this.parmValue.start === "" && this.parmValue.end !== "") ||
-          (this.parmValue.start !== "" && this.parmValue.end === "")
-        ) {
-          resolve({ ok: false, msg: "时间区间不完整！" });
-        } else {
-          resolve({ ok: true, msg: "ok" });
-        }
-      });
-    },
-    /**
-     * 批量导出开票信息
-     */
-    async Export() {
-      if (!this.loading) {
-        this.timeVerification().then(async (r) => {
-          if (!r.ok) {
-            this.$message.warning(r.msg);
-          } else {
-            this.loading = true;
-            let url = "Admin/fhreport";
-            let httpType = `aplication/zip`;
-            let title =
-              this.parmValue.start !== ""
-                ? `采购单发货数据时间${this.parmValue.start}至${this.parmValue.end}`
-                : "";
-            axios({
-              method: "post",
-              url: baseApi + url,
-              responseType: "blob",
-              data: this.parmValue,
-              headers: {
-                Accept: httpType,
-              },
-            })
-              .then((res) => {
-                if (res && res.status == 200 && res.data) {
-                  let blob = new Blob([res.data], {
-                    type: httpType,
-                  });
-                  let url = window.URL.createObjectURL(blob);
-                  let aLink = document.createElement("a");
-                  aLink.style.display = "none";
-                  aLink.href = url;
-                  aLink.setAttribute("download", `${title}.zip`);
-                  document.body.appendChild(aLink);
-                  aLink.click();
-                  document.body.removeChild(aLink); //下载完成移除元素
-                  window.URL.revokeObjectURL(url); //释放掉blob对象
-                  this.$message.success(`${title}信息导出成功！`);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                } else {
-                  this.$message.error(res.data.message);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                }
-              })
-              .catch((error) => {
-                console.log(error);
-                this.loading = false;
-              });
-          }
-        });
-      }
-    },
-  },
-};
-</script>
-
-<style>
-</style>

src/views/poShipmentTableNew.vue

@@ -1,152 +0,0 @@
-<template>
-  <el-row v-loading="loading">
-    <el-col :span="8" style="width: 824px">
-      <period-date-picker
-        :start="parmValue.start"
-        :end="parmValue.end"
-        :type="1"
-        :width="'145px'"
-        :placeholder="'发货'"
-        :size="searchSize"
-        @timeReturned="timeReturned($event)"
-      />
-    </el-col>
-
-    <el-col :span="4" class="fr" style="width: 300px">
-      <el-button
-        type="primary"
-        class="fr ml10"
-        icon="el-icon-download"
-        :size="searchSize"
-        @click="Export()"
-        >导出</el-button
-      >
-
-      <el-button
-        type="warning"
-        class="fr ml10"
-        :size="searchSize"
-        @click="restSearch"
-      >
-        重置
-      </el-button>
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-import { baseApi } from "@/config";
-
-export default {
-  name: "poShipmentTable ",
-
-  data() {
-    return {
-      searchSize: "small",
-      size: "mini",
-      loading: false,
-      parmValue: {
-        start: "",
-        end: "",
-      },
-    };
-  },
-  methods: {
-    async timeReturned(e) {
-      if (e.startTime !== "") {
-        this.parmValue.start = e.startTime;
-      } else {
-        this.parmValue.start = "";
-      }
-      if (e.endTime !== "") {
-        this.parmValue.end = e.endTime;
-      } else {
-        this.parmValue.end = "";
-      }
-    },
-
-    restSearch() {
-      this.parmValue = {
-        start: "",
-        end: "",
-      };
-    },
-
-    async timeVerification() {
-      return new Promise(async (resolve, reject) => {
-        if (this.parmValue.start === "" && this.parmValue.end === "") {
-          resolve({ ok: false, msg: "请选择时间区间！" });
-        } else if (
-          (this.parmValue.start === "" && this.parmValue.end !== "") ||
-          (this.parmValue.start !== "" && this.parmValue.end === "")
-        ) {
-          resolve({ ok: false, msg: "时间区间不完整！" });
-        } else {
-          resolve({ ok: true, msg: "ok" });
-        }
-      });
-    },
-    /**
-     * 批量导出开票信息
-     */
-    async Export() {
-      if (!this.loading) {
-        this.timeVerification().then(async (r) => {
-          if (!r.ok) {
-            this.$message.warning(r.msg);
-          } else {
-            this.loading = true;
-            let url = "Admincx/fhreport";
-            let httpType = `aplication/zip`;
-            let title =
-              this.parmValue.start !== ""
-                ? `采购单发货数据时间${this.parmValue.start}至${this.parmValue.end}`
-                : "";
-            axios({
-              method: "post",
-              url: baseApi + url,
-              responseType: "blob",
-              data: this.parmValue,
-              headers: {
-                Accept: httpType,
-              },
-            })
-              .then((res) => {
-                if (res && res.status == 200 && res.data) {
-                  let blob = new Blob([res.data], {
-                    type: httpType,
-                  });
-                  let url = window.URL.createObjectURL(blob);
-                  let aLink = document.createElement("a");
-                  aLink.style.display = "none";
-                  aLink.href = url;
-                  aLink.setAttribute("download", `${title}.zip`);
-                  document.body.appendChild(aLink);
-                  aLink.click();
-                  document.body.removeChild(aLink); //下载完成移除元素
-                  window.URL.revokeObjectURL(url); //释放掉blob对象
-                  this.$message.success(`${title}信息导出成功！`);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                } else {
-                  this.$message.error(res.data.message);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                }
-              })
-              .catch((error) => {
-                console.log(error);
-                this.loading = false;
-              });
-          }
-        });
-      }
-    },
-  },
-};
-</script>
-
-<style>
-</style>