diff --git a/src/api/regional/index.ts b/src/api/regional/index.ts new file mode 100644 index 0000000..4ac99f0 --- /dev/null +++ b/src/api/regional/index.ts @@ -0,0 +1,11 @@ +// @ts-ignore +import request from '@/utils/request' + +// 获取流转数据 +export function querySample(query?: Object) { + return request({ + url: '/transit/querySample', + method: 'get', + params: query + }) +} \ No newline at end of file diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 4b4ba9d..10bf9a5 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -189,7 +189,7 @@ aside { .el-form-item__label { padding-bottom: 0px; color: #08355E; - font-size: 12px; + font-size: .75rem; } // pointer-events: none; @@ -213,4 +213,77 @@ aside { .flex-between { display: flex; justify-content: space-between; +} + + +.time-line-box { + display: flex; + justify-content: space-around; + align-items: center; + margin-top: .35rem; + background-color: #f0f3f8; + padding: .3rem 2.5rem; + + + .time-line-item { + display: flex; + align-items: center; + justify-content: space-around; + width: 16.6%; + + .timeline-content { + display: flex; + flex-direction: column; + align-items: center; + + .index { + width: 1.875rem; + height: 1.875rem; + line-height: 1.875rem; + background: #E1E9F7; + border-radius: 50%; + text-align: center; + font-family: SourceHanSansCN, SourceHanSansCN; + font-weight: 500; + font-size: 1.125rem; + color: #4767A3; + } + + .active { + background-color: #4096ff; + box-shadow: 0 0 0 .25rem rgba(64, 150, 255, 0.2); + color: #FFF; + } + + + + .timeline-title { + font-family: SourceHanSansCN, SourceHanSansCN; + font-weight: 500; + font-size: 1rem; + color: #4767A3; + } + + .timeline-time { + font-family: SourceHanSansCN, SourceHanSansCN; + font-weight: 400; + font-size: .875rem; + color: #4767A3; + height: 1rem; + } + + } + + .no_active { + + .index, + .timeline-title { + color: #9b9999 !important; + } + } + + .timg { + width: 3.125rem; + } + } } \ No newline at end of file diff --git a/src/assets/styles/ruoyi.scss b/src/assets/styles/ruoyi.scss index c449373..563193f 100644 --- a/src/assets/styles/ruoyi.scss +++ b/src/assets/styles/ruoyi.scss @@ -162,6 +162,11 @@ line-height: 30px; } + .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { + background-color: #a4beef !important; + color: #000 !important; + } + .cell.el-tooltip { padding: 0 !important; height: 30px; diff --git a/src/components/elTable/index.vue b/src/components/elTable/index.vue index cdffaa4..58c924d 100644 --- a/src/components/elTable/index.vue +++ b/src/components/elTable/index.vue @@ -61,7 +61,7 @@
import { computed, ref, watch, PropType, onMounted } from "vue"; import { TableColumnCtx } from 'element-plus'; +import { classCom } from "@/utils/classCom"; +const aotuSize = classCom.useAutoSize(); // @ts-ignore import Sortable from 'sortablejs'; // 引入sortablejs interface TableColumn { @@ -395,8 +397,7 @@ defineExpose({ display: flex; align-items: center; justify-content: flex-end; - padding: 12px 0; - margin-top: 16px; + padding: .3125rem 0; margin-right: 20px; } diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue index 863417f..eda6c7e 100644 --- a/src/layout/components/TagsView/index.vue +++ b/src/layout/components/TagsView/index.vue @@ -1,17 +1,10 @@