zhc077
/
projectManagement
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

需求列表

Browse Source
dev
吱屋 1 year ago
parent bf2d2cf700
commit b4258185ca
1 changed files with 369 additions and 257 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 366
      ant-design-vue-jeecg/src/views/requirementitem/RequirementItemList.vue

366
ant-design-vue-jeecg/src/views/requirementitem/RequirementItemList.vue
Unescape View File

@ -6,12 +6,13 @@
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="项目"> <a-form-item label="项目">
<j-dict-select-tag placeholder="请选择项目" v-model="queryParam.projectId" dictCode="projectx,project_name,id"/> <j-dict-select-tag placeholder="请选择项目" v-model="queryParam.projectId" dictCode="projectx,project_name,id" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="类型"> <a-form-item label="类型">
<j-dict-select-tag placeholder="请选择类型" v-model="queryParam.typeId" dictCode="requirement_type,type_name,id"/> <j-dict-select-tag placeholder="请选择类型" v-model="queryParam.typeId"
dictCode="requirement_type,type_name,id" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
@ -26,12 +27,14 @@
</a-col> </a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="需求等级"> <a-form-item label="需求等级">
<j-dict-select-tag placeholder="请选择需求等级" v-model="queryParam.requirementLevel" dictCode="requirement_level"></j-dict-select-tag> <j-dict-select-tag placeholder="请选择需求等级" v-model="queryParam.requirementLevel"
dictCode="requirement_level"></j-dict-select-tag>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="需求状态"> <a-form-item label="需求状态">
<j-dict-select-tag placeholder="请选择需求状态" v-model="queryParam.requirementStatus" dictCode="requirement_status"></j-dict-select-tag> <j-dict-select-tag placeholder="请选择需求状态" v-model="queryParam.requirementStatus"
dictCode="requirement_status"></j-dict-select-tag>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
@ -47,42 +50,36 @@
<!-- 操作按钮区域 --> <!-- 操作按钮区域 -->
<div class="table-operator"> <div class="table-operator">
<a-button @click="handleAddxqlx(1,'')" type="primary" icon="plus">新增</a-button> <a-button @click="handleAddxqlx(1, '')" type="primary" icon="plus">新增</a-button>
<a-button type="primary" icon="download" @click="handleExportXls('需求管理')">导出</a-button> <a-button type="primary" icon="download" @click="handleExportXls('需求管理')">导出</a-button>
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl"
@change="handleImportExcel">
<a-button type="primary" icon="import">导入</a-button> <a-button type="primary" icon="import">导入</a-button>
</a-upload> </a-upload>
<a-button @click="wdxq()" type="primary" icon="search">我的需求</a-button> <a-button @click="wdxq()" type="primary" icon="search">我的需求</a-button>
<!-- 高级查询区域 --> <!-- 高级查询区域 -->
<j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query> <j-super-query :fieldList="superFieldList" ref="superQueryModal"
@handleSuperQuery="handleSuperQuery"></j-super-query>
</div> </div>
<!-- table区域-begin --> <!-- table区域-begin -->
<div> <div>
<div class="ant-alert ant-alert-info" style="margin-bottom: 16px;"> <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
<i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项 <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{
selectedRowKeys.length }}</a>项
<a style="margin-left: 24px" @click="onClearSelected">清空</a> <a style="margin-left: 24px" @click="onClearSelected">清空</a>
</div> </div>
<a-table <a-table ref="table" size="middle" :scroll="{ x: true }" bordered rowKey="id" :columns="columns"
ref="table" :dataSource="dataSource" :pagination="ipagination" :loading="loading"
size="middle" :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" class="j-table-force-nowrap"
:scroll="{x:true}"
bordered
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
class="j-table-force-nowrap"
@change="handleTableChange"> @change="handleTableChange">
<span slot="zh" slot-scope="text, record" v-if="record.xqflag==='1'"> <span slot="zh" slot-scope="text, record" v-if="record.xqflag === '1'">
<a @click="zhmk(record)">模块</a> <a @click="zhmk(record)">模块</a>
<a-divider type="vertical"/> <a-divider type="vertical" />
<a @click="zhgn(record)">功能</a> <a @click="zhgn(record)">功能</a>
<a-divider type="vertical"/> <a-divider type="vertical" />
<a @click="zhgz(record)">规则</a> <a @click="zhgz(record)">规则</a>
</span> </span>
<span v-else>无操作权限</span> <span v-else>无操作权限</span>
@ -96,18 +93,12 @@
</template> </template>
<template slot="fileSlot" slot-scope="text"> <template slot="fileSlot" slot-scope="text">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span> <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
<a-button <a-button v-else :ghost="true" type="primary" icon="download" size="small" @click="downloadFile(text)">
v-else
:ghost="true"
type="primary"
icon="download"
size="small"
@click="downloadFile(text)">
下载 下载
</a-button> </a-button>
</template> </template>
<span slot="action" slot-scope="text, record"> <!-- <span slot="action" slot-scope="text, record">
<a @click="checkqx(record)">编辑</a> <a @click="checkqx(record)">编辑</a>
<a-divider type="vertical" /> <a-divider type="vertical" />
@ -117,13 +108,30 @@
<a>删除</a> <a>删除</a>
</a-popconfirm> </a-popconfirm>
<a-divider type="vertical" /> <a-divider type="vertical" />
<a @click="handleAddxqlx(0,record)">拆分</a> <a @click="handleAddxqlx(0, record)">拆分</a>
<a-divider type="vertical" />
<a @click="cqdx(record)">抽取对象</a>
<a-divider type="vertical" />
<a v-if="record.xqflag === '1'" @click="qrxq(record.id)">确认需求</a>
</span> -->
<span slot="action" slot-scope="text, record" class="action-buttons">
<div>
<a @click="checkqx(record)">编辑</a>
<a-divider type="vertical" />
<a @click="handleDetail(record)">详情</a>
<a-divider type="vertical" />
<a-popconfirm title="确定删除吗?" @confirm="() => handleDeleteQx(record)">
<a>删除</a>
</a-popconfirm>
</div>
<div>
<a @click="handleAddxqlx(0, record)">拆分</a>
<a-divider type="vertical" /> <a-divider type="vertical" />
<a @click="cqdx(record)">抽取对象</a> <a @click="cqdx(record)">抽取对象</a>
<a-divider type="vertical" /> <a-divider type="vertical" />
<a v-if="record.xqflag==='1'" @click="qrxq(record.id)">确认需求</a> <a v-if="record.xqflag === '1'" @click="qrxq(record.id)">确认需求</a>
</div>
</span> </span>
</a-table> </a-table>
</div> </div>
@ -137,24 +145,24 @@
<script> <script>
import '@/assets/less/TableExpand.less' import '@/assets/less/TableExpand.less'
import { mixinDevice } from '@/utils/mixin' import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin' import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import RequirementItemModal from './modules/RequirementItemModal' import RequirementItemModal from './modules/RequirementItemModal'
import {filterMultiDictText} from '@/components/dict/JDictSelectUtil' import { filterMultiDictText } from '@/components/dict/JDictSelectUtil'
import { httpAction, getAction } from '@/api/manage' import { httpAction, getAction } from '@/api/manage'
import ModulexModal1 from "../modulex/modules/ModulexModal1"; import ModulexModal1 from "../modulex/modules/ModulexModal1";
import FunctionxModal1 from "../functionx/modules/FunctionxModal1"; import FunctionxModal1 from "../functionx/modules/FunctionxModal1";
import RulexModal1 from "../rulex/modules/RulexModal1"; import RulexModal1 from "../rulex/modules/RulexModal1";
import RequirementEntityList1 from "../requiremententity/RequirementEntityList1"; import RequirementEntityList1 from "../requiremententity/RequirementEntityList1";
import { Tooltip, Typography } from 'ant-design-vue';
export default { export default {
name: 'RequirementItemList', name: 'RequirementItemList',
mixins:[JeecgListMixin, mixinDevice], mixins: [JeecgListMixin, mixinDevice],
components: { components: {
RequirementItemModal,ModulexModal1,FunctionxModal1,RulexModal1,RequirementEntityList1 RequirementItemModal, ModulexModal1, FunctionxModal1, RulexModal1, RequirementEntityList1
}, },
data () { data() {
return { return {
description: '需求管理管理页面', description: '需求管理管理页面',
// 表头 // 表头
@ -162,17 +170,18 @@
{ {
title: '#', title: '#',
dataIndex: '', dataIndex: '',
key:'rowIndex', key: 'rowIndex',
width:60, width: 60,
align:"center", align: "center",
customRender:function (t,r,index) { customRender: function (t, r, index) {
return parseInt(index)+1; return parseInt(index) + 1;
} }
}, },
{ {
title:'项目', title: '项目',
align:"center", align: "center",
dataIndex: 'projectId_dictText' dataIndex: 'projectId_dictText',
customRender: this.renderTextColumn
}, },
{ {
title: '类型', title: '类型',
@ -180,68 +189,126 @@
dataIndex: 'typeId_dictText' dataIndex: 'typeId_dictText'
}, },
{ {
title:'上级需求', title: '上级需求',
align:"center", align: "center",
dataIndex: 'upperId_dictText' dataIndex: 'upperId_dictText',
customRender: this.renderTextColumn
}, },
// {
// title:'需求编码',
// align:"center",
// dataIndex: 'requirementCode'
// },
{ {
title:'需求编码', title: '需求编码',
align:"center", align: 'center',
dataIndex: 'requirementCode' dataIndex: 'requirementCode',
customRender: (text) => {
if (text) {
const truncatedText = text.length > 10 ? text.substring(0, 10) : text;
return (
<Tooltip title={text}>
<span>{truncatedText}</span>
</Tooltip>
);
} else {
return null;
}
}
}, },
{ {
title:'中文名称', title: '中文名称',
align:"center", align: "center",
dataIndex: 'requirementName' dataIndex: 'requirementName',
customRender: this.renderTextColumn
}, },
{ {
title:'需求等级', title: '需求等级',
align:"center", align: "center",
dataIndex: 'requirementLevel_dictText' dataIndex: 'requirementLevel_dictText'
}, },
{ {
title:'需求状态', title: '需求状态',
align:"center", align: "center",
dataIndex: 'requirementStatus_dictText' dataIndex: 'requirementStatus_dictText'
}, },
// {
// title: '需求描述',
// align: "center",
// dataIndex: 'requirementDescribe',
// scopedSlots: { customRender: 'htmlSlot' },
// },
{ {
title:'需求描述', title: '需求描述',
align:"center", align: "center",
dataIndex: 'requirementDescribe', dataIndex: 'requirementDescribe',
scopedSlots: {customRender: 'htmlSlot'}, scopedSlots: {
customRender: 'htmlSlot'
},
customRender: (text) => {
if (text) {
// 去掉<p>标签
const strippedText = text.replace(/<p>/g, '').replace(/<\/p>/g, '')
if (strippedText.length > 40) {
return (
<Tooltip title={strippedText}>
<div class="ellipsis-text" style="text-align: left;">
<span>{strippedText.slice(0, 20)}</span>
<br />
<span>{strippedText.slice(20, 40)}</span>
</div>
</Tooltip>
);
} else if (strippedText.length > 20) {
return (
<div style="text-align: left;">
<span>{strippedText.slice(0, 20)}</span>
<br />
<span>{strippedText.slice(20)}</span>
</div>
);
} else {
return <span style="text-align: left;">{strippedText}</span>;
}
} else {
return null; // or any fallback value you prefer
}
}
}, },
{ {
title:'需求图片', title: '图片',
align:"center", align: "center",
dataIndex: 'requirementPic' dataIndex: 'requirementPic',
scopedSlots: {customRender: 'imgSlot'}
}, },
{ {
title:'需求文件', title: '文件',
align:"center", align: "center",
dataIndex: 'requirementFile' dataIndex: 'requirementFile',
scopedSlots: { customRender: 'fileSlot' }
}, },
{ {
title:'创建人', title: '创建人',
align:"center", align: "center",
dataIndex: 'createBy_dictText' dataIndex: 'createBy_dictText'
}, },
{ {
title:'修改人', title: '修改人',
align:"center", align: "center",
dataIndex: 'updateBy_dictText' dataIndex: 'updateBy_dictText'
}, },
{ {
title: '转化', title: '转化',
dataIndex: 'zh', dataIndex: 'zh',
align: "center", align: "center",
scopedSlots: {customRender: 'zh'} scopedSlots: { customRender: 'zh' }
}, },
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
align:"center", align: "center",
fixed:"right", fixed: "right",
width:147, width: 147,
scopedSlots: { customRender: 'action' } scopedSlots: { customRender: 'action' }
} }
], ],
@ -251,106 +318,151 @@
deleteBatch: "/requirementitem/requirementItem/deleteBatch", deleteBatch: "/requirementitem/requirementItem/deleteBatch",
exportXlsUrl: "/requirementitem/requirementItem/exportXls", exportXlsUrl: "/requirementitem/requirementItem/exportXls",
importExcelUrl: "requirementitem/requirementItem/importExcel", importExcelUrl: "requirementitem/requirementItem/importExcel",
qrxq:"/requirementitem/requirementItem/qrxq", qrxq: "/requirementitem/requirementItem/qrxq",
checkqx:"/requirementtype/requirementType/checkqx", checkqx: "/requirementtype/requirementType/checkqx",
wdxqlist:"/requirementitem/requirementItem/wdxqlist", wdxqlist: "/requirementitem/requirementItem/wdxqlist",
checkzh:"/modulex/modulex/checkzh", checkzh: "/modulex/modulex/checkzh",
}, },
dictOptions:{}, dictOptions: {},
superFieldList:[], superFieldList: [],
} }
}, },
created() { created() {
this.getSuperFieldList(); this.getSuperFieldList();
}, },
computed: { computed: {
importExcelUrl: function(){ importExcelUrl: function () {
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`; return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
}, },
}, },
methods: { methods: {
zhmk(record){ // 定义换行在列表里超过10个字符自动换行，超过20个字符，列表里依旧显示换过行的字符在第二行多余的字符省略，鼠标移动可以浮现完整内容
getAction(this.url.checkzh,{requirementid:record.id,funlevel:2}).then((res)=>{ renderTextColumn(text) {
if (text) {
if (text.length > 20) {
return (
<Tooltip title={text}>
<div class="ellipsis-text" style="text-align: center;">
<span>{text.slice(0, 10)}</span>
<br />
<span>{text.slice(10, 20)}</span>
</div>
</Tooltip>
);
} else if (text.length > 10) {
return (
<div style="text-align: center;">
<span>{text.slice(0, 10)}</span>
<br />
<span>{text.slice(10)}</span>
</div>
);
} else {
return <span style="text-align: center;">{text}</span>;
}
} else {
return null; // or any fallback value you prefer
}
},
zhmk(record) {
getAction(this.url.checkzh, { requirementid: record.id, funlevel: 2 }).then((res) => {
if (res.success) { if (res.success) {
this.$refs.modulex.add(record); this.$refs.modulex.add(record);
this.$refs.modulex.title = "新增"; this.$refs.modulex.title = "新增";
this.$refs.modulex.disableSubmit = false; this.$refs.modulex.disableSubmit = false;
}else{ } else {
this.$message.warning(res.message); this.$message.warning(res.message);
} }
}); });
}, },
zhgn(record){ zhgn(record) {
getAction(this.url.checkzh,{requirementid:record.id,funlevel:3}).then((res)=>{ getAction(this.url.checkzh, { requirementid: record.id, funlevel: 3 }).then((res) => {
if (res.success) { if (res.success) {
this.$refs.functionxm.add(record); this.$refs.functionxm.add(record);
this.$refs.functionxm.title = "新增"; this.$refs.functionxm.title = "新增";
this.$refs.functionxm.disableSubmit = false; this.$refs.functionxm.disableSubmit = false;
}else{ } else {
this.$message.warning(res.message); this.$message.warning(res.message);
} }
}); });
}, },
zhgz(record){ zhgz(record) {
getAction(this.url.checkzh,{requirementid:record.id,funlevel:4}).then((res)=>{ getAction(this.url.checkzh, { requirementid: record.id, funlevel: 4 }).then((res) => {
if (res.success) { if (res.success) {
this.$refs.rulexmd.add(record); this.$refs.rulexmd.add(record);
this.$refs.rulexmd.title = "新增"; this.$refs.rulexmd.title = "新增";
this.$refs.rulexmd.disableSubmit = false; this.$refs.rulexmd.disableSubmit = false;
}else{ } else {
this.$message.warning(res.message); this.$message.warning(res.message);
} }
}); });
}, },
checkqx(record){ checkqx(record) {
getAction(this.url.checkqx,{createBy:record.createBy}).then((res)=>{ getAction(this.url.checkqx, { createBy: record.createBy }).then((res) => {
if (res.success) { if (res.success) {
this.$refs.modalForm.edit(record); this.$refs.modalForm.edit(record);
this.$refs.modalForm.title = "编辑"; this.$refs.modalForm.title = "编辑";
this.$refs.modalForm.disableSubmit = false; this.$refs.modalForm.disableSubmit = false;
}else{ } else {
this.$message.warning(res.message); this.$message.warning(res.message);
} }
}); });
}, },
cqdx(record){ cqdx(record) {
this.$refs.rel1.showModal(); this.$refs.rel1.showModal();
this.$refs.rel1.edit(record); this.$refs.rel1.edit(record);
this.$refs.rel1.disableSubmit = false; this.$refs.rel1.disableSubmit = false;
}, },
wdxq(){ wdxq() {
this.searchQuerywdxq(); this.searchQuerywdxq();
}, },
qrxq(id){ qrxq(id) {
getAction(this.url.qrxq,{id:id}).then((res)=>{ getAction(this.url.qrxq, { id: id }).then((res) => {
if (res.success) { if (res.success) {
this.$message.success(res.message); this.$message.success(res.message);
this.loadData(); this.loadData();
}else{ } else {
this.$message.warning(res.message); this.$message.warning(res.message);
} }
}); });
}, },
initDictConfig(){ initDictConfig() {
}, },
getSuperFieldList(){ getSuperFieldList() {
let fieldList=[]; let fieldList = [];
fieldList.push({type:'string',value:'projectId',text:'项目id',dictCode:'projectx,project_name,id'}) fieldList.push({ type: 'string', value: 'projectId', text: '项目id', dictCode: 'projectx,project_name,id' })
fieldList.push({type:'string',value:'typeId',text:'类型id',dictCode:'requirement_type,type_name,id'}) fieldList.push({ type: 'string', value: 'typeId', text: '类型id', dictCode: 'requirement_type,type_name,id' })
fieldList.push({type:'string',value:'upperId',text:'上级需求',dictCode:'requirement_item,requirement_name,id'}) fieldList.push({ type: 'string', value: 'upperId', text: '上级需求', dictCode: 'requirement_item,requirement_name,id' })
fieldList.push({type:'string',value:'requirementCode',text:'需求编码',dictCode:''}) fieldList.push({ type: 'string', value: 'requirementCode', text: '需求编码', dictCode: '' })
fieldList.push({type:'string',value:'requirementName',text:'中文名称',dictCode:''}) fieldList.push({ type: 'string', value: 'requirementName', text: '中文名称', dictCode: '' })
fieldList.push({type:'int',value:'requirementLevel',text:'需求等级',dictCode:'requirement_level'}) fieldList.push({ type: 'int', value: 'requirementLevel', text: '需求等级', dictCode: 'requirement_level' })
fieldList.push({type:'int',value:'requirementStatus',text:'需求状态',dictCode:'requirement_status'}) fieldList.push({ type: 'int', value: 'requirementStatus', text: '需求状态', dictCode: 'requirement_status' })
fieldList.push({type:'string',value:'requirementDescribe',text:'需求描述',dictCode:''}) fieldList.push({ type: 'string', value: 'requirementDescribe', text: '需求描述', dictCode: '' })
fieldList.push({type:'string',value:'requirementPic',text:'需求图片',dictCode:''}) fieldList.push({ type: 'string', value: 'requirementPic', text: '需求图片', dictCode: '' })
fieldList.push({type:'string',value:'requirementFile',text:'需求文件',dictCode:''}) fieldList.push({ type: 'string', value: 'requirementFile', text: '需求文件', dictCode: '' })
this.superFieldList = fieldList this.superFieldList = fieldList
} }
} }
} }
</script> </script>
<style scoped> <style scoped>
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
</style>
.action-buttons {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.button-group {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-bottom: 8px;
}
.button-group a {
margin-right: 8px;
white-space: nowrap;
}</style>

Write Preview
Loading…
Cancel
Save