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 16:55:53 +08:00
parent 9adf76cf1b
commit 5e6ed09fe5
3 changed files with 709 additions and 266 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/api/manage/labelfieldinfo.js
View File

@ -8,6 +8,14 @@ export function listLabelfieldinfo(query) {
params: query params: query
}) })
} }
// 左侧查询
export function taskTypeGrouping(query) {
return request({
url: '/manage/labelfieldinfo/taskTypeGrouping ',
method: 'get',
params: query
})
}
// 查询标签字段信息详细 // 查询标签字段信息详细
export function getLabelfieldinfo(id) { export function getLabelfieldinfo(id) {

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

@ -1,185 +1,204 @@
<template> <template>
<div class="app-container" ref="layout"> <div class="app-container" ref="layout">
<div ref="topform" class="form"> <el-row :gutter="20">
<el-form <el-col :span="5" :xs="24">
:model="queryParams" <div class="left" ref="box">
ref="queryForm" <el-collapse
size="small" v-model="activeNames"
:inline="true" @change="handleChange"
v-show="showSearch" v-for="(item, index) in list"
label-width="68px" :key="index"
>
<el-form-item label="字段名称" prop="fieldName">
<el-input
v-model="queryParams.fieldName"
placeholder="请输入字段名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="字段类型" label-width="100px" prop="fieldType">
<el-select
v-model="queryParams.fieldType"
placeholder="请选择字段类型"
clearable
> >
<el-option <el-collapse-item :name="item.taskTypeId">
v-for="item in options" <template slot="title">
:key="item.dictValue" {{ item.taskTypeName }}
:label="item.dictLabel" <!-- {{item}} -->
:value="item.dictValue" </template>
> <el-table :data="item.taskPartitionDictList" style="width: 100%" :show-header="false" >
</el-option> <el-table-column prop="" label="">
</el-select> <template slot-scope="scope">
</el-form-item> <!-- <div
<!-- <el-form-item label="字段编码" prop="fieldCode"> class="zljcard"
<el-input v-for="(aitem, aindex) in scope.row.items"
v-model="queryParams.fieldCode" :key="aindex"
placeholder="请输入字段编码" > -->
clearable <div @click="clickitem(scope.row)" :class="itemid == scope.row.id ? 'allactive' : 'collitem'" highlight-current-row>
@keyup.enter.native="handleQuery" {{ scope.row.taskPartitionName }}
/> </div>
</el-form-item> <!-- </div> -->
<el-form-item label="字段排序" prop="fieldSort"> </template>
<el-input </el-table-column>
v-model="queryParams.fieldSort" <!-- <template slot="title">
placeholder="请输入字段排序" {{ item.name }}
clearable </template>
@keyup.enter.native="handleQuery" <div v-for="(aitem, aindex) in item.items" :key="aindex">
/> <div class="collitem">{{ aitem.keyname }}</div>
</el-form-item> </div> -->
<el-form-item label="字段备注信息" prop="fieldRemark"> </el-table>
<el-input </el-collapse-item>
v-model="queryParams.fieldRemark" </el-collapse>
placeholder="请输入字段备注信息" </div>
clearable </el-col>
@keyup.enter.native="handleQuery" <el-col :span="19" :xs="24">
/> <div ref="topform" class="form">
</el-form-item> --> <el-form
<el-form-item> :model="queryParams"
<el-button ref="queryForm"
type="primary" size="small"
icon="el-icon-search" :inline="true"
size="mini" v-show="showSearch"
@click="handleQuery" label-width="68px"
>搜索</el-button
> >
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery" <el-form-item label="字段名称" prop="fieldName">
>重置</el-button <el-input
> v-model="queryParams.fieldName"
</el-form-item> placeholder="请输入字段名称"
</el-form> clearable
</div> @keyup.enter.native="handleQuery"
<div ref="mb8" class="mb8"> />
<el-row :gutter="10" class="mb8"> </el-form-item>
<el-col :span="1.5"> <el-form-item label="字段类型" label-width="100px" prop="fieldType">
<el-button <el-select
type="primary" v-model="queryParams.fieldType"
plain placeholder="请选择字段类型"
icon="el-icon-plus" clearable
size="mini" >
@click="handleAdd" <el-option
v-hasPermi="['manage:labelfieldinfo:add']" v-for="item in options"
>新增</el-button :key="item.dictValue"
> :label="item.dictLabel"
</el-col> :value="item.dictValue"
<el-col :span="1.5"> >
<el-button </el-option>
type="success" </el-select>
plain </el-form-item>
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['manage:labelfieldinfo:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['manage:labelfieldinfo:remove']"
>删除</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
</div>
<div ref="table">
<el-table
:max-height="maxTableHeight"
v-loading="loading"
:data="labelfieldinfodata"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="字段名称" align="center" prop="fieldName" />
<el-table-column label="字段编码" align="center" prop="fieldCode" />
<el-table-column label="字段类型" align="center" prop="fieldType">
<template slot-scope="scope">
{{ scope.row.fieldType == "STRING" ? "默认字符串" : "" }}
{{ scope.row.fieldType == "INT" ? "整型" : "" }}
{{ scope.row.fieldType == "DECIMAL" ? "数值" : "" }}
{{ scope.row.fieldType == "ENUM" ? "枚举" : "" }}
</template>
</el-table-column>
<el-table-column label="字段排序" align="center" prop="fieldSort" />
<el-table-column
label="字段备注信息"
align="center"
prop="fieldRemark"
:show-overflow-tooltip="true"
/>
<el-table-column <el-form-item>
label="任务细分" <el-button
align="center" type="primary"
prop="taskPartitionDictName" icon="el-icon-search"
:show-overflow-tooltip="true" size="mini"
/> @click="handleQuery"
<el-table-column >搜索</el-button
label="操作" >
align="center" <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
class-name="small-padding fixed-width" >重置</el-button
> >
<template slot-scope="scope"> </el-form-item>
<el-button </el-form>
size="mini" </div>
type="text" <div ref="mb8" class="mb8">
icon="el-icon-edit" <el-row :gutter="10" class="mb8">
@click="handleUpdate(scope.row)" <el-col :span="1.5">
v-hasPermi="['manage:labelfieldinfo:edit']" <el-button
>修改</el-button type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['manage:labelfieldinfo:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['manage:labelfieldinfo:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['manage:labelfieldinfo:remove']"
>删除</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
</div>
<div ref="table">
<el-table
:max-height="maxTableHeight"
v-loading="loading"
:data="labelfieldinfodata"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="字段名称" align="center" prop="fieldName" />
<el-table-column label="字段编码" align="center" prop="fieldCode" />
<el-table-column label="字段类型" align="center" prop="fieldType">
<template slot-scope="scope">
{{ scope.row.fieldType == "STRING" ? "默认字符串" : "" }}
{{ scope.row.fieldType == "INT" ? "整型" : "" }}
{{ scope.row.fieldType == "DECIMAL" ? "数值" : "" }}
{{ scope.row.fieldType == "ENUM" ? "枚举" : "" }}
</template>
</el-table-column>
<el-table-column label="字段排序" align="center" prop="fieldSort" />
<el-table-column
label="字段备注信息"
align="center"
prop="fieldRemark"
:show-overflow-tooltip="true"
/>
<el-table-column
label="任务细分"
align="center"
prop="taskPartitionDictName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
> >
<el-button <template slot-scope="scope">
size="mini" <el-button
type="text" size="mini"
icon="el-icon-delete" type="text"
@click="handleDelete(scope.row)" icon="el-icon-edit"
v-hasPermi="['manage:labelfieldinfo:remove']" @click="handleUpdate(scope.row)"
>删除</el-button v-hasPermi="['manage:labelfieldinfo:edit']"
> >修改</el-button
</template> >
</el-table-column> <el-button
</el-table> size="mini"
</div> type="text"
<!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['manage:labelfieldinfo:remove']"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
</div>
<!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" @pagination="getList" /> --> :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
<myPagination <myPagination
v-show="total > 0" v-show="total > 0"
:total="total" :total="total"
:pageSize="queryParams.pageSize" :pageSize="queryParams.pageSize"
:indexFromWrap="queryParams.pageNum" :indexFromWrap="queryParams.pageNum"
@updateCPage="updateCPage" @updateCPage="updateCPage"
></myPagination> ></myPagination>
</el-col>
</el-row>
<!-- 添加标签字段信息对话框 --> <!-- 添加标签字段信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="750px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="750px" append-to-body>
@ -511,8 +530,7 @@
:max-height="maxTableHeight" :max-height="maxTableHeight"
v-loading="loading" v-loading="loading"
:data="partitionList" :data="partitionList"
@cell-dblclick="nurseclickzx" @cell-dblclick="nurseclickzx"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column label="请选择" width="100" align="center"> <el-table-column label="请选择" width="100" align="center">
@ -624,7 +642,7 @@
:max-height="maxTableHeight" :max-height="maxTableHeight"
v-loading="loading" v-loading="loading"
:data="taskTypeList" :data="taskTypeList"
@cell-dblclick="nurseclicktype" @cell-dblclick="nurseclicktype"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column label="请选择" width="100" align="center"> <el-table-column label="请选择" width="100" align="center">
@ -678,7 +696,7 @@
</template> </template>
<script> <script>
import { listLabelfieldinfo, getLabelfieldinfo, delLabelfieldinfo, addLabelfieldinfo, updateLabelfieldinfo } 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";
@ -688,6 +706,80 @@ export default {
name: "Labelfieldinfo", name: "Labelfieldinfo",
data() { data() {
return { return {
itemid:null,
list:[],
// listdata: {
// list: [
// {
// name: '一致性 Consistency',
// id: '1',
// items: [{
// lable: '1',
// keyname: '与现实生活一致'
// },
// {
// lable: '2',
// keyname: '在界面中一致'
// }
// ]
// },
// {
// name: '一致性',
// id: '2',
// items: [{
// lable: '3',
// keyname: '与现实生活一致'
// },
// {
// lable: '4',
// keyname: '在界面中一致'
// }, {
// lable: '5',
// keyname: '在界面中一致'
// }
// ]
// },
// {
// name: '一致性',
// id: '3',
// items: [{
// lable: '6',
// keyname: '与现实生活一致'
// },
// {
// lable: '7',
// keyname: '在界面中一致'
// }, {
// lable: '8',
// keyname: '在界面中一致'
// }
// ]
// },
// {
// name: '一致性',
// id: '4',
// items: [{
// lable: '6',
// keyname: '与现实生活一致'
// },
// {
// lable: '7',
// keyname: '在界面中一致'
// }, {
// lable: '8',
// keyname: '在界面中一致'
// }
// ]
// },
// ]
// },
activeNames: [],
innerVisible: false,//任务细分 innerVisible: false,//任务细分
// 任务细分字典表格数据 // 任务细分字典表格数据
partitionList: [], partitionList: [],
@ -835,17 +927,34 @@ export default {
// ], // ],
}, },
currentRow:null,
}; };
}, },
created() { created() {
this.getList(); this.getList();
this.infolistword(); this.infolistword();
this.getListleft();
}, },
mounted() { mounted() {
this.getMaxTableHeight() this.getMaxTableHeight()
this.screenChange() // this.screenChange()
}, },
methods: { methods: {
// 左侧点击事件
clickitem(row){
console.log(row,'row');
this.queryParams.taskPartitionDictId=row.id
this.itemid = this.queryParams.taskPartitionDictId;
this.getList();
},
handleChange(val) {
console.log(val);
},
updateCPage(index, size) { updateCPage(index, size) {
this.queryParams.pageNum = index this.queryParams.pageNum = index
this.queryParams.pageSize = size this.queryParams.pageSize = size
@ -868,6 +977,22 @@ export default {
this.options = res.data; this.options = res.data;
}); });
}, },
// 左侧查询
getListleft() {
this.loading = true;
taskTypeGrouping().then(response => {
console.log(response,'response')
this.list = response.data;
this.list.forEach(e => {
this.activeNames.push(e.taskTypeId);
console.log(this.activeNames, 'this.activeNames')
})
// this.totaltype = response.total;
// this.loading = false;
});
},
/** 查询任务类型字典列表 */ /** 查询任务类型字典列表 */
getListType() { getListType() {
this.loading = true; this.loading = true;
@ -897,15 +1022,15 @@ export default {
}, },
// 任务细分弹框 // 任务细分弹框
clickinnerVisible(aitem, index) { clickinnerVisible(aitem, index) {
if (this.taskTypeId == ''|| !aitem.taskTypeId) { if (this.taskTypeId == '' || !aitem.taskTypeId) {
this.$modal.msgError("请先选择任务类型"); this.$modal.msgError("请先选择任务类型");
} else { } else {
this.nnerVisibleindex = index; this.nnerVisibleindex = index;
this.taskPartitionDictId = aitem.taskPartitionDictId ? aitem.taskPartitionDictId : ''; this.taskPartitionDictId = aitem.taskPartitionDictId ? aitem.taskPartitionDictId : '';
this.innerVisible = true; this.innerVisible = true;
} }
if(aitem.taskTypeId){ if (aitem.taskTypeId) {
this.queryParamstask.taskTypeId=aitem.taskTypeId this.queryParamstask.taskTypeId = aitem.taskTypeId
} }
this.getListpartit(); this.getListpartit();
@ -965,10 +1090,10 @@ export default {
row.taskTypeName; row.taskTypeName;
this.form.labelFieldInfoList[this.nnerVisibleindex].taskTypeId = this.form.labelFieldInfoList[this.nnerVisibleindex].taskTypeId =
row.id; row.id;
this.form.labelFieldInfoList[this.nnerVisibleindex].taskPartitionDictName ='请选择任务细分', this.form.labelFieldInfoList[this.nnerVisibleindex].taskPartitionDictName = '请选择任务细分',
this.form.labelFieldInfoList[this.nnerVisibleindex].taskPartitionDictId = ''; this.form.labelFieldInfoList[this.nnerVisibleindex].taskPartitionDictId = '';
// this.form.taskPartitionDictName = '请选择任务细分', // this.form.taskPartitionDictName = '请选择任务细分',
this.taskPartitionDictId = ''; this.taskPartitionDictId = '';
} else if (this.titleup == '修改标签字段信息') { } else if (this.titleup == '修改标签字段信息') {
this.form.taskTypeName = row.taskTypeName; this.form.taskTypeName = row.taskTypeName;
@ -1002,7 +1127,7 @@ export default {
fieldCode: null, fieldCode: null,
}; };
this.taskTypeId='' this.taskTypeId = ''
if (this.form.labelFieldInfoList.length == 5) { if (this.form.labelFieldInfoList.length == 5) {
this.$message.error("最多批量添加5条"); this.$message.error("最多批量添加5条");
} else { } else {
@ -1050,10 +1175,14 @@ export default {
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1; this.queryParams.pageNum = 1;
this.queryParams.taskPartitionDictId=null;
this.getList(); this.getList();
// this.getListleft()
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.itemid=null;
this.resetForm("queryForm"); this.resetForm("queryForm");
this.handleQuery(); this.handleQuery();
}, },
@ -1212,6 +1341,46 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/* 设置被点击行的背景颜色 */
// ::v-deep .el-table__body tr.current-row>td{
// background-color: #92cbf1!important;
// color: #fff;
// }
::v-deep .el-collapse-item__header{
font-size: 15px;
font-weight: 600;
}
::v-deep .el-collapse-item__wrap {
border-bottom: none;
}
::v-deep table td.el-table__cell:last-child {
// border-bottom: 1px solid #dfe6ec;
border-bottom: none;
}
::v-deep .el-table::before{
height: 0px !important;
}
.left {
height: calc(100vh - 119px);
overflow-y: auto;
overflow-x: hidden;
.collitem {
// width: 100%;
// height: 45px;
// padding: 10px;
margin-left: 15px;
}
.allactive{
width: 100%;
height: 45px;
padding: 10px;
background: #e8f4ff;
}
}
::v-deep .el-dialog__body { ::v-deep .el-dialog__body {
padding-bottom: 60px !important; padding-bottom: 60px !important;
} }

424
src/views/system/partition/index.vue
View File

@ -1,66 +1,209 @@
<template> <template>
<div class="app-container" ref="layout"> <div class="app-container" ref="layout">
<div ref="topform" class="form"> <el-row :gutter="20">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px"> <el-col :span="5" :xs="24">
<el-form-item label="任务细分名称" prop="taskPartitionName"> <div class="left" ref="box">
<el-input v-model="queryParams.taskPartitionName" placeholder="请输入任务细分名称" clearable <div class="name">任务类型名称</div>
@keyup.enter.native="handleQuery" /> <div>
</el-form-item> <el-input
<el-form-item label="任务细分编码" prop="taskPartitionCode"> v-model="name"
<el-input v-model="queryParams.taskPartitionCode" placeholder="请输入任务细分编码" clearable placeholder="请输入科室名称"
@keyup.enter.native="handleQuery" /> clearable
</el-form-item> @keyup.enter.native="handleQuery"
<el-form-item> />
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> </div>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> <div class="listitem">
</el-form-item> <div
</el-form> :class="taskid == null ? 'allactive' : 'all'"
</div> @click="itemdata()"
<div ref="mb8" class="mb8"> >
<el-row :gutter="10" class=""> 全部
<el-col :span="1.5"> </div>
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" <!-- <span class="count">{{ count }}</span> -->
v-hasPermi="['system:partition:add']">新增</el-button> </div>
</el-col> <div
<el-col :span="1.5"> class="listitem"
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-for="(item, index) in options"
v-hasPermi="['system:partition:edit']">修改</el-button> :key="index"
</el-col> @click="itemdata(item)"
<el-col :span="1.5"> >
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" <div :class="taskid == item.id ? 'allactive' : 'all'">
v-hasPermi="['system:partition:remove']">删除</el-button> {{ item.taskTypeName }}
</el-col> </div>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <!-- <span class="count">{{ item.countNum }}</span> -->
</el-row> </div>
</div> </div>
<div ref="table"> </el-col>
<el-table :max-height="maxTableHeight" v-loading="loading" :data="partitionList" <el-col :span="19" :xs="24">
@selection-change="handleSelectionChange"> <div ref="topform" class="form">
<el-table-column type="selection" width="55" align="center" /> <el-form
<!-- <el-table-column label="主键id" align="center" prop="id" /> --> :model="queryParams"
<!-- <el-table-column label="任务类型表id" align="center" prop="taskTypeId" /> --> ref="queryForm"
<el-table-column label="任务类型名称" align="center" prop="taskTypeName" /> size="small"
<el-table-column label="任务细分名称" align="center" prop="taskPartitionName" /> :inline="true"
<el-table-column label="任务细分编码" align="center" prop="taskPartitionCode" /> v-show="showSearch"
<el-table-column label="二级分类描述" align="center" prop="secondClassifyDescribe" :show-overflow-tooltip="true" /> label-width="100px"
<el-table-column label="执行时间" align="center" prop="executionTime" width="180"> >
</el-table-column> <el-form-item label="任务细分名称" prop="taskPartitionName">
<el-table-column label="任务细分排序" align="center" prop="taskPartitionSort" /> <el-input
<el-table-column label="任务细分备注" align="center" prop="taskPartitionRemark" :show-overflow-tooltip="true" /> v-model="queryParams.taskPartitionName"
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> placeholder="请输入任务细分名称"
<template slot-scope="scope"> clearable
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" @keyup.enter.native="handleQuery"
v-hasPermi="['system:partition:edit']">修改</el-button> />
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" </el-form-item>
v-hasPermi="['system:partition:remove']">删除</el-button> <el-form-item label="任务细分编码" prop="taskPartitionCode">
</template> <el-input
</el-table-column> v-model="queryParams.taskPartitionCode"
</el-table> placeholder="请输入任务细分编码"
</div> clearable
<!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" @keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
</div>
<div ref="mb8" class="mb8">
<el-row :gutter="10" class="">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:partition:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:partition:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:partition:remove']"
>删除</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
</div>
<div ref="table">
<el-table
:max-height="maxTableHeight"
v-loading="loading"
:data="partitionList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键id" align="center" prop="id" /> -->
<!-- <el-table-column label="任务类型表id" align="center" prop="taskTypeId" /> -->
<el-table-column
label="任务细分名称"
align="center"
prop="taskPartitionName"
/>
<el-table-column
label="任务类型名称"
align="center"
prop="taskTypeName"
/>
<el-table-column
label="任务细分编码"
align="center"
prop="taskPartitionCode"
/>
<el-table-column
label="二级分类描述"
align="center"
prop="secondClassifyDescribe"
:show-overflow-tooltip="true"
/>
<el-table-column
label="执行时间"
align="center"
prop="executionTime"
width="180"
>
</el-table-column>
<el-table-column
label="任务细分排序"
align="center"
prop="taskPartitionSort"
/>
<el-table-column
label="任务细分备注"
align="center"
prop="taskPartitionRemark"
:show-overflow-tooltip="true"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:partition:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:partition:remove']"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
</div>
<!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize" @pagination="getList" /> -->           :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
<myPagination v-show="total > 0" :total="total" :pageSize="queryParams.pageSize" <myPagination
:indexFromWrap="queryParams.pageNum" @updateCPage="updateCPage"></myPagination> v-show="total > 0"
:total="total"
:pageSize="queryParams.pageSize"
:indexFromWrap="queryParams.pageNum"
@updateCPage="updateCPage"
></myPagination>
</el-col>
</el-row>
<!-- 添加或修改任务细分字典对话框 --> <!-- 添加或修改任务细分字典对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -68,44 +211,94 @@
<!-- <el-form-item label="任务类型表id" prop="taskTypeId"> <!-- <el-form-item label="任务类型表id" prop="taskTypeId">
<el-input v-model="form.taskTypeId" placeholder="请输入任务类型表id" /> <el-input v-model="form.taskTypeId" placeholder="请输入任务类型表id" />
</el-form-item> --> </el-form-item> -->
<el-form-item label="任务细分编码" prop="taskPartitionCode" v-if="form.taskPartitionCode"> <el-form-item
<el-input disabled v-model="form.taskPartitionCode" placeholder="请输入任务细分编码" /> label="任务细分编码"
prop="taskPartitionCode"
v-if="form.taskPartitionCode"
>
<el-input
disabled
v-model="form.taskPartitionCode"
placeholder="请输入任务细分编码"
/>
</el-form-item> </el-form-item>
<el-form-item label="任务类型名称" prop="taskTypeName"> <el-form-item label="任务类型名称" prop="taskTypeName">
<el-select v-model="form.taskTypeId" placeholder="请选择" @change="change" style="width: 350px"> <el-select
<el-option v-for="item in options" :key="item.id" :label="item.taskTypeName" :value="item.id"> v-model="form.taskTypeId"
placeholder="请选择"
@change="change"
style="width: 350px"
>
<el-option
v-for="item in options"
:key="item.id"
:label="item.taskTypeName"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="任务细分名称" prop="taskPartitionName"> <el-form-item label="任务细分名称" prop="taskPartitionName">
<el-input v-model="form.taskPartitionName" placeholder="请输入任务细分名称" /> <el-input
v-model="form.taskPartitionName"
placeholder="请输入任务细分名称"
/>
</el-form-item> </el-form-item>
<el-form-item label="执行时间" prop="executionTime"> <el-form-item label="执行时间" prop="executionTime">
<el-time-select style="width: 350px" placeholder="执行时间" v-model="form.executionTime" :picker-options="{ <el-time-select
start: '08:00', style="width: 350px"
step: '00:30', placeholder="执行时间"
end: '23:30', v-model="form.executionTime"
}"></el-time-select> :picker-options="{
start: '08:00',
step: '00:30',
end: '23:30',
}"
></el-time-select>
</el-form-item> </el-form-item>
<el-form-item label="任务细分排序" prop="taskPartitionSort"> <el-form-item label="任务细分排序" prop="taskPartitionSort">
<el-input-number v-model="form.taskPartitionSort" controls-position="right" :min="0" placeholder="请输入任务细分排序" <el-input-number
style="width: 350px" /> v-model="form.taskPartitionSort"
controls-position="right"
:min="0"
placeholder="请输入任务细分排序"
style="width: 350px"
/>
</el-form-item> </el-form-item>
<el-form-item label="任务细分备注" prop="taskPartitionRemark"> <el-form-item label="任务细分备注" prop="taskPartitionRemark">
<el-input v-model="form.taskPartitionRemark" placeholder="请输入任务细分备注" /> <el-input
v-model="form.taskPartitionRemark"
placeholder="请输入任务细分备注"
/>
</el-form-item> </el-form-item>
<el-form-item label="模板类型"> <el-form-item label="模板类型">
<el-select v-model="form.templateType" placeholder="请选择模板类型" style="width: 350px;"> <el-select
<el-option v-for="dict in dict.type.template_type" :key="dict.value" :label="dict.label" v-model="form.templateType"
:value="dict.value"></el-option> placeholder="请选择模板类型"
style="width: 350px"
>
<el-option
v-for="dict in dict.type.template_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="二级分类描述" prop="secondClassifyDescribe"> <el-form-item label="二级分类描述" prop="secondClassifyDescribe">
<el-input type="textarea" v-model="form.secondClassifyDescribe" placeholder="请输入二级分类描述" /> <el-input
type="textarea"
v-model="form.secondClassifyDescribe"
placeholder="请输入二级分类描述"
/>
</el-form-item> </el-form-item>
<div class="textareanew"> <div class="textareanew">
<el-form-item label="文本类型" prop="taskPartitionContent"> <el-form-item label="文本类型" prop="taskPartitionContent">
<el-input type="textarea" v-model="form.taskPartitionContent" placeholder="请输入文本类型" /> <el-input
type="textarea"
v-model="form.taskPartitionContent"
placeholder="请输入文本类型"
/>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
@ -119,12 +312,15 @@
<script> <script>
import { listPartition, getPartition, delPartition, addPartition, updatePartition, selectTaskTypeList } from "@/api/system/partition"; import { listPartition, getPartition, delPartition, addPartition, updatePartition, selectTaskTypeList } from "@/api/system/partition";
import { listTaskType} from "@/api/system/taskType";
export default { export default {
name: "Partition", name: "Partition",
dicts: ['template_type'], dicts: ['template_type'],
data() { data() {
return { return {
name: '',
taskid: null,
maxTableHeight: undefined, maxTableHeight: undefined,
// 遮罩层 // 遮罩层
loading: true, loading: true,
@ -157,6 +353,13 @@ export default {
taskPartitionSort: null, taskPartitionSort: null,
taskPartitionRemark: null, taskPartitionRemark: null,
}, },
querydepartmen: {
taskTypeName: "",
// pageNum: 1,
// pageSize: 10,
},
// 表单参数 // 表单参数
form: {}, form: {},
options: [], options: [],
@ -174,6 +377,14 @@ export default {
} }
}; };
}, },
watch: {
name(val) {
console.log(val,'name')
this.querydepartmen.taskTypeName = val
this.getlistselect();
},
},
created() { created() {
this.getList(); this.getList();
this.getlistselect(); this.getlistselect();
@ -197,9 +408,22 @@ export default {
this.loading = false; this.loading = false;
}); });
}, },
itemdata(item) {
if(item){
this.taskid = item.id
this.queryParams.taskTypeId = item.id
}else{
this.taskid = null
this.queryParams.taskTypeId = null
}
this.getList()
},
// 任务类型名称下拉框 // 任务类型名称下拉框
getlistselect() { getlistselect() {
selectTaskTypeList().then(response => { selectTaskTypeList(this.querydepartmen).then(response => {
this.options = response.data; this.options = response.data;
}); });
}, },
@ -241,6 +465,8 @@ export default {
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.resetForm("queryForm"); this.resetForm("queryForm");
this.taskid = null;
this.queryParams.taskTypeId=null
this.handleQuery(); this.handleQuery();
}, },
// 多选框选中数据 // 多选框选中数据
@ -253,6 +479,7 @@ export default {
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.form.executionTime = null; this.form.executionTime = null;
this.querydepartmen.taskTypeName=null,
this.getlistselect(); this.getlistselect();
this.open = true; this.open = true;
this.title = "添加任务细分字典"; this.title = "添加任务细分字典";
@ -339,4 +566,43 @@ export default {
.textareanew .el-textarea__inner { .textareanew .el-textarea__inner {
height: 100px; height: 100px;
} }
.left {
height: calc(100vh - 119px);
overflow: auto;
.name {
font-weight: 700;
margin-bottom: 10px;
}
.listitem {
width: 100%;
height: 50px;
border-bottom: 1px solid #dcdfe6;
.count {
display: inline-block;
position: relative;
// right: -172px;
left: 210px;
color: #a4a6aa;
top: -35px;
font-size: 13px;
}
.all {
height: 50px;
line-height: 50px;
padding-left: 13px;
}
.allactive {
background: #e8f4ff;
height: 50px;
line-height: 50px;
padding-left: 13px;
border-left: 3px solid #4d9de7;
}
}
}
</style> </style>