Merge branch 'dev_20241202_xukangle' into develop
Showing
3 changed files
with
94 additions
and
87 deletions
| ... | @@ -890,106 +890,112 @@ const formInfo = ref<any>({ | ... | @@ -890,106 +890,112 @@ const formInfo = ref<any>({ |
| 890 | </template> | 890 | </template> |
| 891 | 891 | ||
| 892 | <style scoped lang="scss"> | 892 | <style scoped lang="scss"> |
| 893 | .table_tool_wrap { | 893 | .container_wrap { |
| 894 | width: 100%; | 894 | width: 100%; |
| 895 | height: 50px !important; | 895 | height: 100%; |
| 896 | padding: 0 8px; | 896 | overflow-y: auto; |
| 897 | 897 | ||
| 898 | .tools_btns { | 898 | .table_tool_wrap { |
| 899 | padding: 0px 0 0; | 899 | width: 100%; |
| 900 | height: 50px !important; | ||
| 901 | padding: 0 8px; | ||
| 902 | |||
| 903 | .tools_btns { | ||
| 904 | padding: 0px 0 0; | ||
| 905 | } | ||
| 900 | } | 906 | } |
| 901 | } | ||
| 902 | 907 | ||
| 903 | .table_panel_wrap { | 908 | .table_panel_wrap { |
| 904 | width: 100%; | 909 | width: 100%; |
| 905 | height: calc(100% - 270px); | 910 | height: calc(100% - 230px); |
| 906 | padding: 0px 8px 0; | 911 | padding: 0px 8px 0; |
| 907 | } | 912 | } |
| 908 | 913 | ||
| 909 | .list-content { | 914 | .list-content { |
| 910 | display: flex; | 915 | display: flex; |
| 911 | justify-content: flex-start; | 916 | justify-content: flex-start; |
| 912 | flex-wrap: wrap; | 917 | flex-wrap: wrap; |
| 913 | margin-bottom: 8px; | 918 | margin-bottom: 8px; |
| 914 | padding: 0 8px; | 919 | padding: 0 8px; |
| 915 | |||
| 916 | .card-content { | ||
| 917 | width: 300px; | ||
| 918 | padding: 16px; | ||
| 919 | box-shadow: 0 0 0 1px #d9d9d9; | ||
| 920 | margin-right: 12px; | ||
| 921 | |||
| 922 | .header { | ||
| 923 | display: flex; | ||
| 924 | margin-bottom: 16px; | ||
| 925 | |||
| 926 | img { | ||
| 927 | width: 80px; | ||
| 928 | margin-right: 16px; | ||
| 929 | } | ||
| 930 | 920 | ||
| 931 | .title { | 921 | .card-content { |
| 932 | font-size: 16px; | 922 | width: 300px; |
| 933 | color: #212121; | 923 | padding: 16px; |
| 934 | font-weight: 600; | 924 | box-shadow: 0 0 0 1px #d9d9d9; |
| 935 | margin-bottom: 8px; | 925 | margin-right: 12px; |
| 936 | } | ||
| 937 | 926 | ||
| 938 | .right-main { | 927 | .header { |
| 939 | width: calc(100% - 96px); | ||
| 940 | display: flex; | 928 | display: flex; |
| 941 | flex-direction: column; | 929 | margin-bottom: 16px; |
| 942 | justify-content: space-between; | ||
| 943 | 930 | ||
| 944 | .count-group { | 931 | img { |
| 932 | width: 80px; | ||
| 933 | margin-right: 16px; | ||
| 934 | } | ||
| 935 | |||
| 936 | .title { | ||
| 937 | font-size: 16px; | ||
| 938 | color: #212121; | ||
| 939 | font-weight: 600; | ||
| 940 | margin-bottom: 8px; | ||
| 941 | } | ||
| 942 | |||
| 943 | .right-main { | ||
| 944 | width: calc(100% - 96px); | ||
| 945 | display: flex; | 945 | display: flex; |
| 946 | flex-direction: column; | ||
| 946 | justify-content: space-between; | 947 | justify-content: space-between; |
| 947 | 948 | ||
| 948 | .item-num { | 949 | .count-group { |
| 949 | font-size: 20px; | 950 | display: flex; |
| 950 | font-weight: 600; | 951 | justify-content: space-between; |
| 951 | color: #212121; | 952 | |
| 952 | margin-top: 8px; | 953 | .item-num { |
| 954 | font-size: 20px; | ||
| 955 | font-weight: 600; | ||
| 956 | color: #212121; | ||
| 957 | margin-top: 8px; | ||
| 958 | } | ||
| 953 | } | 959 | } |
| 954 | } | 960 | } |
| 955 | } | 961 | } |
| 956 | } | ||
| 957 | 962 | ||
| 958 | .operator-btn { | 963 | .operator-btn { |
| 959 | display: flex; | 964 | display: flex; |
| 960 | // justify-content: space-between; | 965 | // justify-content: space-between; |
| 961 | justify-content: center; | 966 | justify-content: center; |
| 962 | align-items: center; | 967 | align-items: center; |
| 963 | box-shadow: 0 0 0 1px #d9d9d9; | 968 | box-shadow: 0 0 0 1px #d9d9d9; |
| 964 | position: relative; | 969 | position: relative; |
| 965 | width: 100%; | 970 | width: 100%; |
| 966 | height: 40px; | 971 | height: 40px; |
| 967 | line-height: 40px; | 972 | line-height: 40px; |
| 968 | background: #4fa1a4; | 973 | background: #4fa1a4; |
| 969 | color: #fff; | 974 | color: #fff; |
| 970 | cursor: pointer; | 975 | cursor: pointer; |
| 971 | // &::after { | 976 | // &::after { |
| 972 | // content: ''; | 977 | // content: ''; |
| 973 | // width: 0; | 978 | // width: 0; |
| 974 | // height: 100%; | 979 | // height: 100%; |
| 975 | // border-left: 1px solid #d9d9d9; | 980 | // border-left: 1px solid #d9d9d9; |
| 976 | // position: absolute; | 981 | // position: absolute; |
| 977 | // left: 50%; | 982 | // left: 50%; |
| 978 | // transform: translateX(-50%); | 983 | // transform: translateX(-50%); |
| 979 | // } | 984 | // } |
| 980 | 985 | ||
| 981 | // >.left-btn { | 986 | // >.left-btn { |
| 982 | // width: 50%; | 987 | // width: 50%; |
| 983 | // height: 40px; | 988 | // height: 40px; |
| 984 | // line-height: 40px; | 989 | // line-height: 40px; |
| 985 | // text-align: center; | 990 | // text-align: center; |
| 986 | // cursor: pointer; | 991 | // cursor: pointer; |
| 987 | 992 | ||
| 988 | // &:hover { | 993 | // &:hover { |
| 989 | // color: #4fa1a4; | 994 | // color: #4fa1a4; |
| 990 | // } | 995 | // } |
| 991 | 996 | ||
| 992 | // } | 997 | // } |
| 998 | } | ||
| 993 | } | 999 | } |
| 994 | } | 1000 | } |
| 995 | } | 1001 | } | ... | ... |
| ... | @@ -421,7 +421,7 @@ const formInfo = ref<any>({ | ... | @@ -421,7 +421,7 @@ const formInfo = ref<any>({ |
| 421 | visible: true, | 421 | visible: true, |
| 422 | col: 'mr8', | 422 | col: 'mr8', |
| 423 | style: { | 423 | style: { |
| 424 | width: 'calc(33.33% - 20px)!important' | 424 | width: 'calc(33.33% - 16px)!important' |
| 425 | }, | 425 | }, |
| 426 | }, | 426 | }, |
| 427 | { | 427 | { | ... | ... |
| ... | @@ -262,7 +262,7 @@ const classSearchItemList = ref<any>([ | ... | @@ -262,7 +262,7 @@ const classSearchItemList = ref<any>([ |
| 262 | label: '', | 262 | label: '', |
| 263 | field: 'damName', | 263 | field: 'damName', |
| 264 | default: '', | 264 | default: '', |
| 265 | placeholder: '请输入产品类型', | 265 | placeholder: '请输入产品名称', |
| 266 | clearable: true, | 266 | clearable: true, |
| 267 | visible: true | 267 | visible: true |
| 268 | }, | 268 | }, |
| ... | @@ -368,9 +368,10 @@ const getTableData = () => { | ... | @@ -368,9 +368,10 @@ const getTableData = () => { |
| 368 | .table_panel_wrap { | 368 | .table_panel_wrap { |
| 369 | margin-top: 12px; | 369 | margin-top: 12px; |
| 370 | width: 100%; | 370 | width: 100%; |
| 371 | height: calc(100% - 105px); | 371 | height: calc(100% - 65px); |
| 372 | min-height: 210px; | 372 | min-height: 210px; |
| 373 | overflow: visible; | 373 | overflow: visible; |
| 374 | |||
| 374 | } | 375 | } |
| 375 | } | 376 | } |
| 376 | } | 377 | } | ... | ... |
-
Please register or sign in to post a comment