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:
宋伟佳
2021-06-09 17:54:38 +08:00
parent 7bdf5f6b38
commit 7e3b7ee6e1
3 changed files with 537 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/regulatoryRepository/nonConfomity/pages/businessDivision.vue
+264 -4
View File
@@ -1,14 +1,274 @@
<!--事业部-->
<template>
<div>事业部</div>
<div id="business-division">
<div class="search-area">
<div class="content-top">
<el-form :modal="nonConformitySearch" inline class="label-input-form">
<el-form-item label="编号/名称" class="search-item">
<el-input v-model="nonConformitySearch.standNumOrName"
placeholder="请输入"
clearable
:maxlength="100"></el-input>
</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-input v-model="nonConformitySearch.responseUnit" v-show="false" />
<el-popover
placement="bottom"
popper-class="user-dept-popper"
trigger="click"
: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 class="search-item btn-box">
<el-button
type="primary"
class="common-button-primary"
size="mini"
@click="getTableByPage('')">
查询
</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
class="common-button-default"
size="mini"
@click="clearAllSearch">清空</el-button>
</el-form-item>
</el-form>
</div>
</div>
<div class="content-center">
<el-button
class="common-button-primary"
type="primary"
size="mini"
title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
><i class="iconfont">&#xe6e9;</i>导出</el-button>
<el-button
@click="userCloAll"
class="common-button-primary"
type="primary"
size="mini"
><i class="iconfont">&#xe61b;</i>批量关闭</el-button>
<el-button
class="common-button-primary btnright"
size="mini"
type="primary"
@click="historyClick"
>历史数据</el-button>
</div>
<div class="container">
<loading :loading="loading">数据获取中....</loading>
<el-table
:data="causeList"
tooltip-effect="dark"
style="width: 100%;"
height="tableHeight"
border
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
>
<el-table-column
type="selection"
width="55"
fixed="left"
align="center">
</el-table-column>
<el-table-column
prop="standNum"
fixed="left"
width="180"
label="标准编号">
<template slot-scope="scope">
<a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standNum }}</a>
</template>
</el-table-column>
<el-table-column
prop="standName"
fixed="left"
width="180"
label="标准名称">
<template slot-scope="scope">
<a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
</template>
</el-table-column>
<el-table-column
prop="productNameShow"
width="180"
label="产品线">
</el-table-column>
<el-table-column
prop="productNameShow"
width="180"
label="项目名称">
</el-table-column>
<el-table-column
prop="productNameShow"
width="180"
label="当前节点">
</el-table-column>
<el-table-column
prop="responseUnitShow"
width="180"
label="责任部门">
</el-table-column>
<el-table-column
prop="responseEnginShow"
width="150"
label="责任工程师">
</el-table-column>
<el-table-column
prop="responseEnginShow"
width="150"
label="认证工程师">
</el-table-column>
<el-table-column
prop="responseEnginShow"
width="150"
label="质量工程师">
</el-table-column>
<el-table-column
prop="planCloseTime"
width="150"
sortable="custom"
label="要求关闭时间">
<template slot-scope="scope">{{(scope.row.planCloseTime ? scope.row.planCloseTime.substring(0, 11): '')}}</template>
</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="'R4FTCUQSXFUZPUSN3W63'">查看</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'G7GL8ZAZ5EYK6LRXW5MT'">编辑</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '关闭']" v-btn-permission="'Q8GPXE8L36KN2XVMZ6Y4'">关闭</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</template>
</el-table-column>
</el-table>
<div class="footer">
<pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
</div>
</div>
</div>
</template>
<script>
export default {
name: "businessDivision"
name: "businessDivision",
data() {
return {
loading: false,
causeList: [], //事业部数据
nonConformitySearch: {
standNumOrName: '', // 编号/名称
productName: '', // 产品类型
responseUnit: '' // 责任部门
},
// 产品类型下拉列表数据
productNameList: [],
zNodesSItem: [],//责任部门
}
},
methods: {
//点击批量关闭按钮事件
userCloAll() {
console.log('至少选择一条数据');
},
//点击历史数据按钮事件
historyClick (){
this.$router.push({
name:'HistoricalData'
})
},
// 清空 查询条件
clearAllSearch (search = true) {
this.nonConformitySearch = {
standNumOrName: '',
productName: '',
responseUnit: ''
}
},
// 更多
handleCommand (command) {
switch (command[1]) {
case '查看':
this.showUser(command[0])
break
case '编辑':
this.openEditModal(command[0])
break
case '关闭':
this.userClo(command[0])
break
}
},
//点击查看按钮事件
showUser(row) {
console.log(row)
},
//点击编辑按钮事件
openEditModal(item) {
console.log(item)
},
//点击关闭按钮事件
userClo(row) {
console.log(row)
},
// 分页事件
pageChange (page) {
this.pageNo = page
this.getTableByPage()
},
pageSizeChange (pageSize) {
this.pageSize = this.$store.getters.userInfo.configContent
this.getTableByPage()
},
},
};
</script>
<style scoped>
<style lang="less" scoped>
#business-division {
.content-center {
margin-bottom:10px
}
.btnright {
float: right;
margin-right:10px;
}
.footer {
margin-bottom: 430px;
}
}
</style>
src/pages/regulatoryRepository/nonConfomity/pages/productDepartment.vue
+263 -5
View File
@@ -1,16 +1,274 @@
<!--产品规划部-->
<template>
<div>
产品规划部
<div id="product-department">
<div class="search-area">
<div class="content-top">
<el-form :modal="nonConformitySearch" inline class="label-input-form">
<el-form-item label="编号/名称" class="search-item">
<el-input v-model="nonConformitySearch.standNumOrName"
placeholder="请输入"
clearable
:maxlength="100"></el-input>
</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-input v-model="nonConformitySearch.responseUnit" v-show="false" />
<el-popover
placement="bottom"
popper-class="user-dept-popper"
trigger="click"
: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 class="search-item btn-box">
<el-button
type="primary"
class="common-button-primary"
size="mini"
@click="getTableByPage('')">
查询
</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
class="common-button-default"
size="mini"
@click="clearAllSearch">清空</el-button>
</el-form-item>
</el-form>
</div>
</div>
<div class="content-center">
<el-button
class="common-button-primary"
type="primary"
size="mini"
title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
><i class="iconfont">&#xe6e9;</i>导出</el-button>
<el-button
@click="userCloAll"
class="common-button-primary"
type="primary"
size="mini"
><i class="iconfont">&#xe61b;</i>批量关闭</el-button>
<el-button
class="common-button-primary btnright"
size="mini"
type="primary"
@click="historyClick"
>历史数据</el-button>
</div>
<div class="container">
<loading :loading="loading">数据获取中....</loading>
<el-table
:data="causeList"
tooltip-effect="dark"
style="width: 100%;"
height="tableHeight"
border
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
>
<el-table-column
type="selection"
width="55"
fixed="left"
align="center">
</el-table-column>
<el-table-column
prop="standNum"
fixed="left"
width="180"
label="业务">
<template slot-scope="scope">
<a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standNum }}</a>
</template>
</el-table-column>
<el-table-column
prop="standName"
fixed="left"
width="180"
label="平台">
<template slot-scope="scope">
<a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
</template>
</el-table-column>
<el-table-column
prop="productNameShow"
width="180"
label="项目">
</el-table-column>
<el-table-column
prop="productNameShow"
width="180"
label="当前节点">
</el-table-column>
<el-table-column
prop="standName"
fixed="left"
width="180"
label="标准编号/政策编号">
</el-table-column>
<el-table-column
prop="planCloseTime"
width="150"
sortable="custom"
label="实施时间">
</el-table-column>
<el-table-column
prop="responseEnginShow"
width="150"
label="实施要求">
</el-table-column>
<el-table-column
prop="responseEnginShow"
width="150"
label="符合性状态">
</el-table-column>
<el-table-column
prop="responseUnitShow"
width="180"
label="责任部门">
</el-table-column>
<el-table-column
prop="responseEnginShow"
width="150"
label="责任工程师">
</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="'R4FTCUQSXFUZPUSN3W63'">查看</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'G7GL8ZAZ5EYK6LRXW5MT'">编辑</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '关闭']" v-btn-permission="'Q8GPXE8L36KN2XVMZ6Y4'">关闭</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</template>
</el-table-column>
</el-table>
<div class="footer">
<pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
</div>
</div>
</div>
</template>
<script>
export default {
name: "productDepartment"
name: "productDepartment",
data() {
return {
loading: false,
causeList: [], //事业部数据
nonConformitySearch: {
standNumOrName: '', // 编号/名称
productName: '', // 产品类型
responseUnit: '' // 责任部门
},
// 产品类型下拉列表数据
productNameList: [],
zNodesSItem: [],//责任部门
}
},
methods: {
//点击批量关闭按钮事件
userCloAll() {
console.log('至少选择一条数据');
},
//点击历史数据按钮事件
historyClick (){
this.$router.push({
name:'HistoricalData'
})
},
// 清空 查询条件
clearAllSearch (search = true) {
this.nonConformitySearch = {
standNumOrName: '',
productName: '',
responseUnit: ''
}
},
// 更多
handleCommand (command) {
switch (command[1]) {
case '查看':
this.showUser(command[0])
break
case '编辑':
this.openEditModal(command[0])
break
case '关闭':
this.userClo(command[0])
break
}
},
//点击查看按钮事件
showUser(row) {
console.log(row)
},
//点击编辑按钮事件
openEditModal(item) {
console.log(item)
},
//点击关闭按钮事件
userClo(row) {
console.log(row)
},
// 分页事件
pageChange (page) {
this.pageNo = page
this.getTableByPage()
},
pageSizeChange (pageSize) {
this.pageSize = this.$store.getters.userInfo.configContent
this.getTableByPage()
},
},
};
</script>
<style scoped>
<style lang="less" scoped>
#product-department {
.content-center {
margin-bottom:10px
}
.btnright {
float: right;
margin-right:10px;
}
.footer {
margin-bottom: 430px;
}
}
</style>
src/pages/regulatoryRepository/nonConfomity/pages/rectificationDatabase.vue
+10 -6
View File
@@ -48,19 +48,20 @@
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
icon="el-icon-search"
type="primary"
class="common-button-primary"
size="mini"
@click="getTableByPage('')">
查询
</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
class="common-button-default"
icon="el-icon-refresh-left"
size="mini"
@click="clearAllSearch"></el-button>
@click="clearAllSearch">
清空
</el-button>
</el-form-item>
</el-form>
</div>
@@ -116,13 +117,11 @@
</el-table-column>
<el-table-column
prop="standNum"
fixed="left"
width="180"
label="条款号">
</el-table-column>
<el-table-column
prop="standName"
fixed="left"
width="180"
label="条款名称">
</el-table-column>
@@ -183,7 +182,9 @@
</template>
</el-table-column>
</el-table>
<pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
<div class="footer">
<pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
</div>
</div>
</div>
</template>
@@ -279,5 +280,8 @@ export default {
justify-content: space-between;
align-items: center;
}
.footer {
margin-bottom: 430px;
}
}
</style>