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/commResource/commResource.vue | 212 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 209 insertions(+), 3 deletions(-)
diff --git a/src/views/comm/commResource/commResource.vue b/src/views/comm/commResource/commResource.vue
index f1cc158..03dcdf4 100644
--- a/src/views/comm/commResource/commResource.vue
+++ b/src/views/comm/commResource/commResource.vue
@@ -20,15 +20,117 @@
nodeName,
]"></My-bread>
<el-divider />
+ <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="绫诲瀷"
+ :formatter="formatter">
+ </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>
</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-select v-model="editFrom.types"
+ style="width:calc(100% - 100px)"
+ placeholder="">
+ <el-option v-for="item in options"
+ :key="item.val"
+ :label="item.name"
+ :value="item.val">
+ </el-option>
+ </el-select>
+ </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>
<script>
-
import { selectMenuRecursive,queryMenuTree,sign_insertOpLog } from '@/api/api.js'
import MyBread from "@/components/MyBread.vue";
import customElMenu from "@/components/customElMenu.vue";
@@ -59,6 +161,33 @@
formLabelWidth: '70px',
pid: null,
nodeName: null,
+ listData: {
+ pageIndex: 1,
+ pageSize: 100,
+ count: 0,
+ },
+ tableData: [
+
+ ],
+ options: [
+ {
+ name: '鎸囨尌鎵�閫氫俊鏋㈢航',
+ val: "t1"
+ },{
+ name: '骞茬嚎閫氳鏋㈢航',
+ val: "t2"
+ },{
+ name: '杈呭姪閫氳鏋㈢航',
+ val: "t3"
+ }
+ ],
+ multipleSelection: [],
+
+ dialogVisible: false,
+ title: "",
+ editFrom: {
+ types: "",
+ }
};
},
created () { },
@@ -67,8 +196,63 @@
this.getTreeData();
//宸﹀彸鎷栧嫊
this.dragControllerDiv();
+ this.setTableDataStart();
},
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: 't1',
+ coord: "",
+ bak: ""
+ },{
+ name: 'XXX鏋㈢航2',
+ types: 't2',
+ 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;
+ },
//宸﹀彸鎷栧嫊
dragControllerDiv: function() {
var resize=document.getElementsByClassName('resize');
@@ -130,7 +314,7 @@
return value.type==1;
});
this.menuList=this.treeData(menuList);
- console.log(this.menuList)
+
this.m1=this.menuList[0].cnName;
this.setViewController(this.menuList[0]);
this.nodeName=this.m1
@@ -171,7 +355,7 @@
treeData (source) {
let cloneData=JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕
var that=this;
- // console.log(cloneData);
+
if(cloneData.length!=0) {
return cloneData.filter((father) => {
// 寰幆鎵�鏈夐」
@@ -223,5 +407,27 @@
},
};
</script>
+<style lang="less" scoped>
+.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>
\ No newline at end of file
--
Gitblit v1.9.3