xinyilu/postdischarge-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

字段信息管理

Browse Source
This commit is contained in:
shidongli 2024-07-03 17:29:02 +08:00
parent 5e6ed09fe5
commit c58f5968a4
1 changed files with 74 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
src/views/manage/labelfieldinfo/index.vue
View File

@ -3,6 +3,11 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="5" :xs="24"> <el-col :span="5" :xs="24">
<div class="left" ref="box"> <div class="left" ref="box">
<!-- <div :class="itemid=='' ? 'all' : 'all'" @click="allclick"> -->
<div class="all" @click="allclick">
全部
</div>
<el-collapse <el-collapse
v-model="activeNames" v-model="activeNames"
@change="handleChange" @change="handleChange"
@ -14,7 +19,11 @@
{{ item.taskTypeName }} {{ item.taskTypeName }}
<!-- {{item}} --> <!-- {{item}} -->
</template> </template>
<el-table :data="item.taskPartitionDictList" style="width: 100%" :show-header="false" > <el-table
:data="item.taskPartitionDictList"
style="width: 100%"
:show-header="false"
>
<el-table-column prop="" label=""> <el-table-column prop="" label="">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <div <!-- <div
@ -22,7 +31,10 @@
v-for="(aitem, aindex) in scope.row.items" v-for="(aitem, aindex) in scope.row.items"
:key="aindex" :key="aindex"
> --> > -->
<div @click="clickitem(scope.row)" :class="itemid == scope.row.id ? 'allactive' : 'collitem'" highlight-current-row> <div
@click="clickitem(scope.row)"
:class="itemid == scope.row.id ? 'allactive' : 'collitem'"
>
{{ scope.row.taskPartitionName }} {{ scope.row.taskPartitionName }}
</div> </div>
<!-- </div> --> <!-- </div> -->
@ -138,6 +150,12 @@
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column
label="任务细分"
align="center"
prop="taskPartitionDictName"
:show-overflow-tooltip="true"
/>
<el-table-column label="字段名称" align="center" prop="fieldName" /> <el-table-column label="字段名称" align="center" prop="fieldName" />
<el-table-column label="字段编码" align="center" prop="fieldCode" /> <el-table-column label="字段编码" align="center" prop="fieldCode" />
<el-table-column label="字段类型" align="center" prop="fieldType"> <el-table-column label="字段类型" align="center" prop="fieldType">
@ -149,19 +167,14 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="字段排序" align="center" prop="fieldSort" /> <el-table-column label="字段排序" align="center" prop="fieldSort" />
<el-table-column <!-- <el-table-column
label="字段备注信息" label="字段备注信息"
align="center" align="center"
prop="fieldRemark" prop="fieldRemark"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
/> /> -->
<el-table-column
label="任务细分"
align="center"
prop="taskPartitionDictName"
:show-overflow-tooltip="true"
/>
<el-table-column <el-table-column
label="操作" label="操作"
align="center" align="center"
@ -696,7 +709,7 @@
</template> </template>
<script> <script>
import { listLabelfieldinfo, getLabelfieldinfo, delLabelfieldinfo, addLabelfieldinfo, updateLabelfieldinfo,taskTypeGrouping } from "@/api/manage/labelfieldinfo"; import { listLabelfieldinfo, getLabelfieldinfo, delLabelfieldinfo, addLabelfieldinfo, updateLabelfieldinfo, taskTypeGrouping } from "@/api/manage/labelfieldinfo";
import { listPartition } from "@/api/system/partition"; import { listPartition } from "@/api/system/partition";
import { getAgencytype } from "@/api/system/agency"; import { getAgencytype } from "@/api/system/agency";
import { listTaskType } from "@/api/system/taskType"; import { listTaskType } from "@/api/system/taskType";
@ -706,9 +719,9 @@ export default {
name: "Labelfieldinfo", name: "Labelfieldinfo",
data() { data() {
return { return {
itemid:null, itemid: null,
list:[], list: [],
// listdata: { // listdata: {
// list: [ // list: [
// { // {
@ -927,7 +940,7 @@ export default {
// ], // ],
}, },
currentRow:null, currentRow: null,
}; };
}, },
created() { created() {
@ -942,12 +955,18 @@ export default {
}, },
methods: { methods: {
// 全部点击事件
allclick() {
this.itemid = ''
this.queryParams.taskPartitionDictId=null
this.getList();
},
// 左侧点击事件 // 左侧点击事件
clickitem(row){ clickitem(row) {
console.log(row,'row'); console.log(row, 'row');
this.queryParams.taskPartitionDictId=row.id this.queryParams.taskPartitionDictId = row.id
this.itemid = this.queryParams.taskPartitionDictId; this.itemid = this.queryParams.taskPartitionDictId;
this.getList(); this.getList();
@ -981,15 +1000,13 @@ export default {
getListleft() { getListleft() {
this.loading = true; this.loading = true;
taskTypeGrouping().then(response => { taskTypeGrouping().then(response => {
console.log(response,'response') console.log(response, 'response')
this.list = response.data; this.list = response.data;
this.list.forEach(e => { this.list.forEach(e => {
this.activeNames.push(e.taskTypeId); this.activeNames.push(e.taskTypeId);
console.log(this.activeNames, 'this.activeNames') console.log(this.activeNames, 'this.activeNames')
}) })
// this.totaltype = response.total;
// this.loading = false;
}); });
}, },
@ -1175,13 +1192,13 @@ export default {
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1; this.queryParams.pageNum = 1;
this.queryParams.taskPartitionDictId=null; this.queryParams.taskPartitionDictId = null;
this.getList(); this.getList();
// this.getListleft() // this.getListleft()
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.itemid=null; this.itemid = null;
this.resetForm("queryForm"); this.resetForm("queryForm");
this.handleQuery(); this.handleQuery();
@ -1343,42 +1360,59 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
/* 设置被点击行的背景颜色 */ /* 设置被点击行的背景颜色 */
// ::v-deep .el-table__body tr.current-row>td{ // ::v-deep .el-table__body tr.current-row>td{
// background-color: #92cbf1!important; // background-color: #92cbf1!important;
// color: #fff; // color: #fff;
// } // }
::v-deep .el-collapse-item__header{ ::v-deep .el-collapse-item__header {
font-size: 15px; font-size: 15px;
font-weight: 600; font-weight: 600;
} }
::v-deep .el-collapse-item__wrap { ::v-deep .el-collapse-item__wrap {
border-bottom: none; border-bottom: none;
} }
::v-deep table td.el-table__cell:last-child {
// border-bottom: 1px solid #dfe6ec; ::v-deep .el-table::before {
border-bottom: none; height: 0px !important;
} }
::v-deep .el-table::before{
height: 0px !important;
}
.left { .left {
height: calc(100vh - 119px); height: calc(100vh - 119px);
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
::v-deep table td.el-table__cell:last-child {
// border-bottom: 1px solid #dfe6ec;
border-bottom: none;
}
.clickall {
// width: 167px;
height: 48px;
line-height: 48px;
background: #e8f4ff;
/* background: red; */
font-size: 15px;
font-weight: 600;
}
.all {
// width: 167px;
height: 48px;
line-height: 48px;
/* background: red; */
font-size: 15px;
font-weight: 600;
}
.collitem { .collitem {
// width: 100%; // width: 100%;
// height: 45px; // height: 45px;
// padding: 10px; // padding: 10px;
margin-left: 15px; margin-left: 15px;
} }
.allactive{ .allactive {
width: 100%; width: 100%;
height: 45px; height: 45px;
padding: 10px; padding: 10px;
background: #e8f4ff; background: #e8f4ff;
} }
} }
::v-deep .el-dialog__body { ::v-deep .el-dialog__body {