渐变文字标题、tailwindcss升级

This commit is contained in:
2025-02-04 16:39:06 +08:00
parent 0811790009
commit 72a208d4d8
31 changed files with 367 additions and 1088 deletions

View File

@@ -1,6 +1,6 @@
<template>
<div class="block">
<div class="user-header rounded-sm text-center">
<div class="user-header rounded-xs text-center">
<div class="pt-6 mx-auto avatar-box top-box">
{{ userStore.name }}
</div>
@@ -8,9 +8,9 @@
<a-tag size="large" class="mt-3 rounded-full" color="#de53ff"> 账号{{ userStore.username }} </a-tag>
</div>
</div>
<a-layout-content class="block lg:flex lg:justify-between">
<div class="block lg:flex lg:justify-between">
<div class="ma-content-block w-full lg:w-6/12 mt-3 p-4">
<a-tabs type="rounded">
<a-tabs default-active-key="info" :animation="true">
<a-tab-pane key="info" title="个人资料">
<user-infomation />
</a-tab-pane>
@@ -20,7 +20,7 @@
</a-tabs>
</div>
<div class="ma-content-block w-full lg:w-6/12 mt-3 p-4 ml-0 lg:ml-3">
<a-tabs type="rounded">
<a-tabs default-active-key="login-log" :animation="true">
<a-tab-pane key="login-log" title="登录日志" v-loading="isDataLoading">
<a-timeline class="pl-5 mt-3" v-if="loginLogList.length">
<a-timeline-item
@@ -48,7 +48,7 @@
</a-tab-pane>
</a-tabs>
</div>
</a-layout-content>
</div>
</div>
</template>

View File

@@ -1,5 +1,5 @@
<template>
<div class="w-full lg:w-9/12 ma-content-block rounded-sm p-3 mt-3 bg-color">
<div class="w-full lg:w-9/12 ma-content-block rounded-xs p-3 mt-3 bg-color">
<div class="flex justify-between">
系统公告
<a-link>更多</a-link>

View File

@@ -1,23 +1,23 @@
<template>
<div class="w-full lg:w-3/12 ma-content-block rounded-sm ml-0 lg:ml-3 p-3 mt-3">
<div class="w-full lg:w-3/12 ma-content-block rounded-xs ml-0 lg:ml-3 p-3 mt-3">
<div class="flex">测试管理平台相关</div>
<div class="block lg:grid lg:grid-cols-2 lg:gap-2 mt-3">
<a-card type="rounded-sm text-center" class="w-full" :body-style="{ padding: 0 }" :bordered="false">
<a-card type="rounded-xs text-center" class="w-full" :body-style="{ padding: 0 }" :bordered="false">
<a target="_blank" href="https://github.com/ks3356143/cdTestPlant3">
<a-button type="outline" class="w-full">前端仓库</a-button>
</a>
</a-card>
<a-card type="rounded-sm text-center" class="w-full" :body-style="{ padding: 0 }" :bordered="false">
<a-card type="rounded-xs text-center" class="w-full" :body-style="{ padding: 0 }" :bordered="false">
<a href="https://github.com/ks3356143/cdtestplant_v1" target="_blank">
<a-button type="outline" class="w-full">后端仓库</a-button>
</a>
</a-card>
<a-card type="rounded-sm text-center" class="w-full" :body-style="{ padding: 0 }" :bordered="false">
<a-card type="rounded-xs text-center" class="w-full" :body-style="{ padding: 0 }" :bordered="false">
<a href="https://arco.design/vue/docs/pro/start" target="_blank">
<a-button type="outline" class="w-full">感谢ArcoDesign</a-button>
</a>
</a-card>
<a-card type="rounded-sm text-center" class="w-full" :body-style="{ padding: 0 }" :bordered="false">
<a-card type="rounded-xs text-center" class="w-full" :body-style="{ padding: 0 }" :bordered="false">
<a href="https://doc.mineadmin.com/" target="_blank">
<a-button type="outline" class="w-full">感谢MineAdmin</a-button>
</a>

View File

@@ -3,7 +3,7 @@
<div class="lg:grid lg:grid-cols-4 lg:gap-1">
<a-card
style="height: 65px"
class="rounded-sm mt-3"
class="rounded-xs mt-3"
:body-style="{ padding: 0, height: '65px' }"
:bordered="false"
hoverable
@@ -23,7 +23,7 @@
</a-card>
<a-card
style="height: 65px"
class="rounded-sm mt-3 lg:ml-2"
class="rounded-xs mt-3 lg:ml-2"
:body-style="{ padding: 0, height: '65px' }"
:bordered="false"
hoverable
@@ -43,7 +43,7 @@
</a-card>
<a-card
style="height: 65px"
class="rounded-sm mt-3 lg:ml-2"
class="rounded-xs mt-3 lg:ml-2"
:body-style="{ padding: 0, height: '65px' }"
:bordered="false"
hoverable
@@ -63,7 +63,7 @@
</a-card>
<a-card
style="height: 65px"
class="rounded-sm mt-3 lg:ml-2"
class="rounded-xs mt-3 lg:ml-2"
:body-style="{ padding: 0, height: '65px' }"
:bordered="false"
hoverable

View File

@@ -1,6 +1,6 @@
<template>
<div class="flex justify-between">
<div class="ma-content-block rounded-sm flex justify-between w-full p-3 bg-color">
<div class="ma-content-block rounded-xs flex justify-between w-full p-3 bg-color">
<div class="pl-0 flex">
<a-avatar :size="75" class="hidden lg:inline-block">
<img src="@/assets/avatar/zhu.jpg" />

View File

@@ -8,7 +8,7 @@
<img src="@/assets/img/wxwx-logo.svg" width="45" /><span>{{ $title }}</span>
</div>
<div class="slogan flex justify-end">
<span>---- 为测评服务打造测评高地</span>
<span class="font-extrabold bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-purple-600">---- 为测评服务打造测评高地</span>
</div>
</div>
@@ -193,6 +193,7 @@ const handleSubmit = async ({ values, errors }) => {
.logo {
display: flex;
align-items: center;
margin-top: 20px;
color: #333;
perspective: 100px;

View File

@@ -263,7 +263,7 @@ const columns = ref([
search: true,
dataIndex: "name",
commonRules: [{ required: true, message: "名称是必填" }],
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "问题标识",
@@ -275,7 +275,7 @@ const columns = ref([
editDisabled: true,
addDisabled: true,
addDefaultValue: `${route.query.ident}`,
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "缺陷状态",

View File

@@ -226,7 +226,7 @@ const crudColumns = ref([
search: true,
dataIndex: "name",
commonRules: [{ required: true, message: "名称是必填" }],
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "问题标识",
@@ -238,7 +238,7 @@ const crudColumns = ref([
editDisabled: true,
addDisabled: true,
addDefaultValue: `${route.query.ident}`,
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "缺陷状态",

View File

@@ -17,7 +17,7 @@ export default function (crudOrFormRef: any) {
sortable: { sortDirections: ["ascend"] },
align: "center",
search: true,
validateTrigger: "blur",
validateTrigger: "blur-sm",
placeholder: "请填写测试项的标识,注意标识不能重复",
commonRules: [{ required: true, message: "测试项标识必填" }],
openPrepend: true
@@ -29,7 +29,7 @@ export default function (crudOrFormRef: any) {
align: "center",
search: true,
commonRules: [{ required: true, message: "名称是必填" }],
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "优先级",

View File

@@ -9,7 +9,7 @@ export default function (crudOrFormRef: any) {
hide: true,
dataIndex: "id",
commonRules: [{ required: true, message: "ID必填" }],
validateTrigger: "blur",
validateTrigger: "blur-sm",
display: false
},
{
@@ -19,7 +19,7 @@ export default function (crudOrFormRef: any) {
width: 180,
dataIndex: "ident",
search: true,
validateTrigger: "blur",
validateTrigger: "blur-sm",
placeholder: "请输入文档中设计需求的标识",
help: '若不知道则填"无"或不填',
openPrepend: true
@@ -31,7 +31,7 @@ export default function (crudOrFormRef: any) {
dataIndex: "name",
search: true,
commonRules: [{ required: true, message: "设计需求名称是必填" }],
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "章节号",
@@ -51,7 +51,7 @@ export default function (crudOrFormRef: any) {
search: true,
dict: { name: "demandType", props: { label: "title", value: "key" }, translation: true },
commonRules: [{ required: true, message: "需求类型是必填" }],
validateTrigger: "blur",
validateTrigger: "blur-sm",
// 主要为了添加“接口”的4个字段
onControl: (value) => {
if (value === "3") {

View File

@@ -21,7 +21,7 @@ export default function (crudOrFormRef: any) {
hide: true,
dataIndex: "id",
commonRules: [{ required: true, message: "ID是必填" }],
validateTrigger: "blur",
validateTrigger: "blur-sm",
display: false
},
{
@@ -35,7 +35,7 @@ export default function (crudOrFormRef: any) {
addDefaultValue: route.query.ident + "-R" + (parseInt(route.query.key as any) + 1) + "-UT",
addDisabled: true,
editDisabled: true,
validateTrigger: "blur",
validateTrigger: "blur-sm",
disabled: true,
placeholder: "被测件标识未空,请检查"
},
@@ -85,7 +85,7 @@ export default function (crudOrFormRef: any) {
dataIndex: "name",
search: true,
commonRules: [{ required: true, message: "被测件名称必填" }],
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "版本",
@@ -93,7 +93,7 @@ export default function (crudOrFormRef: any) {
dataIndex: "version",
search: true,
commonRules: [{ required: true, message: "版本必填" }],
validateTrigger: "blur",
validateTrigger: "blur-sm",
help: "填写不带V字符",
openPrepend: true
},
@@ -103,7 +103,7 @@ export default function (crudOrFormRef: any) {
dataIndex: "ref",
search: true,
commonRules: [{ required: true, message: "用户标识必填" }],
validateTrigger: "blur",
validateTrigger: "blur-sm",
help: "客户使用的标识"
},
{

View File

@@ -25,7 +25,7 @@ export default function (crudOrFormRef: any, problemFormRef?: any) {
editDefaultValue: "用例标识自动生成结构为YL_IO_XXXX_001",
editDisabled: true,
search: true,
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "名称",
@@ -33,7 +33,7 @@ export default function (crudOrFormRef: any, problemFormRef?: any) {
align: "center",
search: true,
commonRules: [{ required: true, message: "名称是必填" }],
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "是否通过",

View File

@@ -1,6 +1,6 @@
<template>
<div class="round-info-container">
<div class="ma-content-block rounded-sm flex-column justify-between w-full p-3 bg-color">
<div class="ma-content-block rounded-xs flex-column justify-between w-full p-3 bg-color">
<div class="title">{{ props.data.name }}信息</div>
<div class="info-list">
<a-list :gridProps="{ gutter: 0, span: 6 }" class="list-container">

View File

@@ -1,6 +1,6 @@
<template>
<div class="time-line-container">
<div class="ma-content-block rounded-sm flex-column justify-between w-full p-3 bg-color">
<div class="ma-content-block rounded-xs flex-column justify-between w-full p-3 bg-color">
<div class="title">填写的项目时间轴</div>
<a-timeline direction="horizontal" class="timeline" mode="alternate">
<a-timeline-item :label="pInfo.time_line.start_time">

View File

@@ -1,6 +1,6 @@
<template>
<div class="title-container">
<div class="ma-content-block rounded-sm flex-col justify-between w-full p-3 bg-color">
<div class="ma-content-block rounded-xs flex-col justify-between w-full p-3 bg-color">
<page-header :data="headerData"></page-header>
<div class="title">基本信息</div>
<div class="item-container">

View File

@@ -51,7 +51,7 @@ const useCrudOption = () => {
hide: true,
dataIndex: "id",
commonRules: [{ required: true, message: "ID必填" }],
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "片段名称",
@@ -60,7 +60,7 @@ const useCrudOption = () => {
dataIndex: "name",
search: true,
commonRules: [{ required: true, message: "片段名称必填" }],
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "替换片段",

View File

@@ -159,7 +159,7 @@ const useCrudInit = function () {
{ validator: validateBlank, message: "标识格式不正确" },
{ validator: validateWindowFileNameInput }
],
validateTrigger: "blur"
validateTrigger: "blur-sm"
},
{
title: "项目名称",