From 4641a877cd6a94e4d35dca7f7f14bc1443e2d2ad Mon Sep 17 00:00:00 2001 From: luobisheng <727299681@qq.com> Date: 星期二, 29 十一月 2022 17:59:55 +0800 Subject: [PATCH] 上传处置类型修改 --- src/views/systemSetting/baseSetting/user/index.vue | 165 +++++++++--------------------------------------------- 1 files changed, 29 insertions(+), 136 deletions(-) diff --git a/src/views/systemSetting/baseSetting/user/index.vue b/src/views/systemSetting/baseSetting/user/index.vue index f559c55..4faf378 100644 --- a/src/views/systemSetting/baseSetting/user/index.vue +++ b/src/views/systemSetting/baseSetting/user/index.vue @@ -1,94 +1,42 @@ <template> <div class="userList"> - <header> - <div class="headerTitle">鏁版嵁绛涢��</div> - <div class="headerContent"> - <div class="search"> - <span>绛涢�夋潯浠�:</span> - <el-input placeholder="璇疯緭鍏ュ唴瀹�"></el-input> - </div> - <div class="addUser"> - <el-button type="primary" @click="dialogVisible = true">娣诲姞鐢ㄦ埛</el-button> - <el-dialog :visible.sync="dialogVisible" width="45%"> - <createUser /> - </el-dialog> - </div> - </div> - </header> - <main> - <div class="mainTitle">鏁版嵁鍒楄〃</div> - <div class="mainContent"> - <el-table border ref="multipleTable" - :header-cell-style="{background:'#f5f5f5','font-size':'12px',color:'#666666','font-weight':'650','line-height':'45px'}" - :data="tableData" tooltip-effect="dark" style="width: 100%"> - <el-table-column type="selection" width="55"> - </el-table-column> - <el-table-column label="鐢ㄦ埛ID" width="67"> - <template slot-scope="scope">{{ scope.row.id }}</template> - </el-table-column> - <el-table-column prop="name" label="鐢ㄦ埛鍚嶇О" width="82"> - </el-table-column> - <el-table-column prop="true_name" label="鎵�灞炲鍚�" width="76"> - </el-table-column> - <el-table-column prop="phone" label="鑱旂郴鏂瑰紡" width="81"> - </el-table-column> - <el-table-column prop="role" label="鎵�灞炶鑹�" width="87"> - </el-table-column> - <el-table-column prop="department" label="鎵�灞為儴闂�" width="80"> - </el-table-column> - <el-table-column prop="work" label="鎵�灞炶亴鍔�" width="83"> - </el-table-column> - <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" width="128"> - </el-table-column> - <el-table-column prop="is_open" label="鍚敤" width="90"> - <template slot-scope="scope"> - <el-switch v-model="scope.row.is_open" active-color="##0079fe" inactive-color="#ff4949"> - </el-switch> - </template> - </el-table-column> - <el-table-column prop="operation" label="鎿嶄綔" width="246"> - <template slot-scope="scope"> - <div class="operation"> - <span>淇敼瑙掕壊</span> - <span>鏌ョ湅</span> - <span>淇敼瀵嗙爜</span> - <span>鍒犻櫎</span> - <span>淇敼閮ㄩ棬</span> - </div> - </template> - </el-table-column> - </el-table> - </div> - </main> + <myHeader @setDialog="changeDialog" @getSearch="getSearch"></myHeader> + <myMain :refresh="isFresh" :keyword="keyword" @resetFresh="resetFresh" /> </div> </template> <script> -import createUser from "./createUser" +import myHeader from "./components/header" +import myMain from "./components/main" export default { - components:{ - createUser - }, + components: { + myHeader, + myMain + }, data() { return { - tableData: [ - { - createTime: '2016-05-02', - name: 'admin', - address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�', - role: '瓒呯骇绠$悊鍛�', - is_open: true, - } - ], - dialogVisible:false, + isFresh: false, + keyword: '', } }, created(){ - // 鑾峰彇褰撳墠鐢ㄦ埛鐧诲綍淇℃伅 - this.$axios.get( - 'sccg/admin/info' - ).then(res=>{ - console.log(res); - }) + + }, + methods: { + // 鑾峰彇鎼滅储杩斿洖缁撴灉 + getSearch({ text }) { + this.keyword = text; + this.isFresh = true; + }, + // 鑾峰彇鍒锋柊缁撴灉 + changeDialog({ flag }) { + console.log(flag); + this.isFresh = flag; + }, + // 閲嶇疆isFresh + resetFresh({ flag }) { + this.isFresh = flag; + console.log(this.isFresh); + }, } } </script> @@ -96,61 +44,6 @@ .userList { text-align: left; margin: 10px 20px; - - header { - background-color: #fff; - - .headerTitle { - font-weight: 600; - padding: 0 20px; - color: #666; - line-height: 50px; - border-bottom: 1px solid #f0f2f5; - } - - .headerContent { - padding: 0 40px; - display: flex; - line-height: 100px; - justify-content: space-between; - - .search { - display: flex; - justify-content: flex-start; - - span { - flex: 1; - } - - .el-input { - flex: 2; - } - } - } - } - - main { - background-color: #fff; - margin-top: 20px; - padding: 0 10px; - padding-bottom: 50px; - .mainTitle { - line-height: 60px; - } - - .el-table { - font-size: 10px; - - .operation { - display: flex; - justify-content: space-around; - color: #0079fe; - - span:hover { - cursor: pointer; - } - } - } - } + color: #4b9bb7; } </style> \ No newline at end of file -- Gitblit v1.8.0