From ad88a6c7badd36789a851c34bdca8e0d0dc30dfb Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期五, 14 四月 2023 14:57:01 +0800 Subject: [PATCH] bug修改 --- src/views/operate/rectification/renovationList/index.vue | 170 ++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 114 insertions(+), 56 deletions(-) diff --git a/src/views/operate/rectification/renovationList/index.vue b/src/views/operate/rectification/renovationList/index.vue index a5c515b..5356979 100644 --- a/src/views/operate/rectification/renovationList/index.vue +++ b/src/views/operate/rectification/renovationList/index.vue @@ -6,7 +6,7 @@ <main> <div class="mainHeader"> <div class="add"> - <el-button type="primary" icon="el-icon-plus">鏂板浠诲姟</el-button> + <el-button type="primary" icon="el-icon-plus" @click="addTask()">鏂板浠诲姟</el-button> </div> <div class="date-search"> <span>鎸夊ぉ鏌ヨ:</span> @@ -30,53 +30,57 @@ <!-- @selection-change="handleSelectionChange" --> <!-- 鏁版嵁娓叉煋 --> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" - :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}" + :header-cell-style="{ background: '#06122c', 'font-weight': '650', 'line-height': '45px' }" :row-class-name="tableRowClassName"> <el-table-column type="selection" width="55"> </el-table-column> - <el-table-column label="浠诲姟缂栧彿" prop="applicationName" min-width="10"> + <el-table-column label="浠诲姟缂栧彿" prop="taskNumber" min-width="10"> </el-table-column> - <el-table-column prop="applicationType" label="妗堜欢缂栧彿" min-width="10"> + <el-table-column label="妗堜欢缂栧彿" prop="caseNumber" min-width="10"> </el-table-column> - <el-table-column prop="websiteUrl" label="闂绫诲瀷" min-width="10"> + <el-table-column prop="questionType" label="闂绫诲瀷" min-width="10"> </el-table-column> - <el-table-column prop="applicationType" label="琛楅亾" min-width="10"> + <el-table-column prop="bigType" label="澶х被" min-width="10"> </el-table-column> - <el-table-column prop="applicationType" label="绀惧尯" min-width="10"> + <el-table-column prop="smallType" label="灏忕被" min-width="10"> </el-table-column> - <el-table-column prop="applicationType" label="鐩戠潱鍛�" min-width="10"> + <el-table-column prop="steert" label="琛楅亾" min-width="10"> </el-table-column> - <el-table-column prop="applicationType" label="闂鎻忚堪" min-width="10"> + <el-table-column prop="community" label="绀惧尯" min-width="10"> </el-table-column> - <el-table-column prop="applicationType" label="涓婃姤鏃堕棿" min-width="10"> + <el-table-column prop="description" label="浠诲姟鎻忚堪" min-width="10"> </el-table-column> - <el-table-column prop="applicationType" label="鐘舵��" min-width="10"> + <el-table-column prop="reportTime" label="涓婃姤鏃堕棿" min-width="10"> + </el-table-column> + <el-table-column prop="manager" label="鐩戠潱鍛�" min-width="10"> + </el-table-column> + <el-table-column prop="status" label="鐘舵��" min-width="10"> </el-table-column> <el-table-column label="鎿嶄綔" min-width="10"> <template slot-scope="scope"> <span @click="handleDelete(scope.row)">缂栬緫</span> - <span class="line">|</span> - <span @click="handleDelete(scope.row)">鏌ョ湅</span> + <!-- <span class="line">|</span> + <span @click="(scope.row)">鏌ョ湅</span> --> </template> </el-table-column> </el-table> <!-- 鍒嗛〉 --> - <!-- <div class="pagination"> + <div class="pagination"> <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev" @next-click="handleNext"> </el-pagination> - </div> --> + </div> </div> </main> <footer> <!-- 鍒涘缓寮圭獥 --> - <el-dialog :visible.sync="dialogCreate" title="鏂板绗笁鏂规帴鍙�" width="45%" v-if="dialogCreate" + <el-dialog :visible.sync="dialogCreate" title="鏂板鏁存不鍒楄〃" width="45%" v-if="dialogCreate" :before-close="handleClose"> <createInterface /> </el-dialog> <!-- 鏌ョ湅寮圭獥 --> - <el-dialog :visible.sync="dialogUpdate" :title="updateFlag ?'淇敼绗笁鏂规帴鍙�':'鏌ョ湅绗笁鏂规帴鍙�'" width="45%" + <el-dialog :visible.sync="dialogUpdate" :title="updateFlag ? '淇敼绗笁鏂规帴鍙�' : '鏌ョ湅绗笁鏂规帴鍙�'" width="45%" v-if="dialogUpdate" :before-close="handleClose"> <viewInterface :updateFlag="updateFlag" :userInfo=userInfo /> </el-dialog> @@ -92,13 +96,80 @@ }, data() { return { - tableData: [], + totalNum: 5, + pageSize: 10, + tableData: [ + { + taskNumber: "13413414", + caseNumber: "202233112310310001", + questionType: "杩濊", + bigType: "涓嶆寜瑙勫畾鍋滄斁褰卞搷鍏朵粬杞﹁締鍜岃浜洪�氳浣嗘湭閫犳垚浜ら�氫簨鏁�", + smallType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝", + steert: "濡欏嘲琛�", + community: "澶ф煒闀�", + description: "杩濊鍋滄斁", + reportTime: "2022-11-1 12:10:10", + status: "涓婃姤", + manager: "鐜嬫櫒鏅�"}, + { + taskNumber: "13413414", + caseNumber: "202233112310310001", + questionType: "杩濊", + bigType: "涓嶆寜瑙勫畾鍋滄斁褰卞搷鍏朵粬杞﹁締鍜岃浜洪�氳浣嗘湭閫犳垚浜ら�氫簨鏁�", + smallType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝", + steert: "濡欏嘲琛�", + community: "澶ф煒闀�", + description: "杩濊鍋滄斁", + reportTime: "2022-11-1 12:10:10", + status: "涓婃姤", + manager: "鐜嬫櫒鏅�" + }, + { + taskNumber: "13413414", + caseNumber: "202233112310310001", + questionType: "杩濊", + bigType: "涓嶆寜瑙勫畾鍋滄斁褰卞搷鍏朵粬杞﹁締鍜岃浜洪�氳浣嗘湭閫犳垚浜ら�氫簨鏁�", + smallType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝", + steert: "濡欏嘲琛�", + community: "澶ф煒闀�", + description: "杩濊鍋滄斁", + reportTime: "2022-11-1 12:10:10", + status: "涓婃姤", + manager: "鐜嬫櫒鏅�" + }, + { + taskNumber: "13413414", + caseNumber: "202233112310310001", + questionType: "杩濊", + bigType: "涓嶆寜瑙勫畾鍋滄斁褰卞搷鍏朵粬杞﹁締鍜岃浜洪�氳浣嗘湭閫犳垚浜ら�氫簨鏁�", + smallType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝", + steert: "濡欏嘲琛�", + community: "澶ф煒闀�", + description: "杩濊鍋滄斁", + reportTime: "2022-11-1 12:10:10", + status: "涓婃姤", + manager: "鐜嬫櫒鏅�" + }, + { + taskNumber: "13413414", + caseNumber: "202233112310310001", + questionType: "杩濊", + bigType: "涓嶆寜瑙勫畾鍋滄斁褰卞搷鍏朵粬杞﹁締鍜岃浜洪�氳浣嗘湭閫犳垚浜ら�氫簨鏁�", + smallType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝", + steert: "濡欏嘲琛�", + community: "澶ф煒闀�", + description: "杩濊鍋滄斁", + reportTime: "2022-11-1 12:10:10", + status: "涓婃姤", + manager: "鐜嬫櫒鏅�" + } + ], search: "", dialogCreate: false, dialogUpdate: false, updateFlag: false, userInfo: '', - date:'', + date: '', // totalNum: 200, // pageSize: 10, // currentPage: 1, @@ -108,6 +179,9 @@ this.getUserList(); }, methods: { + addTask() { + this.dialogCreate = true; + }, // 鑾峰彇鎺ュ彛鍒楄〃 getUserList() { const that = this; @@ -150,34 +224,11 @@ }, // 鍒犻櫎绗笁鏂规帴鍙� handleDelete({ id }) { - console.log(id); - this.$axios.delete('sccg/system/portal/thirdApp/delete', { - params: { - id - } - }).then(res => { - console.log(res); - }) + this.dialogUpdate=true; } - // // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠� - // changeCurrentPage(page) { - // this.currentPage = page; - // this.getUserList(); - // }, - // // 涓婁竴椤电偣鍑讳簨浠� - // handlePrev(page) { - // this.currentPage = page; - // this.getUserList(); - // }, - // // 涓嬩竴椤电偣鍑讳簨浠� - // handleNext(page) { - // this.currentPage = page; - // this.getUserList(); - // }, } } </script> -<!-- sccg/system/portal/thirdApp/search --> <style lang="scss" scoped> .otherInterface { header { @@ -203,31 +254,38 @@ display: flex; line-height: 60px; color: #4b9bb7; - background-color: #09152f; + // background-color: #09152f; display: flex; - .add,.search,.btn{ - flex:1; + + .add, + .search, + .btn { + flex: 1; } - .date-search{ + + .date-search { flex: 3; display: flex; - .mydate{ + + .mydate { display: flex; - .line{ - margin:0 10px 0 20px; + + .line { + margin: 0 10px 0 20px; } } } + .el-input { width: 180px; height: 35px; margin-left: 10px; - &::v-deep .el-input__inner { - background-color: #09152f; - border: 1px solid #17324c; - font-size: 12px; - } + // &::v-deep .el-input__inner { + // background-color: #09152f; + // border: 1px solid #17324c; + // font-size: 12px; + // } } } @@ -235,7 +293,7 @@ margin-top: 20px; .el-table { - color: #4b9bb7; + // color: #4b9bb7; &::v-deep .el-table__empty-block { background-color: #06122c; -- Gitblit v1.8.0