diff --git a/src/assets/styles/home.scss b/src/assets/styles/home.scss index bdc7415..541c62b 100644 --- a/src/assets/styles/home.scss +++ b/src/assets/styles/home.scss @@ -53,6 +53,7 @@ $lighterBlue: #409eff; left: 0; top: 20px; height: 100vh; + background-color: rgba(255, 255, 255, 100); } .el-menu.el-menu--horizontal { border-bottom: none; @@ -70,10 +71,13 @@ $lighterBlue: #409eff; .center-scrollbar { height: calc(100vh - 42px); overflow: hidden; + width: 80%; //border-left: 1px solid #f1e8e8; //border-right: 1px solid #f1e8e8; - margin: 3px; + margin: 20px auto 0; + //margin-top: 20px; box-sizing: border-box; + background-color: rgba(255, 255, 255, 100); border: 2px solid rgba(255, 255, 255, 100); } .center-board { @@ -105,36 +109,6 @@ $lighterBlue: #409eff; color: #f56c6c; } } -.logo-wrapper { - position: relative; - height: 42px; - background: #fff; - border-bottom: 1px solid #f1e8e8; - box-sizing: border-box; -} -.logo { - position: absolute; - left: 12px; - top: 6px; - line-height: 30px; - color: #00afff; - font-weight: 600; - font-size: 17px; - white-space: nowrap; - > img { - width: 30px; - height: 30px; - vertical-align: top; - } - .github { - display: inline-block; - vertical-align: sub; - margin-left: 15px; - > img { - height: 22px; - } - } -} .center-board-row { padding: 12px 12px 15px 12px; box-sizing: border-box; @@ -288,6 +262,7 @@ $lighterBlue: #409eff; border: 1px dashed transparent; width: 80%; line-height: 30px; + margin: 0; } .form-name-text input { border: none; diff --git a/src/components/generator/config.js b/src/components/generator/config.js index e7adf07..a61e893 100644 --- a/src/components/generator/config.js +++ b/src/components/generator/config.js @@ -6,7 +6,7 @@ export const formConf = { labelPosition: 'top', labelWidth: 100, formRules: 'rules', - gutter: 15, + gutter: 20, disabled: false, span: 24, title: '问卷名称', diff --git a/src/utils/db.js b/src/utils/db.js index 2409f3d..407b8c3 100644 --- a/src/utils/db.js +++ b/src/utils/db.js @@ -5,50 +5,50 @@ const DRAWING_ID = 'idGlobal' const TREE_NODE_ID = 'treeNodeId' const FORM_CONF = 'formConf' -export function getDrawingList() { - // 加入缓存版本的概念，保证缓存数据与程序匹配 - const version = localStorage.getItem(DRAWING_ITEMS_VERSION_KEY) - if (version !== DRAWING_ITEMS_VERSION) { - localStorage.setItem(DRAWING_ITEMS_VERSION_KEY, DRAWING_ITEMS_VERSION) - saveDrawingList([]) +export function getDrawingList(key) { + // 加入缓存版本的概念，保证缓存数据与程序匹配 + const version = localStorage.getItem(DRAWING_ITEMS_VERSION_KEY) + if (version !== DRAWING_ITEMS_VERSION) { + localStorage.setItem(DRAWING_ITEMS_VERSION_KEY, DRAWING_ITEMS_VERSION) + saveDrawingList([]) + return null + } + + const str = localStorage.getItem(`${DRAWING_ITEMS}:${key}`) + if (str) return JSON.parse(str) return null - } - - const str = localStorage.getItem(DRAWING_ITEMS) - if (str) return JSON.parse(str) - return null } -export function saveDrawingList(list) { - localStorage.setItem(DRAWING_ITEMS, JSON.stringify(list)) +export function saveDrawingList(list, key) { + if (key) localStorage.setItem(`${DRAWING_ITEMS}:${key}`, JSON.stringify(list)) } -export function getIdGlobal() { - const str = localStorage.getItem(DRAWING_ID) - if (str) return parseInt(str, 10) - return 100 +export function getIdGlobal(key) { + const str = localStorage.getItem(`${DRAWING_ID}:${key}`) + if (str) return parseInt(str, 10) + return 100 } -export function saveIdGlobal(id) { - localStorage.setItem(DRAWING_ID, `${id}`) +export function saveIdGlobal(id, key) { + if (key) localStorage.setItem(`${DRAWING_ID}:${key}`, `${id}`) } export function getTreeNodeId() { - const str = localStorage.getItem(TREE_NODE_ID) - if (str) return parseInt(str, 10) - return 100 + const str = localStorage.getItem(TREE_NODE_ID) + if (str) return parseInt(str, 10) + return 100 } export function saveTreeNodeId(id) { - localStorage.setItem(TREE_NODE_ID, `${id}`) + localStorage.setItem(TREE_NODE_ID, `${id}`) } -export function getFormConf() { - const str = localStorage.getItem(FORM_CONF) - if (str) return JSON.parse(str) - return null +export function getFormConf(key) { + const str = localStorage.getItem(`${FORM_CONF}:${key}` + key) + if (str) return JSON.parse(str) + return null } -export function saveFormConf(obj) { - localStorage.setItem(FORM_CONF, JSON.stringify(obj)) +export function saveFormConf(obj, key) { + if (key) localStorage.setItem(`${FORM_CONF}:${key}`, JSON.stringify(obj)) } diff --git a/src/views/form/index.vue b/src/views/form/index.vue index 96447cc..cb76c89 100644 --- a/src/views/form/index.vue +++ b/src/views/form/index.vue @@ -1,18 +1,10 @@