-import { computed, onMounted, reactive, ref } from "vue";
-import { useRoute, useRouter } from "vue-router";
-import { useMessage } from "naive-ui";
+import { computed, onMounted, reactive, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { useMessage } from 'naive-ui'
// import captcha from './captcha.vue'
-import { PageEnum } from "@/enums/pageEnum";
-import { useUserStore } from "@/store/modules/user";
-import { ResultEnum } from "@/enums/httpEnum";
-import { getCode, smsLogin } from "@/api/login/login";
-import SvgIcon from "@/components/Icon/SvgIcon.vue";
+import { PageEnum } from '@/enums/pageEnum'
+import { useUserStore } from '@/store/modules/user'
+import { ResultEnum } from '@/enums/httpEnum'
+import { getCode, smsLogin } from '@/api/login/login'
+import SvgIcon from '@/components/Icon/SvgIcon.vue'
-const emit = defineEmits(["close", "forget"]);
+const emit = defineEmits(['close', 'forget'])
interface FormState {
- enterprisecode?: string;
- username: string;
- password: string;
+ enterprisecode?: string
+ username: string
+ password: string
}
interface FormSms {
- agentcode: string;
- phone: string;
- phonecode: string;
+ agentcode: string
+ phone: string
+ phonecode: string
}
-const formRef = ref();
-const formRefSms = ref();
-const message = useMessage();
-const loading = ref(false);
-const autoLogin = ref(false);
-const LOGIN_NAME = PageEnum.BASE_LOGIN_NAME;
-const userStore = useUserStore();
-const router = useRouter();
-const route = useRoute();
-const show = ref(false);
-const flag = ref(true);
-const loginSuccess = ref(true);
-const loginRejectMessge = ref("");
-
-let formInline: FormState = reactive({
+const formRef = ref()
+const formRefSms = ref()
+const message = useMessage()
+const loading = ref(false)
+const autoLogin = ref(false)
+const LOGIN_NAME = PageEnum.BASE_LOGIN_NAME
+const userStore = useUserStore()
+const router = useRouter()
+const route = useRoute()
+const show = ref(false)
+const flag = ref(true)
+const loginSuccess = ref(true)
+const loginRejectMessge = ref('')
+
+const formInline: FormState = reactive({
// enterprisecode: "演示公司",
// username: "yanshi01",
// password: "123456",
- enterprisecode: "",
- username: "",
- password: "",
-});
-
-let formSms: FormSms = reactive({
- agentcode: "",
- phone: "",
- phonecode: "",
-});
-const tab = ref(0);
-const countTime = ref("获取验证码");
+ enterprisecode: '',
+ username: '',
+ password: '',
+})
+
+const formSms: FormSms = reactive({
+ agentcode: '',
+ phone: '',
+ phonecode: '',
+})
+const tab = ref(0)
+const countTime = ref('获取验证码')
const rules = {
enterprisecode: [
- { required: true, message: "请输入企业编码", trigger: "blur" },
+ { required: true, message: '请输入企业编码', trigger: 'blur' },
{
- trigger: ["blur", "input", "change"],
- level: "error",
+ trigger: ['blur', 'input', 'change'],
+ level: 'error',
validator(_rule, value) {
- if (loginSuccess.value || !value) {
- return true;
- }
- if (loginRejectMessge.value.indexOf("企业") > -1) {
- return new Error(loginRejectMessge.value);
- }
+ if (loginSuccess.value || !value)
+ return true
+
+ if (loginRejectMessge.value.includes('企业'))
+ return new Error(loginRejectMessge.value)
},
},
],
agentcode: [
- { required: true, message: "请输入验证码", trigger: "blur" },
+ { required: true, message: '请输入验证码', trigger: 'blur' },
{
- trigger: ["blur", "input", "change"],
- level: "error",
+ trigger: ['blur', 'input', 'change'],
+ level: 'error',
validator(_rule, value) {
- if (loginSuccess.value || !value) {
- return true;
- }
- if (loginRejectMessge.value.indexOf("验证码") > -1) {
- return new Error(loginRejectMessge.value);
- }
+ if (loginSuccess.value || !value)
+ return true
+
+ if (loginRejectMessge.value.includes('验证码'))
+ return new Error(loginRejectMessge.value)
},
},
],
phone: [
- { required: true, message: "请输入手机号", trigger: "blur" },
+ { required: true, message: '请输入手机号', trigger: 'blur' },
{
- trigger: ["blur", "input", "change"],
- level: "error",
+ trigger: ['blur', 'input', 'change'],
+ level: 'error',
validator(_rule, value) {
- if (loginSuccess.value || !value) {
- return true;
- }
- if (loginRejectMessge.value.indexOf("手机号") > -1) {
- return new Error(loginRejectMessge.value);
- }
+ if (loginSuccess.value || !value)
+ return true
+
+ if (loginRejectMessge.value.includes('手机号'))
+ return new Error(loginRejectMessge.value)
},
},
],
phonecode: [
- { required: true, message: "请输入验证码", trigger: "blur" },
+ { required: true, message: '请输入验证码', trigger: 'blur' },
{
- trigger: ["blur", "input", "change"],
- level: "error",
+ trigger: ['blur', 'input', 'change'],
+ level: 'error',
validator(_rule, value) {
- if (value.length < 4 && value.length > 0) {
- return new Error("请正确填写4位手机短信验证码");
- }
- if (loginSuccess.value || !value) {
- return true;
- }
- if (loginRejectMessge.value.indexOf("验证码") > -1) {
- return new Error(loginRejectMessge.value);
- }
+ if (value.length < 4 && value.length > 0)
+ return new Error('请正确填写4位手机短信验证码')
+
+ if (loginSuccess.value || !value)
+ return true
+
+ if (loginRejectMessge.value.includes('验证码'))
+ return new Error(loginRejectMessge.value)
},
},
],
username: [
- { required: true, message: "请输入账号", trigger: "blur" },
+ { required: true, message: '请输入账号', trigger: 'blur' },
{
- trigger: ["blur", "input", "change"],
- level: "error",
+ trigger: ['blur', 'input', 'change'],
+ level: 'error',
validator(_rule, value) {
- if (loginSuccess.value || !value) {
- return true;
- }
- if (loginRejectMessge.value.indexOf("账号") > -1) {
- return new Error(loginRejectMessge.value);
- }
+ if (loginSuccess.value || !value)
+ return true
+
+ if (loginRejectMessge.value.includes('账号'))
+ return new Error(loginRejectMessge.value)
},
},
],
password: [
- { required: true, message: "请输入密码", trigger: "blur" },
+ { required: true, message: '请输入密码', trigger: 'blur' },
{
- trigger: ["blur", "input", "change"],
- level: "error",
+ trigger: ['blur', 'input', 'change'],
+ level: 'error',
validator(_rule, value) {
- if (loginSuccess.value || !value) {
- return true;
- }
- if (loginRejectMessge.value.indexOf("密码") > -1) {
- return new Error(loginRejectMessge.value);
- }
+ if (loginSuccess.value || !value)
+ return true
+
+ if (loginRejectMessge.value.includes('密码'))
+ return new Error(loginRejectMessge.value)
},
},
],
- captcha: [{ required: true, message: "请输入验证码", trigger: "blur" }],
-};
+ captcha: [{ required: true, message: '请输入验证码', trigger: 'blur' }],
+}
function handleSubmit(e) {
- e.preventDefault();
- loginSuccess.value = true;
+ e.preventDefault()
+ loginSuccess.value = true
formRef.value.validate(async (errors) => {
if (!errors) {
- const { username, password, enterprisecode } = formInline;
- message.loading("登录中...");
- loading.value = true;
+ const { username, password, enterprisecode } = formInline
+ message.loading('登录中...')
+ loading.value = true
const params = {
username,
password,
codetoken: userStore.getCapToken,
agentcode: enterprisecode,
- };
+ }
try {
- const { code, message: msg } = await userStore.login(params);
- loginRejectMessge.value = msg;
+ const { code, message: msg } = await userStore.login(params)
+ loginRejectMessge.value = msg
if (code === ResultEnum.SUCCESS) {
// 是否保存账号
- if (autoLogin.value) {
- localStorage.setItem("LOGIN_FORM_PASS", JSON.stringify(formInline));
- } else {
- localStorage.removeItem("LOGIN_FORM_PASS");
- }
- loginSuccess.value = true;
- const { data: userInfo } = await userStore.getInformation();
- message.destroyAll();
- const toPath = decodeURIComponent((route.query?.redirect || "/") as string);
- if (route.name === LOGIN_NAME)
+ if (autoLogin.value)
+ localStorage.setItem('LOGIN_FORM_PASS', JSON.stringify(formInline))
+ else
+ localStorage.removeItem('LOGIN_FORM_PASS')
+
+ loginSuccess.value = true
+ const { data: userInfo } = await userStore.getInformation()
+ message.destroyAll()
+ const toPath = decodeURIComponent((route.query?.redirect || '/') as string)
+ if (route.name === LOGIN_NAME) {
if (userInfo.frontmenuTList && userInfo.frontmenuTList.length) {
- message.success("登录成功，即将进入系统");
+ message.success('登录成功，即将进入系统')
router.replace(
- userInfo.frontmenuTList ? userInfo.frontmenuTList[0]["resUrl"] : "/"
- );
- } else {
- message.error("用户无菜单权限，请联系管理员");
+ userInfo.frontmenuTList ? userInfo.frontmenuTList[0].resUrl : '/',
+ )
}
- else router.replace(toPath);
- } else {
- loginSuccess.value = false;
- message.destroyAll();
- message.info(msg || "登录失败");
- formRef.value.validate();
+ else {
+ message.error('用户无菜单权限，请联系管理员')
+ }
+ }
+ else { router.replace(toPath) }
+ }
+ else {
+ loginSuccess.value = false
+ message.destroyAll()
+ message.info(msg || '登录失败')
+ formRef.value.validate()
}
- } finally {
- loading.value = false;
}
- } else {
- message.error("请填写完整信息，并且进行验证码校验");
+ finally {
+ loading.value = false
+ }
+ }
+ else {
+ message.error('请填写完整信息，并且进行验证码校验')
}
- });
+ })
}
onMounted(() => {
- let data: any = localStorage.getItem("LOGIN_FORM_SMS");
+ let data: any = localStorage.getItem('LOGIN_FORM_SMS')
if (data) {
- data = JSON.parse(data) as any;
- formSms.agentcode = data.agentcode;
- formSms.phone = data.phone;
- formSms.phonecode = "";
- autoLogin.value = true;
+ data = JSON.parse(data) as any
+ formSms.agentcode = data.agentcode
+ formSms.phone = data.phone
+ formSms.phonecode = ''
+ autoLogin.value = true
}
- data = localStorage.getItem("LOGIN_FORM_PASS");
+ data = localStorage.getItem('LOGIN_FORM_PASS')
if (data) {
- data = JSON.parse(data) as any;
- formInline.username = data.username;
- formInline.password = "";
+ data = JSON.parse(data) as any
+ formInline.username = data.username
+ formInline.password = ''
// formInline.password = data.password;
- formInline.enterprisecode = data.enterprisecode;
- autoLogin.value = true;
+ formInline.enterprisecode = data.enterprisecode
+ autoLogin.value = true
}
-});
+})
function handleSmsSubmit(e) {
- e.preventDefault();
- loginSuccess.value = true;
+ e.preventDefault()
+ loginSuccess.value = true
formRefSms.value.validate(async (errors) => {
if (!errors) {
- const { phone, agentcode, phonecode } = formSms;
- message.loading("登录中...");
- loading.value = true;
+ const { phone, agentcode, phonecode } = formSms
+ message.loading('登录中...')
+ loading.value = true
try {
const res = await smsLogin({
phone,
agentcode,
phonecode,
- });
- const { code, message: msg } = res;
- loginRejectMessge.value = msg;
+ })
+ const { code, message: msg } = res
+ loginRejectMessge.value = msg
if (code === ResultEnum.SUCCESS) {
// 是否保存账号
- if (autoLogin.value) {
- localStorage.setItem("LOGIN_FORM_SMS", JSON.stringify(formSms));
- } else {
- localStorage.removeItem("LOGIN_FORM_SMS");
- }
- loginSuccess.value = true;
+ if (autoLogin.value)
+ localStorage.setItem('LOGIN_FORM_SMS', JSON.stringify(formSms))
+ else
+ localStorage.removeItem('LOGIN_FORM_SMS')
+
+ loginSuccess.value = true
// const { code, message: msg } = await userStore.login(params)
- await userStore.setStorageToken(res.data);
- const { data: userInfo } = await userStore.getInformation();
- message.destroyAll();
- const toPath = decodeURIComponent((route.query?.redirect || "/") as string);
+ await userStore.setStorageToken(res.data)
+ const { data: userInfo } = await userStore.getInformation()
+ message.destroyAll()
+ const toPath = decodeURIComponent((route.query?.redirect || '/') as string)
if (route.name === LOGIN_NAME) {
if (userInfo.frontmenuTList && userInfo.frontmenuTList.length) {
- message.success("登录成功，即将进入系统");
+ message.success('登录成功，即将进入系统')
router.replace(
- userInfo.frontmenuTList ? userInfo.frontmenuTList[0]["resUrl"] : "/"
- );
- } else {
- message.error("用户无菜单权限，请联系管理员");
+ userInfo.frontmenuTList ? userInfo.frontmenuTList[0].resUrl : '/',
+ )
+ }
+ else {
+ message.error('用户无菜单权限，请联系管理员')
}
- } else {
- router.replace(toPath);
}
- } else {
- message.destroyAll();
- message.info(msg || "登录失败");
- loginSuccess.value = false;
- formRefSms.value.validate();
+ else {
+ router.replace(toPath)
+ }
}
- } catch (e) {
- } finally {
- loading.value = false;
+ else {
+ message.destroyAll()
+ message.info(msg || '登录失败')
+ loginSuccess.value = false
+ formRefSms.value.validate()
+ }
+ }
+ catch (e) {
+ }
+ finally {
+ loading.value = false
}
- } else {
- message.error("请填写完整信息，并且进行验证码校验");
}
- });
+ else {
+ message.error('请填写完整信息，并且进行验证码校验')
+ }
+ })
}
function close() {
- loading.value = false;
- emit("close");
+ loading.value = false
+ emit('close')
}
function switchTab(type: number) {
- loading.value = false;
- tab.value = type;
+ loading.value = false
+ tab.value = type
}
function computedForm() {
- if (tab.value == 0) {
- return !formInline.enterprisecode || !formInline.username || !formInline.password;
- }
- if (tab.value == 1) {
- return !formSms.agentcode || !formSms.phone || !formSms.phonecode;
- }
+ if (tab.value == 0)
+ return !formInline.enterprisecode || !formInline.username || !formInline.password
+
+ if (tab.value == 1)
+ return !formSms.agentcode || !formSms.phone || !formSms.phonecode
}
async function sendCode(value) {
- if (!formSms.phone) return;
+ if (!formSms.phone)
+ return
- if (!flag.value) return;
- flag.value = false;
+ if (!flag.value)
+ return
+ flag.value = false
const res = await getCode({
phone: formSms.phone,
agentcode: formSms.agentcode,
- });
- if (res.code == "OK") {
- startCount();
- } else {
- message.error(res.message);
- }
+ })
+ if (res.code == 'OK')
+ startCount()
+ else
+ message.error(res.message)
}
function startCount() {
- let time = 60;
- countTime.value = "60s";
+ let time = 60
+ countTime.value = '60s'
const timer = setInterval(() => {
- countTime.value = `${--time}s`;
+ countTime.value = `${--time}s`
if (time === 0) {
- clearInterval(timer);
- countTime.value = "重新获取";
- flag.value = true;
+ clearInterval(timer)
+ countTime.value = '重新获取'
+ flag.value = true
}
- }, 1000);
+ }, 1000)
}
function forget() {
- loading.value = false;
- emit("forget");
+ loading.value = false
+ emit('forget')
}
@@ -759,8 +749,8 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
:style="
isFullScreen
? {
- height: '596px',
- }
+ height: '596px',
+ }
: {}
"
>
@@ -800,21 +790,21 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
isFullScreen
? imgbigshow
? {
- position: 'relative',
- //width: '70vw',
- flex: 1,
- // flex: 0.75,
- 'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
- }
+ 'position': 'relative',
+ //width: '70vw',
+ 'flex': 1,
+ // flex: 0.75,
+ 'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
+ }
: {
- height: '92vh',
- flex: 1,
+ 'height': '92vh',
+ 'flex': 1,
- 'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
- }
- : {
'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
}
+ : {
+ 'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
+ }
"
@mouseover="overTaskHandle"
@mouseleave="leaveTaskHandler"
@@ -855,14 +845,14 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
class="img-status"
src="@/assets/images/task/pass.png"
alt=""
- />
+ >
+ >
+ >
@@ -912,12 +902,11 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
class="icon-status"
src="@/assets/images/task/similarity.png"
alt=""
- />
+ >
- {{ totalCount }}张
+ {{ totalCount }}张
相似匹配
@@ -947,8 +936,8 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
{{
taskDetailInfo?.ocrPicture?.submitDateTimestamp
? formatToDateHMS(
- Number(taskDetailInfo.ocrPicture.submitDateTimestamp)
- )
+ Number(taskDetailInfo.ocrPicture.submitDateTimestamp),
+ )
: "-"
}}
@@ -968,14 +957,14 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
:style="
isFullScreen
? {
- flex: 0.3,
- // flex: 0,
- //width: '30vw',
- borderLeft: '2px solid #507AFD',
- position: 'relative',
- borderRadius: 0,
- height: '596px',
- }
+ flex: 0.3,
+ // flex: 0,
+ //width: '30vw',
+ borderLeft: '2px solid #507AFD',
+ position: 'relative',
+ borderRadius: 0,
+ height: '596px',
+ }
: { flex: 0.5 }
"
>
@@ -1040,13 +1029,13 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
class="tag-status"
src="@/assets/images/task/tag-pass.png"
alt=""
- />
+ >
+ >
- {{ taskDetailInfo.fromtaskname }}
+
+ {{ taskDetailInfo.fromtaskname }}
+
+ 
- 
+ 
- 
- 
- 
- 
+ 
- 
- 
+ 
+ 
- 
- 
- 
- 
- 
+ 
+ >
- 
- 
- 
-