执法端-计划

zdxt-web-client/zdxt-efcode-enforcement-app/src/api/enforcement/index.js

@@ -5,7 +5,7 @@ const baseUrl = "/app-enf";
 // region 认证模块
 
 export const enforcementLogin = (params, success, error) => _post(baseUrl + "/login/szyptLogin", params, success, error);
-// export const enforcementLogin = (params, success, error) => _post(baseUrl + "/login/do", params, success, error);
+export const enforcementLoginByPassword = (params, success, error) => _post(baseUrl + "/login/do", params, success, error);
 // endregion
 
 // region 企业模块

zdxt-web-client/zdxt-efcode-enforcement-app/src/router/enforcement-app/enf-main-router.js

@@ -9,6 +9,14 @@ const routes = [
             isKeepAlive: false,
         },
     },
+    {
+        path: "/enforcement/loginByPassword",
+        name: "enforcementLoginByPassword",
+        component: () => import("@/views/enforcement/loginByPassword.vue"),
+        meta: {
+            isKeepAlive: false,
+        },
+    },
     // 执法端首页
     {
         path: "/enforcement/enforcementHome",

zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/loginByPassword.vue

@@ -0,0 +1,163 @@
+<template>
+    <div class="login-page">
+        <div class="login-content">
+            <van-nav-bar>
+                <template #title>
+                    <div class="title">
+                        执法端登录
+                    </div>
+                </template>
+            </van-nav-bar>
+            <van-form @submit="onSubmit">
+                <van-field v-model="loginParam.secretName" name="secretName" label="用户名" placeholder="用户名"
+                           :rules="[{ required: true, message: '请填写用户名' }]"/>
+                <van-field v-model="loginParam.secretKey" type="password" name="secretKey" label="密码"
+                           placeholder="密码"
+                           :rules="[{ required: true, message: '请填写密码' }]"/>
+                <div style="margin: 0.42rem">
+                    <van-button block type="primary" native-type="submit">登录</van-button>
+                </div>
+            </van-form>
+            <div style="margin: 0.42rem 0.42rem 0; text-align: center;">
+                <van-button plain type="default" size="small" @click="showTestPicker = true"
+                            style="background-color: darkred;color: white">选择测试用户
+                </van-button>
+            </div>
+            <van-action-sheet v-model:show="showTestPicker" title="选择测试用户">
+                <div class="test-enterprise-list">
+                    <van-cell
+                        v-for="(item, index) in testUsers"
+                        :key="index"
+                        :title="item.name"
+                        :label="'账号：' + item.account"
+                        is-link
+                        @click="selectTestUser(item)"
+                    />
+                </div>
+            </van-action-sheet>
+        </div>
+    </div>
+</template>
+<script setup>
+import {reactive, ref} from 'vue';
+import {enforcementLogin, enforcementLoginByPassword} from '../../api/enforcement';
+import CryptoJS from "crypto-js";
+import {showFailToast} from 'vant';
+import 'vant/es/toast/style';
+
+const {useCommon} = $globalStore;
+const router = useRouter();
+const loginParam = reactive({
+    secretName: "",
+    secretKey: ""
+})
+
+const showTestPicker = ref(false);
+const testUsers = [
+    {account: 'liuqianlin', name: '刘倩琳', password: 'szsf@zfjd'},
+    {account: 'baining', name: '白宁', password: 'szsf@zfjd'},
+    {account: 'caizifan', name: '蔡梓帆', password: 'szsf@zfjd'},
+    {account: 'chenchong4', name: '陈冲', password: 'szsf@zfjd'},
+    {account: 'chenggaozhan', name: '程高展', password: 'szsf@zfjd'},
+    {account: 'chenhaitao2', name: '陈海涛', password: 'szsf@zfjd'},
+    {account: 'chenhanyu', name: '陈汉羽', password: 'szsf@zfjd'}
+
+];
+
+const selectTestUser = (item) => {
+    loginParam.secretName = item.account;
+    loginParam.secretKey = item.password;
+    showTestPicker.value = false;
+    // 直接触发登录
+    doLogin(item.account, item.password);
+}
+const doLogin = (secretName, secretKey) => {
+    const encryptedKey = Encrypt(secretKey);
+    enforcementLoginByPassword({"secretName": secretName, "secretKey": encryptedKey}, response => {
+        if (response.code === 200) {
+            // 验证关键组织信息
+            if (!response.data.deptId) {
+                showFailToast("该用户未关联部门，无法登录");
+                return;
+            }
+            if (!response.data.organId) {
+                showFailToast("该用户未关联认证机构，无法登录");
+                return;
+            }
+            if (!response.data.bureauUnitId) {
+                showFailToast("该用户未关联执法单位，无法登录");
+                return;
+            }
+            // 执法端登录成功 → 赋值用户基本信息
+            useCommon.SET_USER_PHONENUMBER(response.data.phonenumber || "");
+            useCommon.SET_USER_ID(response.data.userId);
+            useCommon.SET_USER_NAME(response.data.userName || "");
+            useCommon.SET_NICK_NAME(response.data.nickName || "");
+            useCommon.SET_TOKEN(response.data.token);
+            useCommon.SET_DEPT_ID(response.data.deptId);
+            useCommon.SET_DEPT_NAME(response.data.deptName || "");
+            useCommon.SET_ORGAN_ID(response.data.organId);
+            useCommon.SET_ORGAN_NAME(response.data.organName || "");
+            useCommon.SET_BUREAU_UNIT_ID(response.data.bureauUnitId);
+            useCommon.SET_BUREAU_UNIT_NAME(response.data.bureauUnitName || "");
+            console.log("enforcement login success", useCommon.userId);
+            router.push({name: "enforcementHome"});
+        } else {
+            showFailToast(response.msg || "登录失败");
+        }
+    }, error => {
+        showFailToast(error?.msg || "登录失败，请检查网络");
+    })
+};
+
+const onSubmit = async () => {
+    doLogin(loginParam.secretName, loginParam.secretKey);
+};
+
+const Encrypt = (passWord) => {
+    var keyStr = '1234567898745621';
+    var ivStr = keyStr;
+    var key = CryptoJS.enc.Utf8.parse(keyStr);
+    var iv = CryptoJS.enc.Utf8.parse(ivStr);
+    var srcs = CryptoJS.enc.Utf8.parse(passWord);
+    var encrypted = CryptoJS.AES.encrypt(srcs, key, {
+        iv: iv,
+        mode: CryptoJS.mode.CBC,
+        padding: CryptoJS.pad.ZeroPadding
+    });
+    return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
+}
+</script>
+
+<style lang="less" scoped>
+.login-page {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    overflow: hidden;
+    background-image: url("~@/assets/images/login.jpg");
+    background-repeat: no-repeat;
+    background-size: cover;
+    opacity: 0.9;
+
+    .login-content {
+        margin: auto;
+        padding: 0.27rem 0.27rem 0.52rem 0.27rem;
+        background-color: #fff;
+        border-radius: 0.27rem;
+        box-shadow: 0 0 0.27rem rgba(0, 0, 0, 0.2);
+        opacity: 0.9;
+
+        .title {
+            font-size: 0.52rem;
+            font-weight: 600;
+        }
+    }
+}
+
+.test-enterprise-list {
+    max-height: 60vh;
+    overflow-y: auto;
+    padding: 0.2rem;
+}
+</style>

zdxt-web-client/zdxt-efcode-enforcement-app/vite-config/index.js

@@ -25,7 +25,7 @@ const loadPluginModules = async () => {
 
 // 基本配置
 const baseCfg = (viteEnv = {}) => {
-	const { VITE_BASE_URL, VITE_PORT } = viteEnv;
+	const { VITE_BASE_URL, VITE_PORT, VITE_PROXY_TARGET } = viteEnv;
 	return {
 		base: './',
 		envDir: "vite-env",
@@ -43,12 +43,10 @@ const baseCfg = (viteEnv = {}) => {
 			cors: true,
 			proxy: {
 				'/api': {
-                    // target: 'http://localhost:17000',
+					target: VITE_PROXY_TARGET || 'http://localhost:17000',
-                    target: 'http://139.186.148.21:8080',
 					changeOrigin: true,
 					rewrite: (path) => path.replace(/^\/api/, '')
 				},
-				
 			}
 		},
 		build: {

zdxt-web-client/zdxt-efcode-enforcement-app/vite-env/.env.enforcement-dev

@@ -1,5 +1,6 @@
 # 执法端开发环境
 VITE_PORT = 12002
 VITE_BASE_URL = '/api/enf-ep'
-VITE_DEFAULT_LOGIN = '/enforcement/login'
+VITE_PROXY_TARGET = 'http://localhost:17000'
+VITE_DEFAULT_LOGIN = '/enforcement/loginByPassword'
 VITE_APP_ENV = 'dev'

zdxt-web-client/zdxt-efcode-enforcement-app/vite-env/.env.enforcement-prod

@@ -1,5 +1,6 @@
 # 执法端生产环境
 VITE_PORT = 12002
 VITE_BASE_URL = 'http://localhost:17000/enf-ep'
+VITE_PROXY_TARGET = 'http://localhost:17000'
 VITE_DEFAULT_LOGIN = '/enforce/login'
 VITE_APP_ENV = 'prod'

zdxt-web-client/zdxt-efcode-enforcement-app/vite-env/.env.enforcement-test

@@ -1,5 +1,6 @@
 # 执法端测试环境
 VITE_PORT = 12002
 VITE_BASE_URL = '/api'
+VITE_PROXY_TARGET = 'http://139.186.148.21:8080'
 VITE_DEFAULT_LOGIN = '/enforcement/login'
 VITE_APP_ENV = 'test'