From d24c9dde20cba23b96082b4db81b5223c75e4ea9 Mon Sep 17 00:00:00 2001 From: odc.xiaohui <xiaohui@Q1> Date: 星期三, 08 三月 2023 09:06:28 +0800 Subject: [PATCH] 身份证正反面调整 --- src/views/systemSetting/platform/mySetting/index.vue | 113 +++++++++++++++++++------------------------------------- 1 files changed, 38 insertions(+), 75 deletions(-) diff --git a/src/views/systemSetting/platform/mySetting/index.vue b/src/views/systemSetting/platform/mySetting/index.vue index bf97be8..88b2c61 100644 --- a/src/views/systemSetting/platform/mySetting/index.vue +++ b/src/views/systemSetting/platform/mySetting/index.vue @@ -1,53 +1,18 @@ <template> <div class="mySetting"> <!-- header 椤甸潰鏍囬鎻愮ず --> - <header> + <!-- <header> <div class="header-title">绯荤粺璁剧疆 >> 闂ㄦ埛绠$悊 > 鑷畾涔夎彍鍗曡缃�</div> - <div class="header-add"> - <el-button type="primary" @click="handleAdd">鏂板鑿滃崟</el-button> - </div> - </header> + </header> --> <main> <div class="main-content"> <!-- 鏁版嵁灞曠ず --> - <!-- <el-table ref="multipleTable" - :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}" - :data="menuList" style="width: 100%" row-key="id" :row-class-name="tableRowClassName"> - <el-table-column type="selection" min-width="5"> - </el-table-column> - <el-table-column prop="title" label="鑿滃崟鏍�" min-width="75"> - <template slot-scope="scope"> - <el-tree :data="scope.row.menuVoArrayList" node-key="id" :default-expanded-keys="[0]" - :default-checked-keys="[0]" :props="defaultProps"> - </el-tree> - </template> - </el-table-column> - <el-table-column label="鎿嶄綔" min-width="20"> - <template slot-scope="scope"> - <div class="operation"> - <span @click="handleAdd(scope.row)">鏂板</span> - <span class="line">|</span> - <span @click="handleEdit(scope.row)">缂栬緫</span> - <span class="line">|</span> - <span @click="handleDelete(scope.row)">鍒犻櫎</span> - </div> - </template> - </el-table-column> - </el-table> --> <el-row class="my-container"> <el-col :span="6" class="my-aside"> - <el-tree :data="menuList" @node-click="handleNodeClick" :props="defaultProps" accordion - node-key="id"> + <el-tree draggable :data="menuList" @node-click="handleNodeClick" :props="defaultProps" + accordion node-key="id" @node-drop="handleDrop" :allow-drop="allowDrop"> <span class="custom-tree-node" slot-scope="{ node, data }"> <span>{{ node.label }}</span> - <span> - <el-button type="text" size="mini" @click="handleEdit(data)"> - 缂栬緫 - </el-button> - <el-button type="text" size="mini" @click="handleDelete(data)"> - 鍒犻櫎 - </el-button> - </span> </span> </el-tree> </el-col> @@ -65,9 +30,8 @@ <div class="my-show"> <div class="my-show__left">鏄惁鏄剧ず鑿滃崟:</div> <div class="my-show__right"> - <el-switch class="switchStyle" v-model="article.hidden" active-text="寮�" - inactive-text="鍏�" active-color="#3fef9a" inactive-color="#000212" - @change="handleChangeStatus(article)"> + <el-switch class="switchStyle" v-model="article.isStart" active-color="#3fef9a" + inactive-color="#000212" @change="handleChangeStatus(article)"> </el-switch> </div> </div> @@ -107,15 +71,15 @@ // 鐐瑰嚮鑺傜偣 handleNodeClick(data) { this.article = { ...data }; - this.article.hidden === 0 ? this.article.hidden = false : this.article.hidden = true + this.article.isStart === 0 ? this.article.isStart = false : this.article.isStart = true }, // 淇敼鐘舵�� handleChangeStatus(data) { - console.log(data); - data.hidden ? data.hidden = 1 : data.hidden = 0; + let { isStart, relationId } = data; + isStart ? isStart = 1 : isStart = 0; this.$axios({ - method: 'post', - url: `sccg/menu/updateHidden/${data.id}` + '?hidden=' + data.hidden + method: 'put', + url: `sccg/system/portal/menu/modification_myself?relationId=${relationId}&status=${isStart}` }) .then(res => { this.$message({ @@ -126,17 +90,7 @@ this.article = {}; }) }, - // 鏂板 - handleAdd() { - this.dialogAdd = true; - }, - // 缂栬緫 - handleEdit(data) { - console.log(data); - }, - //鍒犻櫎 handleDelete(data) { - console.log(data); this.$confirm('鎮ㄧ‘璁よ鍒犻櫎璁㈠崟鍚�?') .then(_ => { this.$axios({ @@ -154,28 +108,33 @@ }) }) .catch(err => { - console.log(err); }) }, // 鑾峰彇鑿滃崟鍒楄〃 getMenuList() { this.$axios({ method: 'get', - url: 'sccg/system/portal/menu/search', + url: 'sccg/system/portal/menu/search_myself', }).then(res => { - this.menuList = res.data.records; - console.log(this.menuList); + this.menuList = res.data.menu; }) }, - // 鍏抽棴寮圭獥 - handleClose(done) { - this.$confirm('纭鍏抽棴锛�') - .then(_ => { - this.dialogAdd = false - done(); - }) - .catch(_ => {}); - } + // 鎷栨嫿 + handleDrop(before, after, inner, event) { + }, + // 鑾峰彇鏄惁鍙互鏀剧疆 + allowDrop(before, inner, next) { + if (before.data.level === inner.data.level) { + if (before.data.parentId === inner.data.parentId) { + return next === "prev" || next === "next"; + } else { + return false; + } + } else { + // 涓嶅悓绾ц繘琛屽鐞� + return false; + } + } } } @@ -184,7 +143,7 @@ .mySetting { margin: 10px 20px; text-align: left; - color: #4b9bb7; + // color: #4b9bb7; header { line-height: 60px; @@ -192,8 +151,9 @@ display: flex; justify-content: space-between; align-items: center; - .header-add{ - .el-button{ + + .header-add { + .el-button { background-color: #eb5d01; border: none; } @@ -201,10 +161,9 @@ } main { - background-color: #09152f; + // background-color: #09152f; margin-top: 20px; padding-bottom: 50px; - border: 1pox solid #fff; .main-content { .my-container { @@ -304,4 +263,8 @@ padding: 0; } } + +.my-aside{ + border-right: 1px solid #d3d3d3 ; +} </style> \ No newline at end of file -- Gitblit v1.8.0