From 7f0f5bc0be05b8a9206bcff083442379504db009 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期二, 30 四月 2024 14:17:06 +0800
Subject: [PATCH] Merge branch 'master' of http://103.135.160.14:9034/r/~shiwenshuai/DTKZZTX
---
src/views/comm/planReview/planReview.vue | 198 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 195 insertions(+), 3 deletions(-)
diff --git a/src/views/comm/planReview/planReview.vue b/src/views/comm/planReview/planReview.vue
index 5d97cbc..e0c9a40 100644
--- a/src/views/comm/planReview/planReview.vue
+++ b/src/views/comm/planReview/planReview.vue
@@ -6,9 +6,102 @@
`鏂规璁茶瘎`,
]"></My-bread>
<el-divider />
- <div class="mainBox">
+ <div class="menuBox">
+ <div class="menuTitle">
+ <div>
+ <el-input size="small"
+ prefix-icon="el-icon-search"></el-input>
+ </div>
+ <div>
+ <el-button type="success"
+ size="small"
+ @click="handlerInsert">娣诲姞</el-button>
+ <el-button type="danger"
+ size="small"
+ @click="handlerDel">鍒犻櫎</el-button>
+ </div>
+ </div>
+ <div class="menuContent">
+
+ <el-table :data="tableData"
+ style="width: 100%;height:calc(100% - 1px); "
+ @selection-change="handleSelectionChange">
+ <el-table-column prop="name"
+ align="center"
+ label="鍚嶇О">
+ </el-table-column>
+ <el-table-column prop="coord"
+ align="center"
+ label="閾捐矾">
+ </el-table-column>
+ <el-table-column prop="types"
+ align="center"
+ label="閾炬帴绔欑偣">
+ </el-table-column>
+ <el-table-column prop="bak"
+ align="center"
+ label="閾捐矾鐘舵��">
+ </el-table-column>
+ <el-table-column label="鎿嶄綔">
+ <template slot-scope="scope">
+ <el-button size="mini"
+ plain
+ type="warning"
+ @click="handleEdit(scope.$index, scope.row)">缂栬緫</el-button>
+
+ </template>
+ </el-table-column>
+ </el-table>
+
+ </div>
+ <div class="menupage">
+ <el-pagination @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="listData.pageIndex"
+ :page-sizes="[100, 200, 300, 400]"
+ :page-size="listData.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="listData.count"></el-pagination>
+
+ </div>
</div>
+ <el-dialog :title="title"
+ :visible.sync="dialogVisible"
+ width="50%"
+ :before-close="handleClose">
+ <el-form :model="editFrom"
+ label-width="80px">
+ <el-form-item label="鍚嶇О">
+ <el-input v-model="editFrom.name"
+ style="width:calc(100% - 100px);"
+ placeholder="璇疯緭鍏ュ悕绉�"></el-input>
+ </el-form-item>
+ <el-form-item label="閾捐矾">
+ <el-input v-model="editFrom.coord"
+ style="width:calc(100% - 100px);"
+ placeholder="璇疯緭鍏ヤ綅缃�"></el-input>
+ </el-form-item>
+ <el-form-item label="閾炬帴绔欑偣">
+ <el-input v-model="editFrom.coord"
+ style="width:calc(100% - 100px);"
+ placeholder="璇疯緭鍏ヤ綅缃�"></el-input>
+ </el-form-item>
+ <el-form-item label="閾捐矾鐘舵��">
+ <el-input v-model="editFrom.bak"
+ style="width:calc(100% - 100px);"
+ placeholder="璇疯緭鍏ュ娉�"></el-input>
+ </el-form-item>
+ </el-form>
+ <span slot="footer"
+ class="dialog-footer">
+ <el-button size="small"
+ @click="setSubMite">鍙� 娑�</el-button>
+ <el-button type="primary"
+ size="small"
+ @click="handleClose">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
</div>
</template>
@@ -21,17 +114,96 @@
components: { MyBread },
data () {
return {
+ listData: {
+ pageIndex: 1,
+ pageSize: 100,
+ count: 0,
+ },
+ tableData: [
+ ],
+ options: [
+ {
+ name: '鎸囨尌鎵�閫氫俊鏋㈢航',
+ val: "t1"
+ },{
+ name: '骞茬嚎閫氳鏋㈢航',
+ val: "t2"
+ },{
+ name: '杈呭姪閫氳鏋㈢航',
+ val: "t3"
+ }
+ ],
+ multipleSelection: [],
+
+ dialogVisible: false,
+ title: "",
+ editFrom: {
+ types: "",
+ }
};
},
watch: {
},
created () {
-
+ this.setTableDataStart();
},
- methods () {
+ methods: {
+ handleClose () {
+ this.title="";
+ this.dialogVisible=false;
+ this.editFrom.types=this.options[0].val
+ },
+ setSubMite () {
+ this.handleClose();
+ },
+ handlerInsert () {
+ this.title="鏂板";
+ this.dialogVisible=true;
+ },
+ handleEdit (index,row) {
+ this.editFrom=JSON.parse(JSON.stringify(row));
+ this.title="淇敼";
+ this.dialogVisible=true;
+ },
+ handlerDel () {
+ },
+ formatter (row,column) {
+ var obj=this.options.filter(res => {
+ if(row.types==res.val) {
+ return res;
+ }
+ });
+ return obj[0].name
+ },
+ setTableDataStart () {
+ this.tableData=[{
+ name: 'XXX閾捐矾1',
+ types: ' ',
+ coord: "",
+ bak: ""
+ },{
+ name: 'XXX閾捐矾2',
+ types: ' ',
+ coord: "",
+ bak: "",
+ }]
+ this.listData.count=this.tableData.length;
+ this.handleClose();
+ },
+ handleSelectionChange (res) {
+ this.multipleSelection=res;
+ },
+ handleSizeChange (val) {
+ console.log(`姣忛〉 ${val} 鏉);
+ this.listData.pageSize.val;
+ },
+ handleCurrentChange (val) {
+ console.log(`褰撳墠椤�: ${val}`);
+ this.listData.pageIndex=val;
+ }
}
};
</script>
@@ -45,4 +217,24 @@
margin: 10px;
border-radius: 5px;
}
+.menuBox {
+ width: calc(100% - 20px);
+ height: calc(95% - 20px);
+ margin: 10px;
+
+ display: flex;
+ position: relative;
+ flex-direction: column;
+ .menuTitle {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 10px;
+ }
+ .menuContent {
+ flex: 1;
+ }
+ .menupage {
+ margin-top: 10px;
+ }
+}
</style>
--
Gitblit v1.9.3