1、优化登录页面样式,更换登录背景图;2、修复bug

master
chris 1 month ago
parent 4bfedb525d
commit 12bb89ec3e

Binary file not shown.

After

Width:  |  Height:  |  Size: 371 KiB

@ -248,8 +248,8 @@ function resetQuery() {
// //
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids = selection.map(item => item.id) ids.value = selection.map(item => item.id)
single = selection.length!==1 single.value = selection.length!==1
multiple.value = !selection.length multiple.value = !selection.length
} }

@ -59,7 +59,7 @@
<el-table v-loading="loading" :data="memberList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="memberList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="所属客户" align="center" prop="customerId" /> <el-table-column label="所属客户" align="center" prop="customer" />
<el-table-column label="员工姓名" align="center" prop="name" /> <el-table-column label="员工姓名" align="center" prop="name" />
<el-table-column label="性别" align="center" prop="sex"> <el-table-column label="性别" align="center" prop="sex">
<template #default="scope"> <template #default="scope">
@ -228,6 +228,10 @@ function remoteCustomer (query) {
}) })
} }
function backFillSelectData (data) {
data.customerId && (customerList.value = [{ id: data.customerId, contactsName: data.customer }])
}
// //
function cancel() { function cancel() {
open.value = false; open.value = false;
@ -253,8 +257,8 @@ function resetQuery() {
// //
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids = selection.map(item => item.id) ids.value = selection.map(item => item.id)
single = selection.length!==1 single.value = selection.length!==1
multiple.value = !selection.length multiple.value = !selection.length
} }
@ -271,6 +275,7 @@ function handleUpdate(row) {
const id = row.id || ids.value const id = row.id || ids.value
getCustomerStaff(id).then(response => { getCustomerStaff(id).then(response => {
form.value = response.data; form.value = response.data;
backFillSelectData(response.data);
open.value = true; open.value = true;
title.value = "修改人员信息"; title.value = "修改人员信息";
}); });

@ -171,20 +171,24 @@ getCookie();
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%; height: 100%;
background-image: url("../assets/images/login-background.jpg"); background-image: url("../assets/images/login_bg.jpg");
background-size: cover; background-size: cover;
} }
.title { .title {
margin: 0px auto 30px auto; margin: 0px auto 30px auto;
text-align: center; text-align: center;
color: #707070; color: #707070;
font-weight: 700;
letter-spacing: 2px;
} }
.login-form { .login-form {
border-radius: 6px; border-radius: 6px;
background: #ffffff; background: rgba(255, 255, 255, 0.85);
width: 400px; width: 450px;
padding: 25px 25px 5px 25px; padding: 30px 30px 10px 30px;
border: 6px solid rgba(0, 0, 0, 0.6);
border-radius: 10px;
.el-input { .el-input {
height: 40px; height: 40px;
input { input {

@ -288,8 +288,8 @@ function resetQuery() {
// //
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids = selection.map(item => item.id) ids.value = selection.map(item => item.id)
single = selection.length!==1 single.value = selection.length!==1
multiple.value = !selection.length multiple.value = !selection.length
} }

@ -200,8 +200,8 @@ function resetQuery() {
// //
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids = selection.map(item => item.id) ids.value = selection.map(item => item.id)
single = selection.length!==1 single.value = selection.length!==1
multiple.value = !selection.length multiple.value = !selection.length
} }

@ -70,7 +70,7 @@
<el-table-column label="产品编码" align="center" prop="code" /> <el-table-column label="产品编码" align="center" prop="code" />
<el-table-column label="产品名称" align="center" prop="name" /> <el-table-column label="产品名称" align="center" prop="name" />
<el-table-column label="产品别名" align="center" prop="alias" /> <el-table-column label="产品别名" align="center" prop="alias" />
<el-table-column label="产品类型" align="center" prop="productsTypeId" /> <el-table-column label="产品类型" align="center" prop="productsType" />
<el-table-column label="规格" align="center" prop="specs" /> <el-table-column label="规格" align="center" prop="specs" />
<el-table-column label="单位" align="center" prop="unit" /> <el-table-column label="单位" align="center" prop="unit" />
<el-table-column label="标签" align="center" prop="label" /> <el-table-column label="标签" align="center" prop="label" />
@ -280,7 +280,7 @@ const data = reactive({
// //
rules: { rules: {
}, },
categoryType: null, categoryType: null, // 0: 1 2
levelPIds: ['', ''], levelPIds: ['', ''],
}) })
@ -340,10 +340,18 @@ function handleLevelChange (id, index) {
if (index === 0) { if (index === 0) {
form.value.levelTwoId = form.value.levelThreeId = null; form.value.levelTwoId = form.value.levelThreeId = null;
} }
levelPIds.value[index] = id; levelPIds.value[index] = id;
} }
//
function setCategory (info) {
levelPIds.value = [info.levelOneId || '', info.levelTwoId || '']
info.levelOneId && categoryList.value.push({ id: info.levelOneId, name: info.levelOne })
info.levelTwoId && categoryList.value.push({ id: info.levelTwoId, name: info.levelTwo })
info.levelThreeId && categoryList.value.push({ id: info.levelThreeId, name: info.levelThree })
}
// //
function cancel() { function cancel() {
open.value = false; open.value = false;
@ -369,8 +377,8 @@ function resetQuery() {
// //
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids = selection.map(item => item.id) ids.value = selection.map(item => item.id)
single = selection.length!==1 single.value = selection.length!==1
multiple.value = !selection.length multiple.value = !selection.length
} }
@ -387,6 +395,7 @@ function handleUpdate(row) {
const id = row.id || ids.value const id = row.id || ids.value
getProductsRecord(id).then(response => { getProductsRecord(id).then(response => {
form.value = response.data; form.value = response.data;
setCategory(response.data)
open.value = true; open.value = true;
title.value = "修改档案"; title.value = "修改档案";
}); });

@ -194,8 +194,8 @@ function resetQuery() {
// //
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids = selection.map(item => item.id) ids.value = selection.map(item => item.id)
single = selection.length!==1 single.value = selection.length!==1
multiple.value = !selection.length multiple.value = !selection.length
} }

@ -424,8 +424,8 @@ function resetQuery() {
// //
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids = selection.map(item => item.id) ids.value = selection.map(item => item.id)
single = selection.length!==1 single.value = selection.length!==1
multiple.value = !selection.length multiple.value = !selection.length
} }

Loading…
Cancel
Save