From 6237280bed0832babd48694e3d3598076fa1c467 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期四, 22 九月 2022 17:53:09 +0800 Subject: [PATCH] 搭建信息失败提示页面 --- src/views/operate/fivepack/shop/components/main/index.vue | 44 ++++------ src/views/operate/fivepack/index.vue | 3 src/views/operate/fivepack/shop/index.vue | 0 src/views/operate/fivepack/shop/components/createUser/index.vue | 0 src/router/index.js | 23 +++++ src/views/layout/components/Menu/index.vue | 8 + src/views/info/NotFound/index.vue | 0 /dev/null | 0 src/views/info/Fail/index.vue | 38 +++++++++ src/views/info/index.vue | 4 src/views/operate/fivepack/shop/components/header/index.vue | 50 +++++++---- src/views/operate/fivepack/shop/components/updateUser/index.vue | 0 src/views/video/index.vue | 22 +++++ 13 files changed, 139 insertions(+), 53 deletions(-) diff --git "a/src/assets/icons/\345\276\256\344\277\241\345\233\276\347\211\207_20220922154214.png" "b/src/assets/icons/\345\276\256\344\277\241\345\233\276\347\211\207_20220922154214.png" deleted file mode 100644 index 367614e..0000000 --- "a/src/assets/icons/\345\276\256\344\277\241\345\233\276\347\211\207_20220922154214.png" +++ /dev/null Binary files differ diff --git a/src/router/index.js b/src/router/index.js index 7247ac6..1708063 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -68,7 +68,7 @@ path: 'casepool', name: 'casepool', component: () => import('@/views/operate/disposal'), - children:[ + children: [ { path: 'pool', name: 'pool', @@ -91,6 +91,18 @@ }, ] }, + { + path: "fivepack", + name: 'fivepack', + component: () => import('@/views/operate/fivepack'), + children: [ + { + path: "shop", + name: 'shop', + component: () => import('@/views/operate/fivepack/shop'), + } + ] + } ] }, { @@ -133,9 +145,14 @@ { path: '/404', name: "404", - component: () => import('@/views/NotFound'), + component: () => import('@/views/info/NotFound'), }, - // { path: '*', redirect: '/404' } + { + path: '/fail', + name: "/fail", + component: () => import('@/views/info/Fail'), + }, + { path: '*', redirect: '/404' } ] const router = new VueRouter({ diff --git a/src/views/info/Fail/index.vue b/src/views/info/Fail/index.vue new file mode 100644 index 0000000..5a0b76c --- /dev/null +++ b/src/views/info/Fail/index.vue @@ -0,0 +1,38 @@ +<template> + <div class="fail"> + <header> + <div class="header-img"> + <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__fe57e10f2714b3e5e553a2c6469510de.png" + alt=""> + </div> + <div class="header-tip"> + <span>璇锋牳瀵瑰苟淇敼浠ヤ笅淇℃伅锛屽啀閲嶆柊鎻愪氦</span> + </div> + </header> + <main> + <h4>鎮ㄦ彁浜ょ殑鍐呭鏈夊涓嬮敊璇�:</h4> + <div class="main-tip"> + <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__fe57e10f2714b3e5e553a2c6469510de.png" + alt=""> + <span>鎮ㄧ殑璐︽埛宸茶鍐荤粨</span> + <el-link>绔嬪嵆瑙e喕</el-link> + </div> + <div class="main-tip"> + <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__fe57e10f2714b3e5e553a2c6469510de.png" + alt=""> + <span>鎮ㄧ殑璐︽埛杩樹笉鍏峰鐢宠璧勬牸</span> + <el-link>绔嬪嵆鍗囩骇</el-link> + </div> + </main> + <footer> + <el-button type="primary">杩斿洖淇敼</el-button> + </footer> + </div> +</template> +<style lang="scss" scoped> + .fail{ + display: flex; + flex-direction: column; + align-items: center; + } +</style> \ No newline at end of file diff --git a/src/views/NotFound/index.vue b/src/views/info/NotFound/index.vue similarity index 100% rename from src/views/NotFound/index.vue rename to src/views/info/NotFound/index.vue diff --git a/src/views/info/index.vue b/src/views/info/index.vue index 2785996..250b49f 100644 --- a/src/views/info/index.vue +++ b/src/views/info/index.vue @@ -1,3 +1,3 @@ <template> - <router-view></router-view> -</template> + <div>111</div> +</template> \ No newline at end of file diff --git a/src/views/layout/components/Menu/index.vue b/src/views/layout/components/Menu/index.vue index 55aa1a5..c7409da 100644 --- a/src/views/layout/components/Menu/index.vue +++ b/src/views/layout/components/Menu/index.vue @@ -86,7 +86,13 @@ <el-menu-item index="/home/operate/rectification">涓撻」鏁存不</el-menu-item> <el-menu-item index="/home/operate/">宸℃煡鎵ф硶</el-menu-item> <el-menu-item index="/home/operate/">妗堝嵎鏌ヨ</el-menu-item> - <el-menu-item index="/home/operate/">闂ㄥ墠浜斿寘澶勭疆绠$悊</el-menu-item> + <el-submenu index="/home/operate/fivepack"> + <template slot="title"> + <span class="secondSpan">闂ㄥ墠浜斿寘澶勭疆绠$悊</span> + </template> + <el-menu-item index="/home/operate/thirdpack">闂ㄥ墠涓夊寘</el-menu-item> + <el-menu-item index="/home/operate/fivepack/shop">搴楅摵绠$悊</el-menu-item> + </el-submenu> <el-menu-item index="/home/operate/">绠楁硶妯″瀷绠$悊</el-menu-item> <el-menu-item index="/home/operate/">杞﹁締绠$悊</el-menu-item> <el-menu-item index="/home/operate">鍥剧墖绠$悊</el-menu-item> diff --git a/src/views/operate/fivepack/index.vue b/src/views/operate/fivepack/index.vue new file mode 100644 index 0000000..e3bc8ac --- /dev/null +++ b/src/views/operate/fivepack/index.vue @@ -0,0 +1,3 @@ +<template> + <router-view></router-view> +</template> \ No newline at end of file diff --git a/src/views/operate/shop/components/createUser/index.vue b/src/views/operate/fivepack/shop/components/createUser/index.vue similarity index 100% rename from src/views/operate/shop/components/createUser/index.vue rename to src/views/operate/fivepack/shop/components/createUser/index.vue diff --git a/src/views/operate/shop/components/header/index.vue b/src/views/operate/fivepack/shop/components/header/index.vue similarity index 61% rename from src/views/operate/shop/components/header/index.vue rename to src/views/operate/fivepack/shop/components/header/index.vue index 67dcb8d..9389301 100644 --- a/src/views/operate/shop/components/header/index.vue +++ b/src/views/operate/fivepack/shop/components/header/index.vue @@ -1,20 +1,29 @@ <template> <header> <div class="headerContent"> - <div class="search"> - <span>绛涢�夋潯浠�:</span> - <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="search"></el-input> + <div class="find"> + <div class="search"> + <span>杈撳叆鏌ヨ:</span> + <el-input placeholder="搴楅摵(闂ㄥ簵)鍚嶇О" v-model="search"></el-input> + </div> + <div class="status"> + <span>搴楅摵鐘舵��:</span> + <el-input placeholder="閫夋嫨搴楅摵鐘舵��" v-model="search"></el-input> + </div> <div class="findBtn"> - <el-button type="primary" @click="setSearch">鏌ヨ</el-button> + <el-button type="primary" @click="setSearch" icon="el-icon-search">鏌ヨ</el-button> + <el-button icon="el-icon-delete-solid">閲嶇疆</el-button> </div> </div> - <div class="addUser"> - <!-- :before-close="handleClose" --> - <el-button class="addBtn" type="primary" @click="dialogCreate = true">娣诲姞鐢ㄦ埛</el-button> - <el-dialog :visible.sync="dialogCreate" title="鏂板璐︽埛" width="45%" v-if="dialogCreate"> - <createUser @sendDialog="sendDialog" /> - </el-dialog> + <div class="add"> + <el-button class="addBtn" type="primary" @click="dialogCreate = true" icon="el-icon-plus">娣诲姞</el-button> </div> + + </div> + <div class="footer"> + <el-dialog :visible.sync="dialogCreate" title="鏂板璐︽埛" width="45%" v-if="dialogCreate"> + <createUser @sendDialog="sendDialog" /> + </el-dialog> </div> </header> </template> @@ -37,7 +46,7 @@ sendDialog(flag) { console.log(flag); this.dialogCreate = flag.flag; - this.$emit('setDialog', { flag:true }) + this.$emit('setDialog', { flag: true }) } }, props: ['setDialog', 'getSearch', 'flag'], @@ -54,8 +63,11 @@ line-height: 100px; justify-content: space-between; align-items: center; - - .search { + .find{ + display: flex; + } + .search, + .status { display: flex; justify-content: flex-start; @@ -75,27 +87,27 @@ } + .status { + margin-left: 20px; + } + .findBtn { line-height: 100px; margin-left: 15px; display: flex; align-items: center; - margin-top: -2px; .el-button { padding: 12px 25px; - border-radius: 20px; } } .addBtn { - background-color: #eb5d01; - border: none; - border-radius: 20px; padding: 12px 30px; + margin-left: 20%; } - + } } </style> \ No newline at end of file diff --git a/src/views/operate/shop/components/main/index.vue b/src/views/operate/fivepack/shop/components/main/index.vue similarity index 80% rename from src/views/operate/shop/components/main/index.vue rename to src/views/operate/fivepack/shop/components/main/index.vue index 4ff7c0f..974f8ff 100644 --- a/src/views/operate/shop/components/main/index.vue +++ b/src/views/operate/fivepack/shop/components/main/index.vue @@ -7,39 +7,22 @@ :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> <el-table-column type="selection" min-width="5"> </el-table-column> - <el-table-column label="鐢ㄦ埛ID" min-width="5"> + <el-table-column label="搴楅摵鍚嶇О" min-width="10"> <template slot-scope="scope">{{ scope.row.id }}</template> </el-table-column> - <el-table-column prop="nickName" label="鐢ㄦ埛鍚嶇О" min-width="10"> + <el-table-column prop="nickName" label="搴楅摵璐熻矗浜�" min-width="10"> </el-table-column> - <el-table-column prop="username" label="鎵�灞炲鍚�" min-width="10"> + <el-table-column prop="username" label="搴楅摵鑱旂郴鐢佃瘽" min-width="10"> </el-table-column> - <el-table-column prop="mobile" label="鑱旂郴鏂瑰紡" min-width="10"> + <el-table-column prop="mobile" label="搴楅摵璇︾粏鍦板潃" min-width="10"> </el-table-column> - <el-table-column prop="note" label="鎵�灞炶鑹�" min-width="10"> - </el-table-column> - <el-table-column prop="departName" label="鎵�灞為儴闂�" min-width="10"> - </el-table-column> - <el-table-column prop="jobTitle" label="鎵�灞炶亴鍔�" min-width="10"> - </el-table-column> - <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10"> - </el-table-column> - <el-table-column prop="status" label="鍚敤" min-width="5"> - <template slot-scope="scope"> - <el-switch class="switchStyle" v-model="scope.row.status" active-text="寮�" inactive-text="鍏�" - active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)"> - </el-switch> - </template> + <el-table-column prop="note" label="搴楅摵缂栧彿" min-width="10"> </el-table-column> <el-table-column prop="operation" label="鎿嶄綔" min-width="15"> <template slot-scope="scope"> <div class="operation"> - <!-- <span @click="handleChangeRole(scope.row)">淇敼瑙掕壊</span> --> - <span @click="handleFind(scope.row)">鏌ョ湅</span> - <span class="line">|</span> - <!-- <span>淇敼瀵嗙爜</span> --> - <!-- <span>鍒犻櫎</span> --> - <span @click="handleUpdate(scope.row)">淇敼閮ㄩ棬</span> + <el-link icon="el-icon-edit" :underline="false">缂栬緫</el-link> + <el-link class="leftPx" icon="el-icon-delete-solid" :underline="false">鍒犻櫎</el-link> </div> </template> </el-table-column> @@ -179,13 +162,17 @@ .mainTitle { line-height: 60px; } - + .el-link{ + color: #4b9bb7; + } + .leftPx{ + margin-left: 10px; + } .pagination { margin-top: 50px; display: flex; line-height: 50px; justify-content: center; - .el-pagination { &::v-deep li, @@ -212,7 +199,10 @@ .line { padding: 0 5px; } - + .el-button{ + // background-color: #fff; + border: none; + } span:hover { cursor: pointer; } diff --git a/src/views/operate/shop/components/updateUser/index.vue b/src/views/operate/fivepack/shop/components/updateUser/index.vue similarity index 100% rename from src/views/operate/shop/components/updateUser/index.vue rename to src/views/operate/fivepack/shop/components/updateUser/index.vue diff --git a/src/views/operate/shop/index.vue b/src/views/operate/fivepack/shop/index.vue similarity index 100% rename from src/views/operate/shop/index.vue rename to src/views/operate/fivepack/shop/index.vue diff --git a/src/views/video/index.vue b/src/views/video/index.vue index 5cae3c2..9242469 100644 --- a/src/views/video/index.vue +++ b/src/views/video/index.vue @@ -1,10 +1,30 @@ <template> - <div>瑙嗛宸℃煡</div> + <div> + <el-button @click="getRegion">鑾峰彇鍦板潃涓夌骇鑱斿姩</el-button> + </div> </template> <script> export default { + data(){ + return{ + } + }, + methods:{ + getRegion(){ + // this.$axios.get('sccg/sccg-region/getTree').then(res=>{ + // console.log(res); + // }) + this.$axios({ + method:'get', + url:'sccg/sccg-region/getTree', + }) + .then(res=>{ + console.log(res); + }) + } + } } </script> -- Gitblit v1.8.0