FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

左边树菜单调整

Browse Source
This commit is contained in:
shenyanpei
2021-09-15 13:59:24 +08:00
parent b44f476c39
commit 9b457ba7f4
2 changed files with 1537 additions and 1454 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue
+21 -36
View File
@@ -26,7 +26,7 @@
@mouseleave="mouseleave(data)"> @mouseleave="mouseleave(data)">
<span <span
:class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span> :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span>
<span> {{ node.label}} </span> <span> {{ node.label }} </span>
<span> <span>
<el-button <el-button
type="text" type="text"
@@ -182,30 +182,23 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="标准号" label="标准号"
width="130"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" class="table-jump" style="color: #F56C6C" <a v-if="scope.row.standYear" class="table-jump"
@click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
scope.row.standNumber scope.row.standNumber
}}-{{ scope.row.standYear }}</a> }}-{{ scope.row.standYear }}</a>
<a v-else-if="scope.row.standYear" class="table-jump" style="color: #333333" <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
@click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
scope.row.standNumber
}}-{{ scope.row.standYear }}</a>
<a v-else @click="handlePreview(scope.row)" class="table-jump" style="color: #333333">
{{ scope.row.standSortShow }}
{{ scope.row.standNumber }}</a> {{ scope.row.standNumber }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip
prop="standName" prop="standName"
label="标准名称" label="标准名称"
width="210"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" @click="handlePreview(scope.row)" class="table-jump" style="color: #F56C6C">{{ scope.row.standName }}</a> <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
<a v-else @click="handlePreview(scope.row)" style="color: #333333" class="table-jump">{{ scope.row.standName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -214,19 +207,17 @@
width="110px" width="110px"
label="发布日期"> label="发布日期">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ formatIssueDate(scope.row.issueTime) }}</span> {{ formatIssueDate(scope.row.issueTime) }}
<span v-else>{{ formatIssueDate(scope.row.issueTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="SSRQ" prop="SSRQ"
sortable="custom" sortable="custom"
width="110px" width="150px"
label="实施日期"> label="实施日期">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- {{ formatIssueDate(scope.row.putTime) }}--> <!-- {{ formatIssueDate(scope.row.putTime) }}-->
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span> <span>{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span>
<span v-else>{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span>
</template> </template>
</el-table-column> </el-table-column>
@@ -237,8 +228,7 @@
width="150px" width="150px"
label="新车型实施日期"> label="新车型实施日期">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-' }}</span> <span>{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-' }}</span>
<span v-else>{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-' }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -247,8 +237,7 @@
width="150px" width="150px"
label="在产车实施日期"> label="在产车实施日期">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-' }}</span> <span>{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-' }}</span>
<span v-else>{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-' }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -262,8 +251,7 @@
<!-- </el-tooltip>--> <!-- </el-tooltip>-->
<!-- </template>--> <!-- </template>-->
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ textStatusMap[scope.row.textStatus] }}</span> <span>{{ textStatusMap[scope.row.textStatus] }}</span>
<span v-else>{{ textStatusMap[scope.row.textStatus] }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="50" fixed="right"> <el-table-column label="操作" align="center" width="50" fixed="right">
@@ -1855,11 +1843,10 @@ export default {
applyArctic: '',//适用车型 applyArctic: '',//适用车型
standState: '', standState: '',
standNature: '',//标准性质 standNature: '',//标准性质
textStatus:'',//文本状态 textStatus: '',//文本状态
synopsis: '', // 内容摘要 synopsis: '', // 内容摘要
}, // 分页查询过程中用到的对象 }, // 分页查询过程中用到的对象
//高级搜索映射 //高级搜索映射
@@ -2394,7 +2381,6 @@ export default {
}, },
popoverHideQuery(ids, attrField) { popoverHideQuery(ids, attrField) {
console.log(ids) console.log(ids)
console.log("-----------------------------")
console.log(attrField) console.log(attrField)
}, },
popoverHide(checkedIds, checkedData, isShow, isLoadChild, topId) { popoverHide(checkedIds, checkedData, isShow, isLoadChild, topId) {
@@ -2699,8 +2685,6 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
Promise.all([this.queryDisplayLocation()]).then((values) => { Promise.all([this.queryDisplayLocation()]).then((values) => {
const [displayLocation] = values const [displayLocation] = values
console.log(this.formFieldList, 'assssssssssss')
console.log(item, 'itemitemitemitem')
const formFieldList = this.formFieldList const formFieldList = this.formFieldList
this.sarStandardsInfoEO = JSON.parse(JSON.stringify(item)) this.sarStandardsInfoEO = JSON.parse(JSON.stringify(item))
if (this.sarStandardsInfoEO.standSystem) { if (this.sarStandardsInfoEO.standSystem) {
@@ -2752,7 +2736,6 @@ export default {
}) })
}) })
this.dynamicFormField = displayLocation this.dynamicFormField = displayLocation
console.log(this.dynamicFormField)
this.loading = false this.loading = false
}) })
}) })
@@ -3005,8 +2988,12 @@ export default {
userId: this.$store.getters.userInfo.userId userId: this.$store.getters.userInfo.userId
}, {}, res => { }, {}, res => {
if (res.ok) { if (res.ok) {
for (let i in res.data) {
let arr = res.data[i].children
arr.push(arr.shift())
this.treeList = res.data this.treeList = res.data
} }
}
}) })
}, },
// 查询所有菜单 // 查询所有菜单
@@ -3140,8 +3127,6 @@ export default {
}, },
// 表格排序 // 表格排序
sortChange(sortObj) { sortChange(sortObj) {
console.log(sortObj.column.order + "======" + sortObj.column.property)
console.log(sortObj, '升降序')
if (sortObj.column.order !== 'normal') { if (sortObj.column.order !== 'normal') {
this.nowOrder = '' this.nowOrder = ''
this.orderBy = '' this.orderBy = ''
@@ -3553,7 +3538,6 @@ export default {
sarStandAttrObj[item.attrField] = nowstandinfo[item.attrField] sarStandAttrObj[item.attrField] = nowstandinfo[item.attrField]
}) })
nowstandinfo['sarStandAttrEOStr'] = JSON.stringify(sarStandAttrObj).replace(/"/g, "'") nowstandinfo['sarStandAttrEOStr'] = JSON.stringify(sarStandAttrObj).replace(/"/g, "'")
console.log(nowstandinfo, '提交参数')
this.$http.postData(this.addOrUPdateFlag === 1 ? 'sarStandardsInfo/sar-standards-info/addarStandardsInfo' : 'sarStandardsInfo/sar-standards-info/updateSarStandardsInfo', nowstandinfo, { this.$http.postData(this.addOrUPdateFlag === 1 ? 'sarStandardsInfo/sar-standards-info/addarStandardsInfo' : 'sarStandardsInfo/sar-standards-info/updateSarStandardsInfo', nowstandinfo, {
_this: this _this: this
}, res => { }, res => {
@@ -3631,7 +3615,6 @@ export default {
formData.nowOrderBy = this.nowOrder ? this.orderBy : '' formData.nowOrderBy = this.nowOrder ? this.orderBy : ''
formData.nowOrder = this.nowOrder formData.nowOrder = this.nowOrder
// formData.orderBy = this.orderBy // formData.orderBy = this.orderBy
console.log(this.selectSarMenu.id)
// 处理我的收藏和个性化标签传参 // 处理我的收藏和个性化标签传参
if (this.selectSarMenu.menuName === '我的收藏') { if (this.selectSarMenu.menuName === '我的收藏') {
formData.menuId = undefined formData.menuId = undefined
@@ -3690,7 +3673,6 @@ export default {
} }
if (res.data.list[i].attrInfoMap && res.data.list[i].attrInfoMap.SSRQ) { if (res.data.list[i].attrInfoMap && res.data.list[i].attrInfoMap.SSRQ) {
res.data.list[i].SSRQ = res.data.list[i].attrInfoMap.SSRQ res.data.list[i].SSRQ = res.data.list[i].attrInfoMap.SSRQ
console.log(res.data.list[i].SSRQ);
} }
} }
this.stahndinfoList = res.data.list this.stahndinfoList = res.data.list
@@ -4878,7 +4860,6 @@ export default {
data.forEach(item => { data.forEach(item => {
this.$set(this.textStatusMap, item.value, item.label) this.$set(this.textStatusMap, item.value, item.label)
}) })
console.log(this.textStatusMap, '文本状态的值')
} }
}, },
computed: { computed: {
@@ -5004,6 +4985,7 @@ export default {
background: url('~@/assets/images/shangqi/img/tree.png'); background: url('~@/assets/images/shangqi/img/tree.png');
background-size: 100% 100%; background-size: 100% 100%;
} }
/deep/ .tree-line { /deep/ .tree-line {
.el-tree-node { .el-tree-node {
position: relative; position: relative;
@@ -5081,12 +5063,14 @@ export default {
position: relative; position: relative;
.tree { .tree {
/deep/.el-card__body { /deep/ .el-card__body {
padding: 0 !important; padding: 0 !important;
} }
.el-card { .el-card {
min-width: min-content; min-width: min-content;
} }
height: 95%; height: 95%;
width: calc(~'100% - 15px'); width: calc(~'100% - 15px');
position: absolute; position: absolute;
@@ -5135,6 +5119,7 @@ export default {
.tree { .tree {
left: -200px !important; left: -200px !important;
} }
.tree-right { .tree-right {
width: calc(~'100% - 15px') !important; width: calc(~'100% - 15px') !important;
} }
src/pages/regulatoryRepository/foreignStandardsAndRegulations/index.vue
+562 -464
View File
File diff suppressed because it is too large Load Diff