diff --git a/src/pages/exchangecode/add/add.less b/src/pages/exchangecode/add/add.less index abc1c59f..eeece7d8 100644 --- a/src/pages/exchangecode/add/add.less +++ b/src/pages/exchangecode/add/add.less @@ -1,268 +1,300 @@ +.addkey-btn-group { + margin-left: 10px; + margin-top: 15px; - .addkey-btn-group{ - margin-left: 10px; - margin-top: 15px; - button{ - width: 100px; - height: 36px; + button { + width: 100px; + height: 36px; + } +} + +.btn-add { + width: 50%; + margin: 0 auto; + height: 36px; + margin-top: 20px; + text-align: center; + line-height: 36px; + background-color: rgb(249, 250, 252); +} + +#addkey .zent-radio-button--disabled[data-zv="9.11.0"].zent-radio-button--checked { + color: #8a96aa; + background: #dfe8fc !important; + border: 1px solid #8a96aa !important; +} + +.line-value { + width: 388px !important; +} + + +.import-excel { + width: 451px; + height: 600px; + background-color: #FFFFFF; + border-radius: 5px; + + position: fixed; + top: 50%; + margin-top: -280px; + left: 50%; + margin-left: -215px; + z-index: 100; + + .import-header { + width: 100%; + height: 48px; + display: flex; + align-items: center; + + .import-title { + width: 70%; + font-size: 18px; + font-weight: bold; + margin-left: 20px; + } + + .closebtn { + width: 30%; + + } + + .import-close { + margin-left: 70px; + font-size: 20px; + font-weight: bold; } } - .btn-add{ - width: 50%; + + .step-bar { + width: 80%; + height: 60px; + margin: 10px auto; + display: flex; + justify-content: center; + } + + .step-code { + width: 24px; + height: 24px; + border-radius: 50%; + border: 1px solid #e8e8e8; + display: flex; + align-items: center; + justify-content: center; + color: #e8e8e8; + + } + + .step-code.active { + background-color: #1890ff; + } + + .step-group { + width: 150px; + height: 50px; + display: flex; + align-items: center; + } + + .step-center { + width: 60px; + height: 50px; + display: flex; + align-items: center; + margin-right: 40px; + } + + .step-line { + width: 50px; + height: 1px; + background-color: #e8e8e8; + + } + + .step-line.active { + background-color: #1890ff; + } + + .step-label { + color: #8d8d8d; + font-size: 14px; + margin-left: 10px; + font-weight: bold; + } + + .step-label.active { + color: #000000; + } + + + .upload-panel1 { + width: 80%; + margin: 10px auto; + margin-bottom: 20px; + + .upload-label { + font-size: 15px; + font-weight: bold; + margin-bottom: 20px; + } + + .upload-info { + color: #626366; + } + } + + .btn-upload { + margin-top: 10px; + margin-left: 40px; + margin-bottom: 20px; + background-color: #1890ff; + } + + .btn-download { + margin-top: 10px; + margin-left: 40px; + } + + .foot-bar { + width: 100%; + height: 50px; + position: absolute; + bottom: 20px; + + .btn-group { + width: 240px; + margin-left: 160px; + } + + button { + width: 100px; + } + + } + + .upload-msgbar { + width: 82%; + background-color: #f5f5f5; margin: 0 auto; - height: 36px; - margin-top: 20px; - text-align: center; - line-height: 36px; - background-color: rgb(249, 250, 252); - } - #addkey .zent-radio-button--disabled[data-zv="9.11.0"].zent-radio-button--checked{ - color: #8a96aa; - background: #dfe8fc!important; - border: 1px solid #8a96aa!important; - } - - - .import-excel - { - width: 451px; - height:600px; - background-color: #FFFFFF; + min-height: 40px; border-radius: 5px; - position: fixed; - top: 50%; - margin-top: -280px; - left: 50%; - margin-left: -215px; - z-index: 100; - .import-header{ - width: 100%; - height: 48px; + display: flex; + + .execel-name { + width: 75%; display: flex; - align-items: center; - .import-title{ - width: 70%; - font-size: 18px; - font-weight: bold; - margin-left: 20px; - } - - .closebtn{ - width: 30%; - - } - - .import-close{ - margin-left: 70px; - font-size: 20px; - font-weight: bold; - } - } - .step-bar{ - width: 80%; - height: 60px; - margin: 10px auto; - display: flex; - justify-content: center; - } - .step-code{ - width: 24px; - height: 24px; - border-radius: 50%; - border: 1px solid #e8e8e8; - display: flex; - align-items: center; - justify-content: center; - color: #e8e8e8; - - } - .step-code.active - { - background-color: #1890ff; - } - - .step-group{ - width: 150px; - height: 50px; - display: flex; - align-items: center; - } - .step-center{ - width: 60px; - height: 50px; - display: flex; - align-items: center; - margin-right: 40px; - } - .step-line{ - width: 50px; - height: 1px; - background-color:#e8e8e8; - - } - .step-line.active{ - background-color: #1890ff; - } - - .step-label{ - color: #8d8d8d; - font-size: 14px; - margin-left: 10px; - font-weight: bold; - } - .step-label.active{ - color: #000000; - } - - - .upload-panel1{ - width: 80%; - margin: 10px auto; - margin-bottom: 20px; - .upload-label{ - font-size: 15px; - font-weight: bold; - margin-bottom: 20px; - } - .upload-info{ - color:#626366; - } - } - - .btn-upload{ - margin-top: 10px; - margin-left: 40px; - margin-bottom: 20px; - background-color:#1890ff; - } - .btn-download{ - margin-top: 10px; - margin-left: 40px; - } - .foot-bar - { - width: 100%; - height: 50px; - position: absolute; - bottom: 20px; - .btn-group{ - width: 240px; - margin-left: 160px; - } - button{ - width: 100px; - } - - } - - .upload-msgbar{ - width: 82%; - background-color: #f5f5f5; - margin: 0 auto; min-height: 40px; - border-radius: 5px; - - display: flex; - .execel-name{ - width: 75%; - display: flex; - min-height: 40px; - - align-items: center; - .excel-txt{ - font-size: 12px; - margin-left: 10px; - } - .doc-flag{ - font-size: 20px; - margin-left: 5px; - } - - - } - - .file-tag{ - width: 25%; + + align-items: center; + + .excel-txt { font-size: 12px; - display: flex; - align-items: center; - color: #1890ff; - - .upload-flag{ - font-size: 20px; - margin-left: 5px; - color: #1890ff; - margin-right: 3px; - } + margin-left: 10px; } - - + + .doc-flag { + font-size: 20px; + margin-left: 5px; + } + + } - .file-tip{ - margin-left: 45px; - margin-top: 10px; - margin-bottom: 50px; - } - .error{ - color: #e83f2e; - } - .success{ - color: #98d673; - } - - .error-icon{ - color: #e83f2e; - font-size: 18px; - margin-right: 10px; - } - .success-icon{ - color: #98d673; - font-size: 18px; - margin-right: 10px; - } - .file-upload-tip{ - color: #000000; - font-size: 14px; - font-weight: bold; - margin-left: 40px; - margin-top: 20px; - } - .file-errmsg{ - color: #000000; - font-size: 14px; - margin-left: 40px; - margin-top: 40px; - } - - .gridpanel{ - width: 90%; - height: 400px; - margin: 0 auto; - margin-top: 50px; - } - - - } - .audit-obj{ - margin-left: 30px; - margin-bottom: 10px; - } - .upload-input{ - opacity: 0; - width: 300px; - height: 48px; - position: absolute; - z-index: 5; - } - .file-loading{ - font-size: 24px; - - } - .isImport{ - cursor: "pointer"; - } - .goods-boxs{ + + .file-tag { + width: 25%; + font-size: 12px; display: flex; - justify-content: flex-start; - } \ No newline at end of file + align-items: center; + color: #1890ff; + + .upload-flag { + font-size: 20px; + margin-left: 5px; + color: #1890ff; + margin-right: 3px; + } + } + + + } + + .file-tip { + margin-left: 45px; + margin-top: 10px; + margin-bottom: 50px; + } + + .error { + color: #e83f2e; + } + + .success { + color: #98d673; + } + + .error-icon { + color: #e83f2e; + font-size: 18px; + margin-right: 10px; + } + + .success-icon { + color: #98d673; + font-size: 18px; + margin-right: 10px; + } + + .file-upload-tip { + color: #000000; + font-size: 14px; + font-weight: bold; + margin-left: 40px; + margin-top: 20px; + } + + .file-errmsg { + color: #000000; + font-size: 14px; + margin-left: 40px; + margin-top: 40px; + } + + .gridpanel { + width: 90%; + height: 400px; + margin: 0 auto; + margin-top: 50px; + } + + +} + +.audit-obj { + margin-left: 30px; + margin-bottom: 10px; +} + +.upload-input { + opacity: 0; + width: 300px; + height: 48px; + position: absolute; + z-index: 5; +} + +.file-loading { + font-size: 24px; + +} + +.isImport { + cursor: "pointer"; +} + +.goods-boxs { + display: flex; + justify-content: flex-start; +} \ No newline at end of file