Commit b7f31ad3 by chenqiang

栏目、模型、门户

parent 43e69660
...@@ -7,10 +7,10 @@ ...@@ -7,10 +7,10 @@
--> -->
<template> <template>
<div class="lanmugl-index"> <div class="lanmugl-index">
<p class="table-title"> <!-- <p class="table-title">-->
<span class="serch-result-title">查询结果</span> <!-- <span class="serch-result-title">查询结果</span>-->
<span class="search-result-number">共有7条查询结果</span> <!-- <span class="search-result-number">共有7条查询结果</span>-->
</p> <!-- </p>-->
<el-card> <el-card>
<el-table <el-table
:data="tableData" :data="tableData"
......
...@@ -406,12 +406,12 @@ export default { ...@@ -406,12 +406,12 @@ export default {
yhpjnr: self.formItem.yhpjnr, yhpjnr: self.formItem.yhpjnr,
yhpf: self.formItem.yhpf yhpf: self.formItem.yhpf
} }
axios.post('/mxgl/template/insertPJ',param,{ axios.post('/mxgl/template/insertPJ', param, {
headers:{ headers: {
'content-Type': 'application/json' 'content-Type': 'application/json'
} }
}).then(res=>{ }).then(res => {
if(res.data.status == 'success'){ if (res.data.status == 'success') {
self.$message.success('新增评价成功') self.$message.success('新增评价成功')
self.dialogFormVisible = false self.dialogFormVisible = false
self.getData('yes') self.getData('yes')
...@@ -533,6 +533,7 @@ export default { ...@@ -533,6 +533,7 @@ export default {
.el-dialog__footer { .el-dialog__footer {
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
} }
.form_wdpl { .form_wdpl {
.el-form-item__label { .el-form-item__label {
margin-top: 5px; margin-top: 5px;
......
...@@ -14,60 +14,48 @@ ...@@ -14,60 +14,48 @@
:defaultProps="{ label: 'name' }" :defaultProps="{ label: 'name' }"
@add-btn="add" @add-btn="add"
:mode="mode" :mode="mode"
min-height="240px"
openAll openAll
:checkStrictly="true" :checkStrictly="true"
> >
</tree-transfer> </tree-transfer>
<div <div
class="showSelectedDiv" class="showSelectedDiv">
style=" <div v-for="(item, index) in nodes" :key="index"
border: 1px solid rgb(235, 238, 245); style="display: flex;
width: 668px; justify-content: space-between;
min-height: 100px; padding: 6px 0;">
box-sizing: border-box; <div
border-radius: 5px; style="text-align:left;margin-left:10px;">{{ item.name }}
vertical-align: middle; </div>
background-color: rgb(254, 254, 254); <div>
position: absolute; <el-button size="mini" type="danger" @click="removeClicked(item)">删除</el-button>
right: 10px; </div>
top: 100px; </div>
"
>
<p v-for="(item, index) in nodes" :key="index">
<span
style="display:inline-block;width:200px;text-align:left;margin-left:10px;"
>{{ item.name }}</span
>
<el-button style="padding:5px" @click="removeClicked(item)"
>删除</el-button
>
</p>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import treeTransfer from "el-tree-transfer"; import treeTransfer from 'el-tree-transfer'
import axios from "axios"; import axios from 'axios'
export default { export default {
name: "index", name: 'index',
components: { treeTransfer }, // 注册 components: { treeTransfer }, // 注册
data() { data() {
return { return {
mode: "transfer", // transfer addressList mode: 'transfer', // transfer addressList
title: ["全部内容", "选中内容"], title: ['全部内容', '选中内容'],
fromData: [], // 显示的树形组件 fromData: [], // 显示的树形组件
toData: [], // 选中的右边的 data toData: [], // 选中的右边的 data
nodes: [] //右边显示的内容 nodes: [] //右边显示的内容
}; }
}, },
mounted() { mounted() {
// 得到所有的数据 // 得到所有的数据
this.getUnSelectedTableData(); this.getUnSelectedTableData()
// 得到选中的数据 // 得到选中的数据
this.getSelectedTableData(); this.getSelectedTableData()
}, },
methods: { methods: {
/** /**
...@@ -78,38 +66,38 @@ export default { ...@@ -78,38 +66,38 @@ export default {
*/ */
getUnSelectedTableData() { getUnSelectedTableData() {
let self = this; let self = this
const headers = { const headers = {
"content-Type": "application/json" 'content-Type': 'application/json'
}; }
axios axios
.post("/hy/selectTitleByStatW", {}, { headers: headers }) .post('/hy/selectTitleByStatW', {}, { headers: headers })
.then(function(res) { .then(function (res) {
let fatherArray = []; let fatherArray = []
res.data.forEach(each => { res.data.forEach(each => {
// 找到所有的父级节点 // 找到所有的父级节点
if (each.prentId === "0") { if (each.prentId === '0') {
each.children = []; each.children = []
each.disabled = true; each.disabled = true
fatherArray.push(each); fatherArray.push(each)
} }
}); })
res.data.forEach(each => { res.data.forEach(each => {
if (each.prentId !== 0) { if (each.prentId !== 0) {
fatherArray.forEach((fatherEach, fatherIndex) => { fatherArray.forEach((fatherEach, fatherIndex) => {
if (fatherEach.id === each.prentId) { if (fatherEach.id === each.prentId) {
fatherArray[fatherIndex].children.push(each); fatherArray[fatherIndex].children.push(each)
} }
}); })
} }
}); })
self.tableData = fatherArray; self.tableData = fatherArray
console.log(self.tableData); console.log(self.tableData)
self.fromData = self.tableData; self.fromData = self.tableData
})
.catch(function (err) {
console.log(err)
}) })
.catch(function(err) {
console.log(err);
});
}, },
/** /**
* @description: 得到已选中的右侧的数据列表 * @description: 得到已选中的右侧的数据列表
...@@ -119,18 +107,18 @@ export default { ...@@ -119,18 +107,18 @@ export default {
*/ */
getSelectedTableData() { getSelectedTableData() {
let self = this; let self = this
const headers = { const headers = {
"content-Type": "application/json" 'content-Type': 'application/json'
}; }
axios axios
.post("/hy/selectTitleByStatY", {}, { headers: headers }) .post('/hy/selectTitleByStatY', {}, { headers: headers })
.then(function(res) { .then(function (res) {
self.nodes = res.data; self.nodes = res.data
})
.catch(function (err) {
console.log(err)
}) })
.catch(function(err) {
console.log(err);
});
}, },
/** /**
...@@ -141,53 +129,94 @@ export default { ...@@ -141,53 +129,94 @@ export default {
*/ */
removeClicked(item) { removeClicked(item) {
let deleteArray = []; let deleteArray = []
deleteArray.push(item); deleteArray.push(item)
let self = this; let self = this
const headers = { const headers = {
"content-Type": "application/json" 'content-Type': 'application/json'
}; }
axios axios
.post("/hy/updataStatW", deleteArray, { headers: headers }) .post('/hy/updataStatW', deleteArray, { headers: headers })
.then(function(res) { .then(function (res) {
self.nodes = res.data; self.nodes = res.data
self.getUnSelectedTableData(); self.getUnSelectedTableData()
self.getSelectedTableData(); self.getSelectedTableData()
})
.catch(function (err) {
console.log(err)
}) })
.catch(function(err) { console.log(item)
console.log(err);
});
console.log(item);
}, },
// 监听穿梭框组件添加 // 监听穿梭框组件添加
add() { add() {
this.nodes = this.toData; this.nodes = this.toData
document.getElementsByClassName("transfer-right")[0].style.display = // document.getElementsByClassName('transfer-right')[0].style.display =
"none"; // 'none'
let self = this; let self = this
const headers = { const headers = {
"content-Type": "application/json" 'content-Type': 'application/json'
}; }
axios axios
.post("/hy/updataStatY", self.nodes, { headers: headers }) .post('/hy/updataStatY', self.nodes, { headers: headers })
.then(function(res) { .then(function (res) {
self.nodes = res.data; self.nodes = res.data
self.getSelectedTableData(); self.getSelectedTableData()
})
.catch(function (err) {
console.log(err)
}) })
.catch(function(err) {
console.log(err);
});
} }
} }
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.nrgl-index { .nrgl-index {
.add-button { position: relative;
float: right; width: 1100px;
margin-right: 150px; margin: 0 auto;
/deep/ .transfer {
height: 650px !important;
}
/deep/ .component-transfer {
height: 650px;
}
.add-button {
float: right;
margin-right: 150px;
}
/deep/ .transfer-left {
.transfer-main {
.el-tree {
min-height: 578px;
}
}
}
/deep/ .transfer-center {
.transfer-center-item:nth-child(2) {
display: none;
}
}
.showSelectedDiv {
border: 1px solid rgb(235, 238, 245);
width: 440px;
height: 558px;
overflow: auto;
border-radius: 5px;
background-color: rgb(254, 254, 254);
position: absolute;
right: 0;
top: 50px;
color: #606266;
padding: 10px;
z-index: 99;
}
} }
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment