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:
yanyizhou
2021-11-10 14:57:44 +08:00
parent 503e1a69aa
commit 0b9ccff935
1 changed files with 235 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/regulatoryRepository/nonConfomity/pages/businessDivision.vue
+235 -148
View File
@@ -3,189 +3,221 @@
<div id="business-division"> <div id="business-division">
<div class="search-area"> <div class="search-area">
<div class="content-top"> <div class="content-top">
<el-form :modal="nonConformitySearch" inline class="label-input-form"> <el-form :modal="sarSarAccessEOSearch" inline class="label-input-form">
<el-form-item label="编号/名称" class="search-item"> <el-form-item label="编号/名称" class="search-item">
<el-input v-model="nonConformitySearch.standNumOrName" <el-input v-model="sarSarAccessEOSearch.lawNumOrName"
placeholder="请输入"
clearable
@change="lawNumOrNameKeyup"
@keyup.enter.native="searchSarAccessBtn"
:maxlength="100"></el-input>
</el-form-item>
<el-form-item label="产品类型" class="search-item">
<el-input v-model="sarSarAccessEOSearch.productType"
@keyup.enter.native="searchSarAccessBtn"
placeholder="请输入" placeholder="请输入"
clearable clearable
:maxlength="100"></el-input> :maxlength="100"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="产品类型" class="search-item">
<el-select filterable clearable v-model="nonConformitySearch.productName">
<el-option v-for="item1 in productNameList"
:key="item1.value"
:label="item1.label"
:value="item1.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="责任部门" class="search-item"> <el-form-item label="责任部门" class="search-item">
<el-input v-model="nonConformitySearch.responseUnit" v-show="false" /> <el-input v-model="sarSarAccessEOSearch.responseDept"
<el-popover @keyup.enter.native="searchSarAccessBtn"
placement="bottom" placeholder="请输入"
popper-class="user-dept-popper" clearable
trigger="click" :maxlength="100"></el-input>
:value="false"
>
<el-input
slot="reference"
v-model="nonConformitySearch.responseUnitShow"
placeholder="根据责任部门查找"
readonly
clearable
id="searchResp"
/>
<div class="api">
<laws-tree
:zNodes="zNodesSItem"
treeDivId="zNodesSItemSearch"
deptSelect
showRMenu
@treeDblClick="(treeId, treeNode) => treeClickSearch(treeId, treeNode)"
class="ztree" style="width: 200px;height: 400px;overflow: auto">
</laws-tree>
</div>
</el-popover>
</el-form-item> </el-form-item>
<!-- <el-form-item label="产品类型" class="search-item">-->
<!-- <el-select filterable clearable v-model="sarSarAccessEOSearch.productType">-->
<!-- <el-option v-for="item1 in productNameList"-->
<!-- :key="item1.value"-->
<!-- :label="item1.label"-->
<!-- :value="item1.value"></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="责任部门" class="search-item">-->
<!-- <el-input v-model="sarSarAccessEOSearch.responseDept" v-show="false" />-->
<!-- <el-popover-->
<!-- placement="bottom"-->
<!-- popper-class="user-dept-popper"-->
<!-- trigger="click"-->
<!-- :value="false"-->
<!-- >-->
<!-- <el-input-->
<!-- slot="reference"-->
<!-- v-model="sarSarAccessEOSearch.responseDeptShow"-->
<!-- placeholder="根据责任部门查找"-->
<!-- readonly-->
<!-- clearable-->
<!-- id="searchResp"-->
<!-- />-->
<!-- <div class="api">-->
<!-- <laws-tree-->
<!-- :zNodes="zNodesSItem"-->
<!-- treeDivId="zNodesSItemSearch"-->
<!-- deptSelect-->
<!-- showRMenu-->
<!-- @treeDblClick="(treeId, treeNode) => treeClickSearch(treeId, treeNode)"-->
<!-- class="ztree" style="width: 200px;height: 400px;overflow: auto">-->
<!-- </laws-tree>-->
<!-- </div>-->
<!-- </el-popover>-->
<!-- </el-form-item>-->
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini" size="mini"
v-btn-permission="'aff4a409c3c3856986c535a5f4782b13'" v-btn-permission="'aff4a409c3c3856986c535a5f4782b13'"
@click="getTableByPage('')"> @click="searchSarAccessBtn('')">
查询 查询
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
class="common-button-default" class="common-button-default"
size="mini" size="mini"
v-btn-permission="'66fa37fc93e298b03d272fe17aeca6de'" v-btn-permission="'66fa37fc93e298b03d272fe17aeca6de'"
@click="clearAllSearch">清空</el-button> @click="clearAllSearch">清空
</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="content-center"> <div class="content-center">
<el-button <el-button
class="common-button-primary" class="common-button-primary"
type="primary" type="primary"
size="mini" size="mini"
v-btn-permission="'620e6da5808bf104e576c763546a33b6'" v-btn-permission="'620e6da5808bf104e576c763546a33b6'"
title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项" title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
><i class="iconfont">&#xe6e9;</i>导出</el-button> ><i class="iconfont">&#xe6e9;</i>导出
</el-button>
<el-button <el-button
@click="userCloAll" @click="userCloAll"
class="common-button-primary" class="common-button-primary"
type="primary" type="primary"
size="mini" size="mini"
v-btn-permission="'fde586188a364382cf67a0efa62a586c'" v-btn-permission="'fde586188a364382cf67a0efa62a586c'"
><i class="iconfont">&#xe61b;</i>批量关闭</el-button> ><i class="iconfont">&#xe61b;</i>批量关闭
</el-button>
<el-button <el-button
class="common-button-primary" class="common-button-primary"
size="mini" size="mini"
type="primary" type="primary"
v-btn-permission="'9b68b46455c5af042d430e05e6579b27'" v-btn-permission="'9b68b46455c5af042d430e05e6579b27'"
@click="historyClick" @click="historyClick"
style="float: right; margin-right: 10px" style="float: right; margin-right: 10px"
>历史数据</el-button> >历史数据
</el-button>
</div> </div>
<div class="container"> <div class="container">
<loading :loading="loading">数据获取中....</loading> <loading :loading="loading">数据获取中....</loading>
<div class="table-wrap"> <div class="table-wrap">
<div class="inner-wrap"> <div class="inner-wrap">
<el-table <el-table
:data="causeList" :data="sarAccessListDatas"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%;" style="width: 100%;"
height="100%" height="100%"
border border
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
> >
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
fixed="left" fixed="left"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="standNum" prop="lawNumber"
fixed="left" fixed="left"
width="180" width="180"
label="标准编号"> label="标准编号/政策编号">
<template slot-scope="scope"> <template slot-scope="scope">
<a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standNum }}</a> <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.lawNumber }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="standName" prop="lawName"
fixed="left" fixed="left"
width="180" width="180"
label="标准名称"> label="标准名称/政策名称">
<template slot-scope="scope"> <template slot-scope="scope">
<a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standName }}</a> <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.lawName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="productNameShow" prop="productType"
width="180" width="180"
label="产品线"> label="产品类型">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="productNameShow" prop="implTime"
width="180" width="180"
label="项目名称"> sortable="custom"
label="实施时间">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="productNameShow" prop="implRequire"
width="180" width="180"
label="当前节点"> label="实施要求">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="responseUnitShow" prop="conformSituation"
width="180" width="180"
label="责任部门"> label="资源符合情况">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="responseEnginShow" prop="devScheme"
width="150" width="150"
label="责任工程师"> label="开发计划">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="responseEnginShow" prop="responseDept"
width="150" width="150"
label="认证工程师"> label="责任部门">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="responseEnginShow" prop="responsePeople"
width="150" width="150"
label="质量工程师"> label="责任人">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="planCloseTime" prop="sopTime"
width="150" width="150"
sortable="custom" sortable="custom"
label="要求关闭时间"> label="SOP时间">
<template slot-scope="scope">{{(scope.row.planCloseTime ? scope.row.planCloseTime.substring(0, 11): '')}}</template> <!-- <template slot-scope="scope">{{(scope.row.planCloseTime ? scope.row.planCloseTime.substring(0, 11): '')}}</template>-->
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="50" fixed="right"> <el-table-column
<template slot-scope="scope"> prop="completeSituation"
<div @click.stop style="display: inline-block"> width="150"
<el-dropdown trigger="click" @command="handleCommand"> label="完成情况">
<i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'887ec926ad9a2b85395159db38885d96'">查看</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</template>
</el-table-column> </el-table-column>
<el-table-column
prop="timeoutSituation"
width="150"
label="SOP时间超过法规时限的空档期的业务应对方案">
</el-table-column>
<!-- <el-table-column label="操作" align="center" width="50" fixed="right">-->
<!-- <template slot-scope="scope">-->
<!-- <div @click.stop style="display: inline-block">-->
<!-- <el-dropdown trigger="click" @command="handleCommand">-->
<!-- <i class="iconfont">&#xe61e;</i>-->
<!-- <el-dropdown-menu slot="dropdown">-->
<!-- <el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'887ec926ad9a2b85395159db38885d96'">查看</el-dropdown-item>-->
<!-- </el-dropdown-menu>-->
<!-- </el-dropdown>-->
<!-- </div>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination> <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination>
</div> </div>
</div> </div>
</div> </div>
@@ -196,16 +228,29 @@ export default {
name: "businessDivision", name: "businessDivision",
data() { data() {
return { return {
sarAccessListTotal: 0,
sarAccessListDatas: [],
// 查询相关参数
sarSarAccessEOSearch: {
lawNumOrName: '', // 编号/名称
productType: '', // 产品类型
responseDept: '', // 责任部门
lawNumber: '',
lawName: '',
accessContent: '',
energyKind: '',
applyArctic: '',
region: '',
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
validFlag: 0
},
loading: false, loading: false,
// 总数
total: 0,
// 当前页数
pageNo: 1,
causeList: [], //事业部数据 causeList: [], //事业部数据
nonConformitySearch: { nonConformitySearch: {
standNumOrName: '', // 编号/名称 standNumOrName: '', // 编号/名称
productName: '', // 产品类型 productName: '', // 产品类型
responseUnit: '' // 责任部门 responseDept: '' // 责任部门
}, },
// 产品类型下拉列表数据 // 产品类型下拉列表数据
productNameList: [], productNameList: [],
@@ -213,26 +258,41 @@ export default {
} }
}, },
methods: { methods: {
lawNumOrNameKeyup() {
this.sarSarAccessEOSearch.lawName = this.sarSarAccessEOSearch.lawNumOrName
this.sarSarAccessEOSearch.lawNumber = this.sarSarAccessEOSearch.lawNumOrName
},
//点击批量关闭按钮事件 //点击批量关闭按钮事件
userCloAll() { userCloAll() {
console.log('至少选择一条数据'); console.log('至少选择一条数据');
}, },
//点击历史数据按钮事件 //点击历史数据按钮事件
historyClick (){ historyClick() {
this.$router.push({ this.$router.push({
name:'BusinessDetails' name: 'BusinessDetails'
}) })
}, },
// 清空 查询条件 // 清空 查询条件
clearAllSearch (search = true) { clearAllSearch(search = true) {
this.nonConformitySearch = { this.sarSarAccessEOSearch = {
standNumOrName: '', lawNumOrName: '', // 编号/名称
productName: '', productType: '', // 产品类型
responseUnit: '' responseDept: '', // 责任部门
lawNumber: '',
lawName: '',
accessContent: '',
energyKind: '',
applyArctic: '',
region: '',
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
validFlag: 0
} }
this.searchSarAccessBtn()
console.log(this.sarSarAccessEOSearch)
}, },
// 更多 // 更多
handleCommand (command) { handleCommand(command) {
switch (command[1]) { switch (command[1]) {
case '查看': case '查看':
this.showUser(command[0]) this.showUser(command[0])
@@ -257,15 +317,40 @@ export default {
userClo(row) { userClo(row) {
console.log(row) console.log(row)
}, },
// 分页事件 pageChange(page) {
pageChange (page) { this.sarSarAccessEOSearch.page = page
this.pageNo = page this.searchSarAccess()
this.getTableByPage()
}, },
pageSizeChange (pageSize) { pageSizeChange(pageSize) {
this.pageSize = this.$store.getters.userInfo.configContent this.sarSarAccessEOSearch.page = 1
this.getTableByPage() this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent
this.searchSarAccess()
}, },
// 搜索
searchSarAccessBtn() {
this.sarSarAccessEOSearch.page = 1
this.searchSarAccess()
},
//未整改项抽屉中的查询按钮
searchSarAccess() {//多条件和模糊查询
this.$http.get("sarStandUnqualified/businessDeptIssue", {
current: this.sarSarAccessEOSearch.page,
pageSize: this.$store.getters.userInfo.configContent,
...this.sarSarAccessEOSearch,
}, {
_this: this
}, res => {
let arr = res.data.records;
this.sarAccessListDatas = arr
this.tableLoading = false
this.sarAccessListTotal = res.data.total
}, e => {
});
},
},
mounted() {
// 分页查询数据
this.searchSarAccess()
}, },
}; };
</script> </script>
@@ -275,10 +360,12 @@ export default {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.content-center {
margin-left: 10px; .content-center {
margin-bottom: 10px; margin-left: 10px;
} margin-bottom: 10px;
}
.container { .container {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;