From e389354f6154ffab9981308f8a842732db2f9085 Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期二, 01 十一月 2022 16:08:25 +0800
Subject: [PATCH] 整治列表 案件查询 图片管理 页面添加
---
src/views/operate/rectification/renovationList/index.vue | 139 +++++++++++++++++++++++++++++++++++----------
1 files changed, 107 insertions(+), 32 deletions(-)
diff --git a/src/views/operate/rectification/renovationList/index.vue b/src/views/operate/rectification/renovationList/index.vue
index a5c515b..8fdf4bb 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-size': '12px', color: '#4b9bb7', '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,14 +224,8 @@
},
// 鍒犻櫎绗笁鏂规帴鍙�
handleDelete({ id }) {
+ this.dialogUpdate=true;
console.log(id);
- this.$axios.delete('sccg/system/portal/thirdApp/delete', {
- params: {
- id
- }
- }).then(res => {
- console.log(res);
- })
}
// // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
// changeCurrentPage(page) {
@@ -205,19 +273,26 @@
color: #4b9bb7;
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;
--
Gitblit v1.8.0