Commit 14bd703d authored by Cai Wei's avatar Cai Wei

fix(*): 修复冲突

parents d329dc4e 04e26e3b
...@@ -278,6 +278,11 @@ ...@@ -278,6 +278,11 @@
color: #f5b83d; color: #f5b83d;
border-color: #f5b83d; border-color: #f5b83d;
} }
.cancel-btn-balck-theme {
background-color: #8a898933;
color: #8a8989;
border-color: #8a8989;
}
} }
.green-color { .green-color {
color: #36f1cd !important; color: #36f1cd !important;
...@@ -312,4 +317,35 @@ ...@@ -312,4 +317,35 @@
} }
.el-pagination__total { .el-pagination__total {
color: var(--text-secondary) !important; color: var(--text-secondary) !important;
}
.el-radio__input.is-checked .el-radio__inner {
border-color: #36f1cd !important;
background-color: #36f1cd !important;
}
.el-radio__input.is-checked+.el-radio__label {
color: #36f1cd !important;
}
.el-dialog {
background-color: #181d21 !important;
.el-dialog__title {
color: #fff !important;
}
}
.el-textarea {
.el-textarea__inner {
background-color: #181d21 !important;
box-shadow: 0 0 0 1px #434343 inset !important;
color: #fff !important;
}
.el-textarea__inne:focus {
box-shadow: 0 0 0 1px #36f1cd inset !important;
outline: none !important;
}
}
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #36f1cd !important;
border-color: #36f1cd !important;
} }
\ No newline at end of file
<template> <template>
<div class="page-container collectorList"> <div class="page-container collectorList all-select-btn">
<div class="content-box"> <div class="content-box">
<div class="search"> <div class="search">
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
...@@ -48,16 +48,16 @@ ...@@ -48,16 +48,16 @@
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="default" class="default-btn" @click="onReset" <el-button type="default" class="reset-btn-balck-theme" @click="onReset"
>重置</el-button >重置</el-button
> >
<el-button type="primary" class="search-btn" @click="onSubmit" <el-button type="default" class="search-btn-balck-theme" @click="onSubmit"
>查询</el-button >查询</el-button
> >
<el-button <el-button
type="success" type="default"
style="width: 140px" style="width: 140px"
class="add-btn" class="export-btn-balck-theme"
@click="openRound()" @click="openRound()"
>挂起设备</el-button >挂起设备</el-button
> >
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
{{ getIndex($index) }} {{ getIndex($index) }}
</template> </template>
<template #operate="{ row }"> <template #operate="{ row }">
<span class="health-score" @click="openDialog(row)">暂挂起</span> <span class="health-score green-color" @click="openDialog(row)">暂挂起</span>
</template> </template>
</common-table> </common-table>
</div> </div>
...@@ -141,9 +141,9 @@ ...@@ -141,9 +141,9 @@
</div> </div>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer ">
<el-button @click="equDialog = false">取消</el-button> <el-button type="default" class="cancel-btn-balck-theme" @click="equDialog = false">取消</el-button>
<el-button type="primary" @click="equPending(ruleFormRef)"> <el-button type="default" class="reset-btn-balck-theme" @click="equPending(ruleFormRef)">
确认 确认
</el-button> </el-button>
</span> </span>
...@@ -602,6 +602,7 @@ onBeforeUnmount(() => {}); ...@@ -602,6 +602,7 @@ onBeforeUnmount(() => {});
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #dce0e4;
} }
.bold { .bold {
font-weight: bold; font-weight: bold;
......
...@@ -11,8 +11,8 @@ ...@@ -11,8 +11,8 @@
</div> </div>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button @click="closeDialog">关闭</el-button> <el-button type="default" @click="closeDialog" class="reset-btn-balck-them">关闭</el-button>
<el-button type="primary" v-if="btnGroup.length" v-for="item in btnGroup" class="real-btn" :key="item.attrKey" @click="handleBtn(item.attrKey)"> <el-button type="default" v-if="btnGroup.length" v-for="item in btnGroup" class="real-btn reset-btn-balck-them" :key="item.attrKey" @click="handleBtn(item.attrKey)">
{{item.label}} {{item.label}}
</el-button> </el-button>
</div> </div>
...@@ -103,5 +103,10 @@ const handleSave = ()=> { ...@@ -103,5 +103,10 @@ const handleSave = ()=> {
margin-right: 16px; margin-right: 16px;
cursor: pointer; cursor: pointer;
} }
.reset-btn-balck-them {
background-color: #4e7bfa33;
color: #4e7bfa;
border-color: #4e7bfa;
}
} }
</style> </style>
\ No newline at end of file
<template> <template>
<div class="my-agency"> <div class="my-agency all-select-btn">
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="事件名称:"> <el-form-item label="事件名称:">
<el-input v-model="formInline.eventName"> <el-input v-model="formInline.eventName">
...@@ -46,8 +46,8 @@ ...@@ -46,8 +46,8 @@
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="default-btn" @click="onReset">重置</el-button> <el-button class="default-btn reset-btn-balck-theme" @click="onReset">重置</el-button>
<el-button type="primary" class="default-btn" @click="onSearch">查询</el-button> <el-button type="default" class="default-btn search-btn-balck-theme" @click="onSearch">查询</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="table-box"> <div class="table-box">
...@@ -74,15 +74,15 @@ ...@@ -74,15 +74,15 @@
</span> </span>
</template> </template>
<template #operation="{ row }"> <template #operation="{ row }">
<span class="view-btn" @click="handleDone(row)"> <span class="view-btn green-color" @click="handleDone(row)">
处理 处理
</span> </span>
<span class="table-btn">|</span> <span class="table-btn">|</span>
<span class="view-btn" @click="handleDispatch(row)"> <span class="view-btn green-color" @click="handleDispatch(row)">
分派 分派
</span> </span>
<span class="table-btn">|</span> <span class="table-btn">|</span>
<span class="view-btn" @click="changeBag(row)"> <span class="view-btn green-color" @click="changeBag(row)">
更换布袋 更换布袋
</span> </span>
</template> </template>
...@@ -574,7 +574,7 @@ ...@@ -574,7 +574,7 @@
:value="item.id" :value="item.id"
></el-option> ></el-option>
</el-select> </el-select>
<el-button type="primary" class="addBtn" @click="addPerson">新增</el-button> <el-button type="default" class="addBtn search-btn-balck-theme" @click="addPerson">新增</el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="已分派人:"> <el-form-item label="已分派人:">
...@@ -1246,7 +1246,7 @@ const handlePaginationChange = (pagination) => { ...@@ -1246,7 +1246,7 @@ const handlePaginationChange = (pagination) => {
width: 100%; width: 100%;
height: calc(100% - 14px); height: calc(100% - 14px);
box-sizing: border-box; box-sizing: border-box;
background: #fff; background: #181D21;
padding: 20px; padding: 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -1319,12 +1319,13 @@ const handlePaginationChange = (pagination) => { ...@@ -1319,12 +1319,13 @@ const handlePaginationChange = (pagination) => {
font-weight: 700; font-weight: 700;
font-size: 19px; font-size: 19px;
overflow: hidden; overflow: hidden;
color: #dce0e4;
&::before { &::before {
content: ""; content: "";
width: 4px; width: 4px;
height: 4px; height: 4px;
border-radius: 50%; border-radius: 50%;
background: #1890ff; background: #36f1cd;
position: absolute; position: absolute;
left: 0px; left: 0px;
top: 50%; top: 50%;
...@@ -1335,7 +1336,7 @@ const handlePaginationChange = (pagination) => { ...@@ -1335,7 +1336,7 @@ const handlePaginationChange = (pagination) => {
width: 100%; width: 100%;
height: 0px; height: 0px;
position: absolute; position: absolute;
border-bottom: dashed 1px rgb(209, 209, 209); border-bottom: dashed 1px #8a9199;
left: 130px; left: 130px;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
...@@ -1358,12 +1359,13 @@ const handlePaginationChange = (pagination) => { ...@@ -1358,12 +1359,13 @@ const handlePaginationChange = (pagination) => {
text-align: right; text-align: right;
width: 140px; width: 140px;
margin-right: 10px; margin-right: 10px;
color: #8a9199;
} }
.change-style { .change-style {
width: auto; width: auto;
} }
.value { .value {
color: #000000; color: #fff;
flex: 1; flex: 1;
} }
.alarm-value { .alarm-value {
...@@ -1632,6 +1634,11 @@ const handlePaginationChange = (pagination) => { ...@@ -1632,6 +1634,11 @@ const handlePaginationChange = (pagination) => {
margin-bottom: 28px; margin-bottom: 28px;
} }
} }
.form-box::-webkit-scrollbar {
width: 0px;
height: 8px;
background-color: #434343; /* or add it to the track */
}
.input-style { .input-style {
padding-left: 50px; padding-left: 50px;
......
<template> <template>
<div class="my-agency"> <div class="my-agency all-select-btn">
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="事件名称:"> <el-form-item label="事件名称:">
<el-input v-model="formInline.eventName"> <el-input v-model="formInline.eventName">
...@@ -46,8 +46,8 @@ ...@@ -46,8 +46,8 @@
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="default-btn" @click="onReset">重置</el-button> <el-button type="default" class="reset-btn-balck-theme" @click="onReset">重置</el-button>
<el-button type="primary" class="default-btn" @click="onSearch">查询</el-button> <el-button type="default" class="search-btn-balck-theme" @click="onSearch">查询</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="table-box"> <div class="table-box">
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
</span> </span>
</template> </template>
<template #operation="{ row }"> <template #operation="{ row }">
<span class="view-btn" @click="handleView(row)"> <span class="view-btn green-color" @click="handleView(row)">
查看 查看
</span> </span>
<!-- <span class="table-btn">|</span> <!-- <span class="table-btn">|</span>
...@@ -1235,7 +1235,7 @@ const handlePaginationChange = (pagination) => { ...@@ -1235,7 +1235,7 @@ const handlePaginationChange = (pagination) => {
width: 100%; width: 100%;
height: calc(100% - 14px); height: calc(100% - 14px);
box-sizing: border-box; box-sizing: border-box;
background: #fff; background: #181D21;
padding: 20px; padding: 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -1399,12 +1399,13 @@ const handlePaginationChange = (pagination) => { ...@@ -1399,12 +1399,13 @@ const handlePaginationChange = (pagination) => {
font-weight: 700; font-weight: 700;
font-size: 19px; font-size: 19px;
overflow: hidden; overflow: hidden;
color: #dce0e4;
&::before { &::before {
content: ""; content: "";
width: 4px; width: 4px;
height: 4px; height: 4px;
border-radius: 50%; border-radius: 50%;
background: #1890ff; background: #36f1cd;
position: absolute; position: absolute;
left: 0px; left: 0px;
top: 50%; top: 50%;
...@@ -1415,7 +1416,7 @@ const handlePaginationChange = (pagination) => { ...@@ -1415,7 +1416,7 @@ const handlePaginationChange = (pagination) => {
width: 100%; width: 100%;
height: 0px; height: 0px;
position: absolute; position: absolute;
border-bottom: dashed 1px rgb(209, 209, 209); border-bottom: dashed 1px #8a9199;
left: 130px; left: 130px;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
...@@ -1438,12 +1439,13 @@ const handlePaginationChange = (pagination) => { ...@@ -1438,12 +1439,13 @@ const handlePaginationChange = (pagination) => {
text-align: right; text-align: right;
width: 140px; width: 140px;
margin-right: 10px; margin-right: 10px;
color: #8a9199;
} }
.change-style { .change-style {
width: auto; width: auto;
} }
.value { .value {
color: #000000; color: #fff;
flex: 1; flex: 1;
} }
.alarm-value { .alarm-value {
...@@ -1683,6 +1685,7 @@ const handlePaginationChange = (pagination) => { ...@@ -1683,6 +1685,7 @@ const handlePaginationChange = (pagination) => {
margin-bottom: 20px; margin-bottom: 20px;
} }
} }
.label-title-content { .label-title-content {
width: 90%; width: 90%;
padding-left: 30px; padding-left: 30px;
...@@ -1692,6 +1695,18 @@ const handlePaginationChange = (pagination) => { ...@@ -1692,6 +1695,18 @@ const handlePaginationChange = (pagination) => {
overflow: auto; overflow: auto;
width: 100%; width: 100%;
} }
.deal-line-wrap::-webkit-scrollbar {
width: 0;
height: 0;
background-color: #434343; /* or add it to the track */
}
.deal-line-wrap::-webkit-scrollbar-track {
background-color: #434343;
border-radius: 2px;
}
.deal-line-wrap::-webkit-thumb {
background-color: red;
}
.qusetion-records { .qusetion-records {
padding: 5px 20px; padding: 5px 20px;
.qusetion-records-item { .qusetion-records-item {
...@@ -1712,6 +1727,11 @@ const handlePaginationChange = (pagination) => { ...@@ -1712,6 +1727,11 @@ const handlePaginationChange = (pagination) => {
margin-bottom: 28px; margin-bottom: 28px;
} }
} }
.form-box::-webkit-scrollbar {
width: 0px;
height: 8px;
background-color: #434343; /* or add it to the track */
}
:deep(.el-tag) { :deep(.el-tag) {
margin-right: 10px; margin-right: 10px;
......
<template> <template>
<div class="page-container collectorList"> <div class="page-container collectorList all-select-btn">
<div class="content-box"> <div class="content-box">
<div class="search"> <div class="search">
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
...@@ -30,16 +30,16 @@ ...@@ -30,16 +30,16 @@
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="default" class="default-btn" @click="onReset" <el-button type="default" class="reset-btn-balck-theme" @click="onReset"
>重置</el-button >重置</el-button
> >
<el-button type="primary" class="search-btn" @click="onSubmit" <el-button type="default" class="search-btn-balck-theme" @click="onSubmit"
>查询</el-button >查询</el-button
> >
<el-button <el-button
type="success" type="default"
style="width: 140px" style="width: 140px"
class="add-btn" class="export-btn-balck-theme"
@click="openDialog()" @click="openDialog()"
>更换周期分析</el-button >更换周期分析</el-button
> >
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
{{ getIndex($index) }} {{ getIndex($index) }}
</template> </template>
<template #dusterName="{ row }"> <template #dusterName="{ row }">
<span class="health-score" @dblclick="openDialog(row.dusterName)">{{ <span class="health-score green-color" @dblclick="openDialog(row.dusterName)">{{
row.dusterName row.dusterName
}}</span> }}</span>
</template> </template>
......
...@@ -427,7 +427,7 @@ body { ...@@ -427,7 +427,7 @@ body {
} }
.label { .label {
color: #fff; color: #c5c8cc;
font-weight: 500; font-weight: 500;
font-size: 15px; font-size: 15px;
min-width: 130px; min-width: 130px;
...@@ -518,12 +518,13 @@ body { ...@@ -518,12 +518,13 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.5rem;
color: #c5c8cc;
} }
input[type="checkbox"] { input[type="checkbox"] {
width: 18px; width: 18px;
height: 18px; height: 18px;
accent-color: #3b82f6; accent-color: #36f1cd;
} }
.chamber-list { .chamber-list {
...@@ -593,7 +594,7 @@ input[type="checkbox"] { ...@@ -593,7 +594,7 @@ input[type="checkbox"] {
} }
</style> </style>
<style> <style>
.el-self-container .el-input__wrapper{ /* .el-self-container .el-input__wrapper{
background: #181D21; background: #181D21;
box-shadow: 0 0 0 1px #697b78b6; box-shadow: 0 0 0 1px #697b78b6;
} }
...@@ -608,9 +609,12 @@ input[type="checkbox"] { ...@@ -608,9 +609,12 @@ input[type="checkbox"] {
.el-self-container .el-textarea__inner { .el-self-container .el-textarea__inner {
color: #fff; color: #fff;
background: #181D21; background: #181D21;
box-shadow: 0 0 0 1px #697b78b6 !important; box-shadow: 0 0 0 1px #434343 !important;
border: 1px solid #697b78b6 !important; border: 1px solid #434343 !important;
} }
.el-self-container .device-label {
color: #fff;
} */
.el-self-container .device-label { .el-self-container .device-label {
color: #fff; color: #fff;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment