基础功能静态页面，登录接口，拦截器更改

.env.development

@@ -1,3 +1,3 @@
 NODE_ENV = 'development'
-VUE_APP_URL = 'http://121.41.26.225:8004'
+VUE_APP_URL = 'http://121.41.26.225:8004/'
-VUE_APP_CDN = 'http://121.41.26.225:8004'
+VUE_APP_CDN = 'http://121.41.26.225:8004/'

.env.production

@@ -1,3 +1,3 @@
 NODE_ENV  = 'production'
-VUE_APP_URL = 'http://121.41.26.225:8004'
+VUE_APP_URL = 'http://121.41.26.225:8004/'
-VUE_APP_CDN = 'http://121.41.26.225:8004'
+VUE_APP_CDN = 'http://121.41.26.225:8004/'

src/api/basic/organization/index.js

@@ -0,0 +1,10 @@
+import httpService from "@/request"
+
+// 获取预报列表
+export function functionName(params) {
+    return httpService({
+        url: `url`,
+        method: 'post',
+        data: params,
+    })
+}

src/api/public/login/index.js

@@ -3,7 +3,7 @@ import httpService from "@/request"
 // 发送验证码
 export function sendTelCode(params) {
     return httpService({
-        url: `/manage/sendTelCode`,
+        url: `/sendTelCode`,
         method: 'post',
         data: params,
     })
@@ -11,8 +11,9 @@ export function sendTelCode(params) {
 // 登录
 export function loginTel(params) {
     return httpService({
-        url: `/manage/loginTelCode`,
+        url: `/loginTelCode`,
         method: 'post',
         data: params,
     })
 }
+// 退出登录

src/mixins/index.js

@@ -12,10 +12,10 @@ export default {
     install(Vue) {
         Vue.mixin({
             computed: {
-                ...mapGetters(['getSelectedKeys', 'getOpenKeys'])
+                ...mapGetters(['getToken','getSelectedKeys', 'getOpenKeys','getLoginStep'])
             },
             methods: {
-                ...mapActions(['setSelectedKeys', 'setOpenKeys'])
+                ...mapActions(['setToken','setSelectedKeys', 'setOpenKeys','setLoginStep'])
             }
         })
     }

src/permission.js

@@ -1,18 +1,18 @@
-/*
- * @Author: your name
- * @Date: 2021-11-18 17:34:50
- * @LastEditTime: 2021-11-18 17:37:15
- * @LastEditors: Please set LastEditors
- * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath: /ansu-business/src/permission.js
- */
 import NProgress from "nprogress"
 import "nprogress/nprogress.css"
 import router from "@/router"
+import store from '@/store'
 
+const whitePath = [ '/login']
+// 判断登录
 router.beforeEach((to, from, next) => {
     NProgress.start()
+    const token = store.getters.getToken;
+    if(!token && !whitePath.includes(to.path)) {
+        next('/login');
+    } else {
         next();
+    }
 })
 
 router.afterEach(() => {

src/request/index.js

@@ -1,3 +1,11 @@
+/*
+ * @Author: your name
+ * @Date: 2021-10-13 09:28:02
+ * @LastEditTime: 2022-01-05 13:44:32
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: /data-show/src/request/index.js
+ */
 import axios from 'axios';
 // import qs from 'qs';
 import router from "@/permission"
@@ -17,10 +25,10 @@ function filterRequestData(obj) {
 }
 //创建axios的实例
 const httpService = axios.create({
-    baseURL: process.env.VUE_APP_URL + '/1',// TODO:具体的配置可以根据项目情况而来
+    baseURL: process.env.VUE_APP_URL+'123456/manage',// TODO:具体的配置可以根据项目情况而来
     timeout: 5000
 })
-// + communityCode
+
 //axios的拦截--request
 httpService.interceptors.request.use(config => {
     const rqParams = filterRequestData(config.params);
@@ -28,7 +36,7 @@ httpService.interceptors.request.use(config => {
     // post 'Content-Type' === 'application/x-www-form-urlencoded'
     config.headers['Content-Type'] = "application/json";
     config.headers['manage-login-token'] = store.getters.getToken;
-    config.headers['device-type'] = "web";
+    // config.headers['device-type'] = "web";
     if(config.method === 'post') {
         config.data = rqData;
     } else {
@@ -43,14 +51,18 @@ httpService.interceptors.request.use(config => {
 //4、axios的拦截--response
 httpService.interceptors.response.use(response => {
 	// TODO:具体的code对应的处理可继续添加修改
-    let data = null;
+    // let data = null;
     let msg = '';
     let res = response.data;
-    if(res.code == 0){
+    // console.log(response);
-        data = res.data;
+    if(res.code === 200){
-        msg = res.msg || "";
+        // code = 200;
-        return {data, msg};
+        // data = res.data;
-    } else if(res.code == 100000) {
+        // msg = res.msg || "";
+        // console.log(msg);
+        // console.log(data);
+        return res;
+    } else if(res.code == '超时') {
         router.replace({
             path: '/login'
           });

src/store/actions.js

@@ -7,6 +7,9 @@
  * @FilePath: /ansu-business/src/store/actions.js
  */
 const actions = {
+    setToken: ({commit}, log) => {
+        commit('setToken', log)
+    },
     setSelectedKeys: ({commit}, log) => {
         commit('setSelectedKeys', log)
     },

src/store/getters.js

@@ -12,7 +12,10 @@ const getters = {
     },
     getOpenKeys(state) {
         return state.openKeys
-    }
+    },
+    getToken(state) {
+        return state.token
+    },
 }
 
 export default getters

src/store/mutations.js

@@ -17,6 +17,10 @@ const mutations = {
         let str = JSON.stringify(log);
         sessionStorage.setItem('openKeys', str);
     },
+    setToken: (state, log) => {
+        state.token = log;
+        sessionStorage.setItem('token', log);
+    },
 }
 
 export default mutations

src/store/state.js

@@ -8,6 +8,7 @@
  */
 const state = {
     selectedKeys: JSON.parse(sessionStorage.getItem('selectedKeys')) || ['/'],
-    openKeys: JSON.parse(sessionStorage.getItem('openKeys')) || []
+    openKeys: JSON.parse(sessionStorage.getItem('openKeys')) || [],
+    token: sessionStorage.getItem('token') || ""
 }
 export default state

src/views/Basic/WorkOrder/addWorkOrder.vue

@@ -0,0 +1,71 @@
+<template>
+  <div>
+    <a-drawer
+      title="抽屉"
+      :width="720"
+      :visible="isVisibleDrawe"
+      :body-style="{ paddingBottom: '80px' }"
+      @close="onClose"
+    >
+      <div class="drawer-content">
+        <a-form-model
+          title="1d2"
+          layout="vertical"
+          ref="ruleForm"
+          :model="form"
+          :rules="rules"
+          :wrapper-col="{ span: 18 }"
+        >
+          <div>基本信息</div>
+          <a-divider></a-divider>
+          <a-row>
+            <a-col :span="12">
+              <a-form-model-item label="申请人身份" prop="identity">
+                <a-select
+                  v-model="form.identity"
+                  placeholder="请选择申请人身份"
+                />
+              </a-form-model-item>
+            </a-col>
+          </a-row>
+        </a-form-model>
+      </div>
+      <div class="drawer-footer">
+        <a-button :style="{ marginRight: '8px' }" @click="onClose">
+          关闭
+        </a-button>
+        <a-button type="primary" @click="onClose"> 提交 </a-button>
+      </div>
+    </a-drawer>
+  </div>
+</template>
+<script>
+export default {
+  name: "addWork",
+  data() {
+    return {
+      isVisibleDrawe: false,
+    };
+  },
+  props: {
+    visible: Boolean,
+    form:Object,
+    rules:Object
+  },
+  methods: {
+    onClose() {
+      this.$emit("onClose");
+    },
+  },
+  watch: {
+    visible: {
+      handler(newValue) {
+        this.isVisibleDrawe = newValue;
+      },
+      immediate: true,
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+</style>

src/views/Basic/WorkOrder/index.vue

@@ -41,7 +41,7 @@
           </a-space>
         </a-col>
         <a-col :span="4">
-            <a-button class='add-btn'>添加工单</a-button>
+            <a-button class='add-btn' @click="show=true">添加工单</a-button>
         </a-col>
       </a-row>
     </div>
@@ -116,13 +116,23 @@
         </span>
       </a-table>
     </div>
+    <add-work :visible='show' :form="form" @onClose="onClose" :rules="rules"></add-work>
   </div>
 </template>
 
 <script>
+import addWork from "../WorkOrder/addWorkOrder.vue"
 export default {
+  components:{
+    addWork
+  },
   data() {
     return {
+      form:{
+        identity:null
+      },
+      rules:{},
+      show: false,
       activeName:'0',
       pagination: {
         current: 1,
@@ -145,7 +155,7 @@ export default {
       //   列
       columns: [
         {
-          title: "申请人身份",
+          title: "工单状态",
           key: "tags",
           width: "14%",
           dataIndex: "status",
@@ -186,7 +196,7 @@ export default {
         },
       ],
       //   数据
-      tableData: [
+      tableData: [{},
       ],
       ActionsList: [
         {
@@ -209,6 +219,9 @@ export default {
         this.searchForm.status = e.target.value
           this.getData()
     },
+    onClose(){
+      this.show = false;
+    },
     // 下发至工单池
     put(){
 

src/views/Layout/index.vue

@@ -74,14 +74,14 @@ export default {
                     label: "智慧商城",
                     value: "smartMall"
                 },
-                {
+                // {
-                    label: "运营管理",
+                //     label: "运营管理",
-                    value: "operation"
+                //     value: "operation"
-                },
+                // },
-                {
+                // {
-                    label: "设置",
+                //     label: "设置",
-                    value: "setting"
+                //     value: "setting"
-                }
+                // }
             ],
         };
     },
@@ -109,7 +109,7 @@ export default {
 }
 
 #components-layout-demo-custom-trigger .logo {
-    height: 42px;
+    height: 62px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -122,7 +122,7 @@ export default {
     .s1 {
         display: block;
         color: #d6d6d6;
-        font-size: 16px;
+        font-size: 18px;
         margin-left: 10px;
         font-weight: 500;
     }

src/views/Login/index.vue

@@ -15,16 +15,21 @@
           <a-tabs v-model="activeName" @change="tabsSwitch">
             <!-- <a-tab-pane key="1" tab="密码登录">
                 </a-tab-pane> -->
-                <a-tab-pane key="2" tab="验证码登录">
+            <a-tab-pane key="2" tab="验证码登录"> </a-tab-pane>
-                </a-tab-pane>
           </a-tabs>
           <div class="login-input" v-if="activeName === '1'">
             <a-input placeholder="请输入手机号码"></a-input>
             <a-input type="password" placeholder="请输入密码"></a-input>
             <a-row>
-                  <a-col :span="12" style="margin-left:23px"><a-checkbox></a-checkbox>&nbsp;&nbsp;三天之内免登陆</a-col>
+              <a-col :span="12" style="margin-left: 23px"
+                ><a-checkbox></a-checkbox>&nbsp;&nbsp;三天之内免登陆</a-col
+              >
             </a-row>
-                <a-button type="primary" @click='login' style="width:90%;margin:30px">
+            <a-button
+              type="primary"
+              @click="login"
+              style="width: 90%; margin: 30px"
+            >
               登录
             </a-button>
             <a-row style="margin-top: 20px; margin-left: 23px">
@@ -32,18 +37,33 @@
                 <a-checkbox></a-checkbox>&nbsp;&nbsp;我已同意用户协议
               </a-col>
               <a-col :span="10">
-                    <span class="logintext" @click="status=3">忘记密码</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="logintext" @click="status=2">免费注册</span>
+                <span class="logintext" @click="status = 3">忘记密码</span
+                >&nbsp;&nbsp;&nbsp;&nbsp;<span
+                  class="logintext"
+                  @click="status = 2"
+                  >免费注册</span
+                >
               </a-col>
             </a-row>
           </div>
           <div class="login-input" v-else-if="activeName === '2'">
-                <a-input placeholder="请输入手机号码"></a-input>
+            <a-input placeholder="请输入手机号码" v-model="form.tel"></a-input>
-                <a-input type="password" placeholder="请输入验证码" style="width:60%"></a-input>
+            <a-input
-                <a-button type="primary" @click='getCode'>获取验证码</a-button>
+              placeholder="请输入验证码"
+              v-model="form.code"
+              style="width: 60%"
+            ></a-input>
+            <a-button type="primary" @click="getCode">获取验证码</a-button>
             <a-row>
-                  <a-col :span="12" style="margin-left:23px"><a-checkbox></a-checkbox>&nbsp;&nbsp;三天之内免登陆</a-col>
+              <a-col :span="12" style="margin-left: 23px"
+                ><a-checkbox></a-checkbox>&nbsp;&nbsp;三天之内免登陆</a-col
+              >
             </a-row>
-                <a-button type="primary" @click='login' style="width:90%;margin:30px">
+            <a-button
+              type="primary"
+              @click="login"
+              style="width: 90%; margin: 30px"
+            >
               登录
             </a-button>
             <a-row style="margin-top: 20px; margin-left: 23px">
@@ -51,7 +71,12 @@
                 <a-checkbox></a-checkbox>&nbsp;&nbsp;我已同意用户协议
               </a-col>
               <a-col :span="10">
-                    <span class="logintext" @click="status=3">忘记密码</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="logintext" @click="status=2">免费注册</span>
+                <span class="logintext" @click="status = 3">忘记密码</span
+                >&nbsp;&nbsp;&nbsp;&nbsp;<span
+                  class="logintext"
+                  @click="status = 2"
+                  >免费注册</span
+                >
               </a-col>
             </a-row>
           </div>
@@ -98,12 +123,11 @@
               <a-input placeholder="请再次输入密码" />
             </a-form-model-item>
             <a-form-model-item>
-                <a-button type="primary" style="width:100%">
+              <a-button type="primary" style="width: 100%"> 确定 </a-button>
-                    确定
-                </a-button>
             </a-form-model-item>
             <a-form-model-item>
-                <span>已有账号？</span><span class="logintext" @click="status=1">登录</span>
+              <span>已有账号？</span
+              ><span class="logintext" @click="status = 1">登录</span>
             </a-form-model-item>
           </a-form-model>
         </a-col>
@@ -149,12 +173,11 @@
               <a-input placeholder="请再次输入密码" />
             </a-form-model-item>
             <a-form-model-item>
-                <a-button type="primary" style="width:100%">
+              <a-button type="primary" style="width: 100%"> 确定 </a-button>
-                    确定
-                </a-button>
             </a-form-model-item>
             <a-form-model-item>
-                <span>已有账号？</span><span class="logintext" @click="status=1">登录</span>
+              <span>已有账号？</span
+              ><span class="logintext" @click="status = 1">登录</span>
             </a-form-model-item>
           </a-form-model>
         </a-col>
@@ -164,15 +187,16 @@
 </template>
 
 <script>
-import { loginTel,sendTelCode } from "../../api/login"
+import { loginTel, sendTelCode } from "../../api/public/login";
 export default {
   name: "Login",
   data() {
     return {
       status: 1,
-      activeName:'2',
+      activeName: "2",
       form: {
-          tel:''
+        tel: "",
+        code: "",
       },
       rules: {
         tel: [
@@ -204,21 +228,38 @@ export default {
       },
     };
   },
+  created() {
+        this.keyupEnter();
+    },
   methods: {
-   async login() {
+    // 绑定enter事件
-      let res = await loginTel({
+    keyupEnter() {
-        tel:'11',
+      document.onkeydown = (e) => {
-        code:'111111'
+        if (e.keyCode === 13 && e.target.baseURI.match(/loginTel/)) {
+          //回车后执行搜索方法
+          this.login();
+        }
+      };
+    },
+    login() {
+      loginTel(this.form).then(res=>{
+        if (res.code === 200) {
+          this.$message.success(res.msg);
+          this.setToken(res.data);
+          this.$router.push("/");
+      } else {
+        this.$message.error(res.msg);
+      }
       })
-      console.log(res);
     },
     // 获取验证码
     getCode() {
-      sendTelCode(this.form).then(res=>{
+      sendTelCode(this.form).then((res) => {
         if (res) {
-          this.$message.success(res.msg)
+          // this.$message.success("取消成功");
+          this.$message.success(res.msg +'   ' +res.data);
         }
-      })
+      });
     },
     onSubmit() {
       this.$refs.ruleForm.validate((valid) => {
@@ -236,7 +277,7 @@ export default {
     },
     tabsSwitch() {
       console.log(this.activeName);
-    }
+    },
   },
 };
 </script>
@@ -262,7 +303,11 @@ export default {
     margin-bottom: 13px;
   }
   .title {
-    font-size:28px;color:#333333;font-weight:500;margin-left: 20px;line-height: 93px;
+    font-size: 28px;
+    color: #333333;
+    font-weight: 500;
+    margin-left: 20px;
+    line-height: 93px;
   }
 }
 .login-box {
@@ -292,7 +337,7 @@ export default {
   margin-bottom: 40px;
 }
 .logintext {
-    color: #205FBD;
+  color: #205fbd;
   cursor: pointer;
 }
 /deep/.ant-form-item {

vue.config.js

@@ -9,7 +9,9 @@
 module.exports = {
     // ...
     runtimeCompiler: true,
-    
+    devServer: {
+      port: "8443",
+    },
 
     // ...
   };