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-22 18:15:29 +08:00
parent 1ebed43e06
commit 59e66310bf
7 changed files with 790 additions and 1864 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/axios/index.js
+13
View File
@@ -447,5 +447,18 @@ export default {
}
exeFun.call(this, err)
})
},
/**
* @description: delete方法
* @author: chenxiaoxi
* @date: 2018-09-14 09:55:30
*/
postDelete (url, param, thenFun, exeFun) {
_axios.post(api() + url, {}).then(res => {
thenFun.call(this, res.data)
}).catch(err => {
exeFun.call(this, err)
})
}
}
src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue
+69 -62
View File
@@ -1,49 +1,50 @@
<!-- 标准法规库 - 目标市场准入清单 -->
<template>
<div id="accessStandardsAndRegulations" class="v-class">
<el-tabs v-model="tabValue" style="height: 100%;">
<el-tab-pane label="国家/地区清单" name="listOfCountries">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-of-countries v-if="tabValue === 'listOfCountries'"></list-of-countries>
</div>
</el-tab-pane>
<el-tab-pane label="项目类清单" name="listProject">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-project v-if="tabValue === 'listProject'"></list-project>
</div>
</el-tab-pane>
<el-tab-pane label="重点标准跟踪清单" name="listTracking">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-tracking v-if="tabValue === 'listTracking'"></list-tracking>
</div>
</el-tab-pane>
<el-tab-pane label="其他清单" name="listOther">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-other v-if="tabValue === 'listOther'"></list-other>
</div>
</el-tab-pane>
</el-tabs>
<el-tabs v-model="tabValue" style="height: 100%;">
<el-tab-pane label="国家/地区清单" name="listOfCountries">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-of-countries v-if="tabValue === 'listOfCountries'"></list-of-countries>
</div>
</el-tab-pane>
<el-tab-pane label="项目类清单" name="listProject">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-project v-if="tabValue === 'listProject'"></list-project>
</div>
</el-tab-pane>
<el-tab-pane label="重点标准跟踪清单" name="listTracking">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-tracking v-if="tabValue === 'listTracking'"></list-tracking>
</div>
</el-tab-pane>
<el-tab-pane label="其他清单" name="listOther">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-other v-if="tabValue === 'listOther'"></list-other>
</div>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import listOfCountries from "../accessStandardsAndRegulations/page/listOfCountries"
import listProject from "../accessStandardsAndRegulations/page/listProject"
import listTracking from "../accessStandardsAndRegulations/page/listTracking"
import listOther from "../accessStandardsAndRegulations/page/listOther"
import listOfCountries from "../accessStandardsAndRegulations/page/listOfCountries";
import listProject from "../accessStandardsAndRegulations/page/listProject";
import listTracking from "../accessStandardsAndRegulations/page/listTracking";
import listOther from "../accessStandardsAndRegulations/page/listOther";
export default {
name: 'AccessStandardsAndRegulations',
data () {
name: "AccessStandardsAndRegulations",
data() {
return {
tabValue: 'listOfCountries'
}
tabValue: "listOfCountries"
};
},
methods: {},
components: {
listOfCountries,
listProject,
listTracking,
listOther
listOfCountries,
listProject,
listTracking,
listOther
},
props: {},
@@ -52,39 +53,45 @@ export default {
watch: {},
mounted () {}
}
mounted() {
}
};
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
@import '~@/assets/styles/mixins';
#accessStandardsAndRegulations {
height: 100%;
padding: 0 10px;
background: #fff;
@import '~@/assets/styles/style';
@import '~@/assets/styles/mixins';
#accessStandardsAndRegulations {
height: 100%;
padding: 0 10px;
background: #fff;
display: flex;
flex-direction: column;
/deep/ .el-tabs {
flex: auto;
display: flex;
flex-direction: column;
/deep/ .el-tabs__header {
margin: 0 !important;
}
.el-tabs__content {
height: 100% !important;
flex: auto;
position: relative;
display: flex;
flex-direction: column;
/deep/.el-tabs{
flex: auto;
display: flex;
flex-direction: column;
/deep/ .el-tabs__header{
margin:0 !important;
}
.el-tabs__content {
height: 100% !important;
flex: auto;
position: relative;
display: flex;
flex-direction: column;
.el-tab-pane {
height: 100%;
flex: auto;
display: flex;
flex-direction: column;
}
}
.el-tab-pane {
height: 100%;
flex: auto;
display: flex;
flex-direction: column;
}
}
}
}
</style>
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOfCountries.vue
+164 -126
View File
@@ -3,7 +3,7 @@
<div id="listOfCountries" class="v-class">
<div class="search-area">
<div class="left">
<el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form" >
<el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form">
<el-form-item label="国家/地区" class="search-item search-item-last">
<el-select
v-model="sarSarAccessEOSearch.countryArea"
@@ -31,7 +31,7 @@
type="primary"
class="common-button-primary"
size="small"
@click="searchSarAccessBtn">
@click="searchSarAccess">
查询
</el-button>
</el-form-item>
@@ -39,7 +39,8 @@
<el-button
class="common-button-default"
size="small"
@click="clearSearch">清空</el-button>
@click="clearSearch">清空
</el-button>
</el-form-item>
</el-form>
</div>
@@ -51,14 +52,16 @@
size="mini"
@click="openModal(null,'addOpt')"
v-btn-permission="'J2YEFN9MH4KWW5HMR2QH'"
><i class="iconfont">&#xe84e;</i>新增</el-button>
><i class="iconfont">&#xe84e;</i>新增
</el-button>
<el-button
class="common-button-default delete-button"
:loading="delLoading"
size="mini"
@click="deleteSarAccess('demore',null)"
v-btn-permission="'WPNW79T3DNUZPJFNMHGP'"
><i class="iconfont">&#xe61b;</i>批量删除</el-button>
><i class="iconfont">&#xe61b;</i>批量删除
</el-button>
</div>
<div class="container">
<el-table
@@ -89,7 +92,7 @@
width="260px"
>
<template slot-scope="scope">
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.accessContent }}</a>
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
</template>
</el-table-column>
<el-table-column
@@ -97,8 +100,8 @@
label="清单状态"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.state === '1'">未发布</span>
<span v-if="scope.row.state === '2'">已发布</span>
<span v-if="scope.row.detailedListState === '1'">未发布</span>
<span v-if="scope.row.detailedListState === '2'">已发布</span>
</template>
</el-table-column>
<el-table-column
@@ -106,7 +109,9 @@
label="清单版本"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">V{{ scope.row.detailedListVesion }}</span>
<span
v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">{{ scope.row.detailedListVesion
}}</span>
</template>
</el-table-column>
<el-table-column
@@ -114,7 +119,9 @@
label="适用领域"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">V{{ scope.row.applicationScope }}</span>
<span
v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
}}</span>
</template>
</el-table-column>
<el-table-column
@@ -123,7 +130,7 @@
sortable
align="center">
<template slot-scope="scope">
<div>{{ scope.row.updateTime ? scope.row.updateTime.split(' ')[0] : '' }}</div>
<div>{{ scope.row.updateTime ? scope.row.updateTime.split(" ")[0] : "" }}</div>
</template>
</el-table-column>
<el-table-column
@@ -137,9 +144,12 @@
<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="'43UVH8AWGJLFDZT9WNTZ'">查看</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'43UVH8AWGJLFDZT9WNTZ'">查看
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -147,7 +157,8 @@
</el-table-column>
</el-table>
<loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination>
</div>
</div>
</template>
@@ -155,7 +166,7 @@
<script>
export default {
name: "listOfCountries",
data () {
data() {
return {
searching: false,
total: 0,
@@ -163,10 +174,10 @@ export default {
rows: 10,
// 查询相关参数
sarSarAccessEOSearch: {
countryArea: '',
detailedListName: '',
countryArea: "",
detailedListName: "",
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
pageSize: this.$store.getters.userInfo.configContent
},
sarAccessListDatas: [],
sarAccessListTotal: 0,
@@ -174,171 +185,191 @@ export default {
selectedList: [],
// 新增、编辑 准入信息字段
sarAccessEO: {
country: '',
applyArctic: '',
energyKind: '',
accessContent: '',
region: ''
country: "",
applyArctic: "",
energyKind: "",
accessContent: "",
region: ""
},
drawerPage: 1, // 当前抽屉分页的页码
drawerTotal: 0, // 抽屉分页的总条数
sarAccessEORules: {
region: [
{required: true, message: '区域不能为空', trigger: 'change'}
{ required: true, message: "区域不能为空", trigger: "change" }
],
country: [
{required: true, message: '国家不能为空', trigger: 'change'}
{ required: true, message: "国家不能为空", trigger: "change" }
],
accessContent: [
{required: true, message: '表格名称不能为空', trigger: 'blur'},
{type: 'string', max: 100, message: '表格名称不能超过100个字符', trigger: 'blur'}
{ required: true, message: "表格名称不能为空", trigger: "blur" },
{ type: "string", max: 100, message: "表格名称不能超过100个字符", trigger: "blur" }
]
},
countryOptions: [],
drawerCountryOptions: [], // 准入信息 国家下拉框
drawerCountryTwoOptions: [], // 数据搜索-多属性搜索国家下拉框
energyKindOptions: [],
categoryOptions: [],
applyArcticOptions: [],
applyAuthOptions: [], // 认证类型下拉框
// 区域
regionOptions: [
{
label: '国内',
value: 'INLAND'
},
{
label: '海外',
value: 'FOREIGN'
}
],
showModalTitle: '',
showModalTitle: "",
disabledFlag: false,
showModalFlag: false,
// 新增、编辑过程中数据搜索字段
sarAccessInfoSearch: {
region: '', // 区域
country: '', // 国家
keywords: '', // 关键字
energyKind: '', // 能源种类
category: '', // 所属专业领域
applyArctic: '', // 适用车型
deadLine: '', // 截止时间
applyAuth: '' // 认证类型
region: "", // 区域
country: "", // 国家
keywords: "", // 关键字
energyKind: "", // 能源种类
category: "", // 所属专业领域
applyArctic: "", // 适用车型
deadLine: "", // 截止时间
applyAuth: "" // 认证类型
},
dataSourceOptions: [
{value: 'INLAND_STAND', label: '国内标准法规'},
{value: 'FOREIGN_STAND', label: '海外标准法规'},
{value: 'FOREIGN_LAWS', label: '国内外政策'},
{value: 'BUSINESS', label: '企业标准 '}
{ value: "INLAND_STAND", label: "国内标准法规" },
{ value: "FOREIGN_STAND", label: "海外标准法规" },
{ value: "FOREIGN_LAWS", label: "国内外政策" },
{ value: "BUSINESS", label: "企业标准 " }
],
sarAccessInfoSearchList: [],
selectedAccInfoSearchList: [],
sarAccessInfoListArry: [],
sarAccessInfoList: [],
importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=",
importmodalFlag: false,
saveExportType: '',
saveExportType: "",
seeModalFlag: false, // 查看抽屉显示隐藏
seeModalTitle: '', // 查看抽屉title
seeModalTitle: "", // 查看抽屉title
seeSarAccessInfoList: [], // 查看抽屉内 table
delLoading: false
}
};
},
methods: {
// 更多
handleCommand (command) {
handleCommand(command) {
switch (command[1]) {
case '查看':
this.showTable(command[0])
break
case '编辑':
this.editTable(command[0])
break
case '删除':
this.deleteSarAccess('delOne', command[0].id)
break
case "查看":
this.showTable(command[0]);
break;
case "编辑":
this.editTable(command[0]);
break;
case "删除":
this.deleteSarAccess("delOne", command[0].id);
break;
}
},
// 搜索
searchSarAccessBtn () {
this.page = 1
this.searchSarAccess()
},
//分页查询
searchSarAccess (advanceSearch) {
searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
sortKey: 1,
...this.sarSarAccessEOSearch
}, {
_this: this
}, res => {
console.log(res.data.records);
this.sarAccessListDatas = res.data.records;
this.sarAccessListTotal = res.data.total
}, e => {
});
},
pageChange(page) {
this.sarSarAccessEOSearch.page = page;
this.searchSarAccess();
},
pageSizeChange(pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
this.searchSarAccess();
},
clearSearch() {
this.sarSarAccessEOSearch = {
countryArea: "",
detailedListName: ""
};
this.searchSarAccess();
},
pageChange (page) {
this.sarSarAccessEOSearch.page = page
this.searchSarAccess()
},
pageSizeChange (pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent
this.searchSarAccess()
},
clearSearch (search = true) {
// search 字段是为了处理高级查询时清空字段用的
this.sarSarAccessEOSearch.country = ''
this.sarSarAccessEOSearch.accessContent = ''
this.sarSarAccessEOSearch.applyArctic = ''
this.sarSarAccessEOSearch.energyKind = ''
this.sarSarAccessEOSearch.type = ''
this.sarSarAccessEOSearch.page = 1
search && this.searchSarAccess()
},
// 新增相关
openModal (row, optType) {
openModal(row, optType) {
this.$router.push({
name: 'ListOfStandardsAndRegulationsDetails'
})
name: "ListOfStandardsAndRegulationsDetails"
});
},
// 删除
deleteSarAccess (flag, id) {
// 批量删除
deleteSarAccess(flag, id) {
if (flag === "delOne") {
this.selectedList = [];
this.selectedList[0] = id;
}
if (!this.selectedList.length) {
this.$message.warning("请选择要删除的数据");
} else {
this.$confirm("确认删除选中数据？", "确认删除", {
confirmButtonText: "确定",
cancelButtonText: "取消",
confirmButtonClass: "common-button-primary",
roundButton: false,
type: "warning"
}).then(() => {
const URL = `sarLawsDetailedList/sar-laws-detailed-list/deleteListAll?idList=${this.selectedList.join(',')}`
this.$http.postDelete(URL, {}, res => {
this.searchSarAccess();
this.selectedList = [];
this.$message.success('删除成功')
}, e => {
});
}).catch(() => {
});
}
},
// 表格选择框
selectOne (alldata, nowdata) {
this.selectedList = []
for (let i = 0; i < alldata.length; i++) {
this.selectedList.push(alldata[i]['id'])
selectOne(data) {
this.selectedList = [];
for (let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id);
}
},
// 点击 table查看按钮 事件
showTable (item) {
sessionStorage.setItem('accessRow', JSON.stringify(item))
this.$store.commit('setDetailMap', this.$route.path)
showTable(item) {
sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$store.commit("setDetailMap", this.$route.path);
this.$router.push({
name: 'AccessStandardDetails',
name: "AccessStandardDetails",
params: {
id: item.id
}
})
});
},
// 点击 table编辑按钮 事件
editTable (item) {
sessionStorage.setItem('accessRow', JSON.stringify(item))
editTable(item) {
sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$router.push({
name: 'ListOfStandardsAndRegulationsDetails',
name: "ListOfStandardsAndRegulationsDetails",
query: {
id: item.id
}
})
},
});
}
},
mounted () {
mounted() {
// 分页查询数据
this.searchSarAccess()
},
this.searchSarAccess();
// 从数据库中查询各下拉框数据
this.$http.get("sys/dictype/getDicTypeListCode", "", {
_this: this
}, res => {
this.countryOptions = res.data.COUNTRY;
}, e => {
});
}
};
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
@import '~@/assets/styles/mixins';
#listOfCountries {
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
@@ -348,32 +379,39 @@ export default {
//height: calc(~'100% - 105px - 56px') !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.el-divider{
.el-divider__text{
.el-divider {
.el-divider__text {
font-size: 16px;
color: #0c91e5;
}
}
.standards-drawer-table-one{
.standards-drawer-table-one {
position: relative;
height: 350px;
.pagination{
.pagination {
bottom: 0;
}
}
.standards-drawer-table{
.standards-drawer-table {
margin-top: 10px;
}
.see-drawer{
.searchAngNewBtn{
.see-drawer {
.searchAngNewBtn {
float: right;
}
.el-divider{
.el-divider {
clear: both;
}
}
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOther.vue
+50 -26
View File
@@ -12,7 +12,7 @@
</el-form-item>
<el-form-item label="清单名称" class="search-item search-item-last">
<el-input
v-model="sarSarAccessEOSearch.ListName"
v-model="sarSarAccessEOSearch.detailedListName"
placeholder="请输入清单名称"
></el-input>
</el-form-item>
@@ -22,7 +22,7 @@
type="primary"
class="common-button-primary"
size="small"
@click="searchSarAccessBtn">
@click="searchSarAccess">
查询
</el-button>
</el-form-item>
@@ -80,7 +80,7 @@
width="260px"
>
<template slot-scope="scope">
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.accessContent }}</a>
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
</template>
</el-table-column>
<el-table-column
@@ -88,8 +88,8 @@
label="清单状态"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.state === '1'">未发布</span>
<span v-if="scope.row.state === '2'">已发布</span>
<span v-if="scope.row.detailedListState === '1'">未发布</span>
<span v-if="scope.row.detailedListState === '2'">已发布</span>
</template>
</el-table-column>
<el-table-column
@@ -97,7 +97,7 @@
label="清单版本"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">V{{ scope.row.detailedListVesion }}</span>
<span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">{{ scope.row.detailedListVesion }}</span>
</template>
</el-table-column>
<el-table-column
@@ -105,7 +105,7 @@
label="适用领域"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">V{{ scope.row.applicationScope }}</span>
<span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope }}</span>
</template>
</el-table-column>
<el-table-column
@@ -154,15 +154,10 @@ export default {
rows: 10,
// 查询相关参数
sarSarAccessEOSearch: {
ListName: '',
country: '',
accessContent: '',
energyKind: '',
applyArctic: '',
region: '',
detailedList: '',
detailedListName: '',
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
validFlag: 0
},
sarAccessListDatas: [],
sarAccessListTotal: 0,
@@ -256,13 +251,18 @@ export default {
break
}
},
// 搜索
searchSarAccessBtn () {
this.page = 1
this.searchSarAccess()
},
//分页查询
searchSarAccess (advanceSearch) {
searchSarAccess () {
this.$http.get('sarLawsDetailedList/sar-laws-detailed-list/getAllStand',{
...this.sarSarAccessEOSearch,
sortKey: 3,
}, {
_this: this
}, res =>{
this.sarAccessListDatas = res.data.records
this.sarAccessListTotal = res.data.total
}, e => {
})
},
pageChange (page) {
@@ -291,14 +291,38 @@ export default {
},
// 删除
deleteSarAccess (flag, id) {
},
// 表格选择框
selectOne (alldata, nowdata) {
this.selectedList = []
for (let i = 0; i < alldata.length; i++) {
this.selectedList.push(alldata[i]['id'])
if (flag === 'delOne') {
this.selectedList = [];
this.selectedList[0] = id;
}
if(this.selectedList.length === 0) {
this.$message.warning('请选择要删除的数据')
} else {
this.$confirm('确认删除这些数据？', '提示', {
confirmButtonText: '确认',
confirmButtonClass: 'common-button-primary',
cancelButtonText: '取消',
type:'warning'
}).then (() => {
const URL = `sarLawsDetailedList/sar-laws-detailed-list/deleteListAll?idList=${this.selectedList.join(',')}`
this.$http.postDelete(URL, {}, res => {
this.searchSarAccess();
this.selectedList = [];
this.$message.success('删除成功')
}, e => {
});
}).catch(() => {
})
}
},
// 表格选择框
selectOne(data) {
this.selectedList = []
for(let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id)
}
},
// 点击 table查看按钮 事件
showTable (item) {
sessionStorage.setItem('accessRow', JSON.stringify(item))
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue
+158 -109
View File
@@ -3,7 +3,7 @@
<div id="listOfCountries" class="v-class">
<div class="search-area">
<div class="left">
<el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form" >
<el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form">
<el-form-item label="项目名称" class="search-item search-item-last">
<el-input
v-model="sarSarAccessEOSearch.projectName"
@@ -22,7 +22,7 @@
type="primary"
class="common-button-primary"
size="small"
@click="searchSarAccessBtn">
@click="searchSarAccess">
查询
</el-button>
</el-form-item>
@@ -30,7 +30,8 @@
<el-button
class="common-button-default"
size="small"
@click="clearSearch">清空</el-button>
@click="clearSearch">清空
</el-button>
</el-form-item>
</el-form>
</div>
@@ -42,14 +43,16 @@
size="mini"
@click="openModal(null,'addOpt')"
v-btn-permission="'J2YEFN9MH4KWW5HMR2QH'"
><i class="iconfont">&#xe84e;</i>新增</el-button>
><i class="iconfont">&#xe84e;</i>新增
</el-button>
<el-button
class="common-button-default delete-button"
:loading="delLoading"
size="mini"
@click="deleteSarAccess('demore',null)"
v-btn-permission="'WPNW79T3DNUZPJFNMHGP'"
><i class="iconfont">&#xe61b;</i>批量删除</el-button>
><i class="iconfont">&#xe61b;</i>批量删除
</el-button>
</div>
<div class="container">
<el-table
@@ -80,7 +83,7 @@
width="260px"
>
<template slot-scope="scope">
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.accessContent }}</a>
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
</template>
</el-table-column>
<el-table-column
@@ -88,8 +91,8 @@
label="清单状态"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.state === '1'">未发布</span>
<span v-if="scope.row.state === '2'">已发布</span>
<span v-if="scope.row.detailedListState === '1'">未发布</span>
<span v-if="scope.row.detailedListState === '2'">已发布</span>
</template>
</el-table-column>
<el-table-column
@@ -97,7 +100,9 @@
label="清单版本"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">V{{ scope.row.detailedListVesion }}</span>
<span
v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">{{ scope.row.detailedListVesion
}}</span>
</template>
</el-table-column>
<el-table-column
@@ -105,7 +110,9 @@
label="适用领域"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">V{{ scope.row.applicationScope }}</span>
<span
v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
}}</span>
</template>
</el-table-column>
<el-table-column
@@ -114,7 +121,7 @@
sortable
align="center">
<template slot-scope="scope">
<div>{{ scope.row.updateTime ? scope.row.updateTime.split(' ')[0] : '' }}</div>
<div>{{ scope.row.updateTime ? scope.row.updateTime.split(" ")[0] : "" }}</div>
</template>
</el-table-column>
<el-table-column
@@ -128,9 +135,12 @@
<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="'43UVH8AWGJLFDZT9WNTZ'">查看</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'43UVH8AWGJLFDZT9WNTZ'">查看
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -138,7 +148,8 @@
</el-table-column>
</el-table>
<loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination>
</div>
</div>
</template>
@@ -146,7 +157,7 @@
<script>
export default {
name: "listProject",
data () {
data() {
return {
searching: false,
total: 0,
@@ -154,10 +165,10 @@ export default {
rows: 10,
// 查询相关参数
sarSarAccessEOSearch: {
projectName: '',
detailedListName: '',
projectName: "",
detailedListName: "",
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
pageSize: this.$store.getters.userInfo.configContent
},
sarAccessListDatas: [],
sarAccessListTotal: 0,
@@ -165,24 +176,24 @@ export default {
selectedList: [],
// 新增、编辑 准入信息字段
sarAccessEO: {
country: '',
applyArctic: '',
energyKind: '',
accessContent: '',
region: ''
country: "",
applyArctic: "",
energyKind: "",
accessContent: "",
region: ""
},
drawerPage: 1, // 当前抽屉分页的页码
drawerTotal: 0, // 抽屉分页的总条数
sarAccessEORules: {
region: [
{required: true, message: '区域不能为空', trigger: 'change'}
{ required: true, message: "区域不能为空", trigger: "change" }
],
country: [
{required: true, message: '国家不能为空', trigger: 'change'}
{ required: true, message: "国家不能为空", trigger: "change" }
],
accessContent: [
{required: true, message: '表格名称不能为空', trigger: 'blur'},
{type: 'string', max: 100, message: '表格名称不能超过100个字符', trigger: 'blur'}
{ required: true, message: "表格名称不能为空", trigger: "blur" },
{ type: "string", max: 100, message: "表格名称不能超过100个字符", trigger: "blur" }
]
},
countryOptions: [],
@@ -195,141 +206,172 @@ export default {
// 区域
regionOptions: [
{
label: '国内',
value: 'INLAND'
label: "国内",
value: "INLAND"
},
{
label: '海外',
value: 'FOREIGN'
label: "海外",
value: "FOREIGN"
}
],
showModalTitle: '',
showModalTitle: "",
disabledFlag: false,
showModalFlag: false,
// 新增、编辑过程中数据搜索字段
sarAccessInfoSearch: {
region: '', // 区域
country: '', // 国家
keywords: '', // 关键字
energyKind: '', // 能源种类
category: '', // 所属专业领域
applyArctic: '', // 适用车型
deadLine: '', // 截止时间
applyAuth: '' // 认证类型
region: "", // 区域
country: "", // 国家
keywords: "", // 关键字
energyKind: "", // 能源种类
category: "", // 所属专业领域
applyArctic: "", // 适用车型
deadLine: "", // 截止时间
applyAuth: "" // 认证类型
},
dataSourceOptions: [
{value: 'INLAND_STAND', label: '国内标准法规'},
{value: 'FOREIGN_STAND', label: '海外标准法规'},
{value: 'FOREIGN_LAWS', label: '国内外政策'},
{value: 'BUSINESS', label: '企业标准 '}
{ value: "INLAND_STAND", label: "国内标准法规" },
{ value: "FOREIGN_STAND", label: "海外标准法规" },
{ value: "FOREIGN_LAWS", label: "国内外政策" },
{ value: "BUSINESS", label: "企业标准 " }
],
sarAccessInfoSearchList: [],
selectedAccInfoSearchList: [],
sarAccessInfoListArry: [],
sarAccessInfoList: [],
importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=",
importmodalFlag: false,
saveExportType: '',
saveExportType: "",
seeModalFlag: false, // 查看抽屉显示隐藏
seeModalTitle: '', // 查看抽屉title
seeModalTitle: "", // 查看抽屉title
seeSarAccessInfoList: [], // 查看抽屉内 table
delLoading: false
}
};
},
methods: {
// 更多
handleCommand (command) {
handleCommand(command) {
switch (command[1]) {
case '查看':
this.showTable(command[0])
break
case '编辑':
this.editTable(command[0])
break
case '删除':
this.deleteSarAccess('delOne', command[0].id)
break
case "查看":
this.showTable(command[0]);
break;
case "编辑":
this.editTable(command[0]);
break;
case "删除":
this.deleteSarAccess("delOne", command[0].id);
break;
}
},
// 搜索
searchSarAccessBtn () {
this.page = 1
this.searchSarAccess()
},
//分页查询
searchSarAccess (advanceSearch) {
searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
...this.sarSarAccessEOSearch,
sortKey: 2
}, {
_this: this
}, res => {
this.sarAccessListDatas = res.data.records;
this.sarAccessListTotal = res.data.total
}, e => {
});
},
pageChange (page) {
this.sarSarAccessEOSearch.page = page
this.searchSarAccess()
pageChange(page) {
this.sarSarAccessEOSearch.page = page;
this.searchSarAccess();
},
pageSizeChange (pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent
this.searchSarAccess()
pageSizeChange(pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
this.searchSarAccess();
},
clearSearch (search = true) {
// search 字段是为了处理高级查询时清空字段用的
this.sarSarAccessEOSearch.country = ''
this.sarSarAccessEOSearch.accessContent = ''
this.sarSarAccessEOSearch.applyArctic = ''
this.sarSarAccessEOSearch.energyKind = ''
this.sarSarAccessEOSearch.type = ''
this.sarSarAccessEOSearch.page = 1
search && this.searchSarAccess()
//清空
clearSearch() {
this.sarSarAccessEOSearch = {
projectName: "",
detailedListName: "",
};
this.searchSarAccess();
},
// 新增相关
openModal (row, optType) {
openModal(row, optType) {
this.$router.push({
name: 'ListOfStandardsAndRegulationsDetails'
})
name: "ListOfStandardsAndRegulationsDetails"
});
},
// 删除
deleteSarAccess (flag, id) {
deleteSarAccess(flag, id) {
if (flag === 'delOne') {
this.selectedList = [];
this.selectedList[0] = id;
}
if (this.selectedList === 0) {
this.$message.warning('请选择要删除的数据')
} else {
this.$confirm('确定删除这些数据？', '提示', {
confirmButtonText: '确定',
confirmButtonClass: 'common-button-primary',
cancelButtonText: '取消',
type: 'warning',
}).then(() => {
const URL = `sarLawsDetailedList/sar-laws-detailed-list/deleteListAll?idList=${this.selectedList.join(',')}`
this.$http.postDelete(URL, {}, res => {
this.searchSarAccess();
this.selectedList = [];
this.$message.success('删除成功')
}, e => {
});
}).catch(() => {
})
}
},
// 表格选择框
selectOne (alldata, nowdata) {
this.selectedList = []
for (let i = 0; i < alldata.length; i++) {
this.selectedList.push(alldata[i]['id'])
selectOne(data) {
this.selectedList = [];
for (let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id);
}
},
// 点击 table查看按钮 事件
showTable (item) {
sessionStorage.setItem('accessRow', JSON.stringify(item))
this.$store.commit('setDetailMap', this.$route.path)
showTable(item) {
sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$store.commit("setDetailMap", this.$route.path);
this.$router.push({
name: 'AccessStandardDetails',
name: "AccessStandardDetails",
params: {
id: item.id
}
})
});
},
// 点击 table编辑按钮 事件
editTable (item) {
sessionStorage.setItem('accessRow', JSON.stringify(item))
editTable(item) {
sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$router.push({
name: 'ListOfStandardsAndRegulationsDetails',
name: "ListOfStandardsAndRegulationsDetails",
query: {
id: item.id
}
})
},
});
}
},
mounted () {
mounted() {
// 分页查询数据
this.searchSarAccess()
},
this.searchSarAccess();
}
};
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
@import '~@/assets/styles/mixins';
#listOfCountries {
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
@@ -339,32 +381,39 @@ export default {
//height: calc(~'100% - 105px - 56px') !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.el-divider{
.el-divider__text{
.el-divider {
.el-divider__text {
font-size: 16px;
color: #0c91e5;
}
}
.standards-drawer-table-one{
.standards-drawer-table-one {
position: relative;
height: 350px;
.pagination{
.pagination {
bottom: 0;
}
}
.standards-drawer-table{
.standards-drawer-table {
margin-top: 10px;
}
.see-drawer{
.searchAngNewBtn{
.see-drawer {
.searchAngNewBtn {
float: right;
}
.el-divider{
.el-divider {
clear: both;
}
}
src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/addEdit.vue
+3 -4
View File
@@ -53,7 +53,7 @@
:on-success="uploadBackSuccess"
:before-upload="beforeUpload"
>
<el-button class="common-button-default">
<el-button class="common-button-default" size="mini">
点击上传
</el-button>
</el-upload>
@@ -140,19 +140,18 @@
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
icon="el-icon-search"
type="primary"
class="common-button-primary"
size="small"
@click="searchLawsStands">
查询
</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="small"
@click="clearSearchLaws"></el-button>
@click="clearSearchLaws">清空</el-button>
</el-form-item>
<!-- 多属性搜索，暂时不需要，已添加高级检索-->
<!-- <el-form-item class="search-item" v-if="moreSearchBtn">
src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/details.vue
+333 -1537
View File
File diff suppressed because it is too large Load Diff