bd13eda1 by xukangle

Merge branch 'dev_20241202_xukangle' into develop

2 parents bf91316a 56913a67
...@@ -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 }
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!