标准法规清单页面

This commit is contained in:
shen_yan_pu
2021-07-19 16:49:17 +08:00
parent b9cb1d30b3
commit 0898e5c590
9 changed files with 255 additions and 72 deletions
@@ -2,8 +2,8 @@
<template>
<div class="attribute-custom v-class">
<div class="action-bar1">
<el-button class="common-button-primary add-button" size="mini" v-btn-permission="'df57f63c9e993bbfb2a4b400d5257577'" type="primary" @click="showAddModel"><i class="iconfont">&#xe84e;</i>新增</el-button>
<el-button class="common-button-default" size="mini" v-btn-permission="'9557b51320a50728d7047448d01c57c6'" @click="showDisplayLocationDialog">展示区域管理</el-button>
<el-button class="common-button-primary add-button" size="mini" v-btn-permission="''" type="primary" @click="showAddModel"><i class="iconfont">&#xe84e;</i>新增</el-button>
<el-button class="common-button-default" size="mini" v-btn-permission="''" @click="showDisplayLocationDialog">展示区域管理</el-button>
</div>
<loading :loading="attributeDataLoading">数据处理中</loading>
<div class="content">
@@ -76,8 +76,8 @@
<el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-btn-permission="'abba040e019fad5092624ffd71a70372'" :command="[scope.row, '编辑']">编辑</el-dropdown-item>
<el-dropdown-item v-btn-permission="'730c9240a8f80bcdb88c71adb37f2aa7'" :disabled="scope.row.isEdit==='1'" :command="[scope.row, '删除']">删除</el-dropdown-item>
<el-dropdown-item v-btn-permission="''" :command="[scope.row, '编辑']">编辑</el-dropdown-item>
<el-dropdown-item v-btn-permission="''" :disabled="scope.row.isEdit==='1'" :command="[scope.row, '删除']">删除</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -6,11 +6,11 @@
<stand v-if="tabValue === 'stand'"></stand>
</div>
</el-tab-pane>
<el-tab-pane label="国内外政策" name="laws">
<!-- <el-tab-pane label="国内外政策" name="laws">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<laws v-if="tabValue === 'laws'"></laws>
</div>
</el-tab-pane>
</el-tab-pane>-->
<el-tab-pane label="企业标准库" name="buss">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<buss v-if="tabValue === 'buss'"></buss>
@@ -117,7 +117,7 @@
}}</span>
</template>
</el-table-column>
<el-table-column
<!-- <el-table-column
prop="applicationScope"
label="适用领域"
align="center">
@@ -126,7 +126,7 @@
v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
}}</span>
</template>
</el-table-column>
</el-table-column>-->
<el-table-column
prop="updateTime"
label="更新时间"
@@ -188,6 +188,7 @@ export default {
selectedList: [],
// 新增、编辑 准入信息字段
sarAccessEO: {
relateFile: '',
country: "",
applyArctic: "",
energyKind: "",
@@ -261,11 +262,16 @@ export default {
searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
sortKey: 1,
page: 1,
pageSize: 10,
...this.sarSarAccessEOSearch,
}, {
_this: this
}, res => {
this.sarAccessListDatas = res.data.records;
this.sarAccessListDatas.forEach(item => {
this.$set(item,'relateFile','')
})
this.sarAccessListTotal = res.data.total
}, e => {
@@ -108,7 +108,7 @@
}}</span>
</template>
</el-table-column>
<el-table-column
<!-- <el-table-column
prop="applicationScope"
label="适用领域"
align="center">
@@ -117,14 +117,14 @@
v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
}}</span>
</template>
</el-table-column>
</el-table-column>-->
<el-table-column
prop="updateTime"
label="更新时间"
sortable
align="center">
<template slot-scope="scope">
<div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD hh:mm:ss') : scope.row.updateTime }}</div>
<div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime }}</div>
</template>
</el-table-column>
<el-table-column
@@ -269,6 +269,8 @@ export default {
searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
...this.sarSarAccessEOSearch,
page: 1,
pageSize: 10,
sortKey: 3
}, {
_this: this
@@ -109,7 +109,7 @@
}}</span>
</template>
</el-table-column>
<el-table-column
<!-- <el-table-column
prop="applicationScope"
label="适用领域"
align="center">
@@ -118,14 +118,14 @@
v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
}}</span>
</template>
</el-table-column>
</el-table-column>-->
<el-table-column
prop="updateTime"
label="更新时间"
sortable
align="center">
<template slot-scope="scope">
<div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD hh:mm:ss') : scope.row.updateTime }}</div>
<div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime }}</div>
</template>
</el-table-column>
<el-table-column
@@ -270,6 +270,8 @@ export default {
searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
...this.sarSarAccessEOSearch,
page: 1,
pageSize: 10,
sortKey: 2
}, {
_this: this
@@ -294,7 +296,7 @@ export default {
projectName: "",
detailedListName: "",
};
this.searchSarAccess();
this.searchSarAccess()
},
// 新增相关
@@ -28,7 +28,7 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="适用领域" prop="applicationScope" class="search-item">
<!-- <el-form-item label="适用领域" prop="applicationScope" class="search-item">
<el-select
v-model="sarAccessEO.applicationScope"
multiple
@@ -45,7 +45,7 @@
>
</el-option>
</el-select>
</el-form-item>
</el-form-item>-->
<br/><br/>
<el-form-item label="清单说明" prop="remark" class="search-item max-search-item2">
<el-input
@@ -336,40 +336,93 @@
>
</el-table-column>
<el-table-column
prop="issueTime"
sortable
label="发布日期">
prop="issueTime"
align="center"
width="180px"
label="英文名称">
</el-table-column>
<el-table-column
prop="xcxssrq"
sortable
label="新车型实施日期">
prop="issueTime"
align="center"
width="180px"
label="适用车型">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="zccssrq"
sortable
label="在产车实施日期">
prop="issueTime"
align="center"
width="180px"
label="能源类型">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
width="120px"
label="文本状态">
prop="issueTime"
sortable
align="center"
width="210px"
label="标准实施日期">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="zccssrq"
sortable
width="210px"
align="center"
label="在产车实施日期">
</el-table-column>
<el-table-column
prop="XCXSSRQ"
sortable
align="center"
width="210px"
label="新车型实施日期">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="zccssrq"
width="210px"
align="center"
label="责任部门">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
width="180px"
align="center"
label="适用产品线">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
width="210px"
align="center"
label="乘用车VPPS中文名称">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
align="center"
width="210px"
label="卡车VPPS编码">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
align="center"
width="210px"
label="卡车VPPS中文名称">
</el-table-column>
<el-table-column>
<template slot-scope="scope">
<el-button
class="common-button-default"
type="primary"
size="small" @click="moveUp(scope.$index, scope.row)"
v-if="!disabledFlag"
class="common-button-default"
type="primary"
size="small" @click="moveUp(scope.$index, scope.row)"
v-if="!disabledFlag"
>上移</el-button>
<el-button
class="common-button-default"
type="danger"
size="small" @click="moveDown(scope.$index, scope.row)"
v-if="!disabledFlag"
class="common-button-default"
type="danger"
size="small" @click="moveDown(scope.$index, scope.row)"
v-if="!disabledFlag"
>下移</el-button>
</template>
</el-table-column>
@@ -484,7 +537,7 @@ export default {
type: '',
relateFile: '',
remark: '', // 清单说明
applicationScope: '' //适用领域
// applicationScope: '' //适用领域
},
fileInfoList: [], // 上传的附件
uploadFileListPath: 'api/att/attFile/upload', // 上传的地址
@@ -525,7 +578,7 @@ export default {
sarAccessInfoSearch: {
id: '',
countryArea: '', // 国家
applicationScope: '', //适用区域
// applicationScope: '', //适用区域
keywords: '', // 关键字
detailedListName: '', //清单名称
applyArctic: '', // 能源种类
@@ -790,6 +843,7 @@ export default {
uploadBackSuccess (res, file, fileList) {
if (res.ok) {
this.fileInfoList = fileList
console.log(this.fileInfoList)
this.fileInfoList[this.fileInfoList.length - 1].id = res.data.id
this.$message.success('上传成功')
} else {
@@ -1122,7 +1176,7 @@ export default {
let sarAccessEO = JSON.parse(JSON.stringify(this.sarAccessEO))
sarAccessEO.inforlist = JSON.stringify(rowlist)
sarAccessEO.countryArea = sarAccessEO.countryArea.join(',')
sarAccessEO.applicationScope = sarAccessEO.applicationScope.join(',')
// sarAccessEO.applicationScope = sarAccessEO.applicationScope.join(',')
// 判断是否有附件
if (this.fileInfoList.length > 0) {
let relateFile = []
@@ -1130,6 +1184,7 @@ export default {
relateFile.push(item.id)
})
sarAccessEO.relateFile = relateFile.join(',')
console.log(sarAccessEO.relateFile)
}
if (!sarAccessEO.id) {
// 新增
@@ -1140,10 +1195,15 @@ export default {
loading: 'loadData'
}, res => {
if (res.ok) {
this.$message.success('新增成功')
this.isNext = true
this.$router.push({
name: 'AccessStandardsAndRegulations'
name: 'AccessStandardsAndRegulations',
query: {
relateFile: sarAccessEO.relateFile
}
})
console.log(sarAccessEO)
}
}, e => {
})
@@ -1154,6 +1214,7 @@ export default {
loading: 'loadData'
}, res => {
if (res.ok) {
this.$message.success('编辑成功')
this.isNext = true
this.$router.push({
name: 'AccessStandardsAndRegulations'
@@ -1376,8 +1437,8 @@ export default {
this.sarAccessInfoList.push(nowstandinfo)
this.sarAccessInfoList[this.sarAccessInfoList.length - 1].uuid = this.number
this.number++
this.isSubmit = false
this.$message.success('添加成功')
this.isSubmit = false
} else {
this.sarAccessInfoList.map((item, index) => {
if (item.uuid === nowstandinfo.uuid) {
@@ -1678,7 +1739,7 @@ export default {
this.$nextTick(() => {
this.sarAccessEO.type = accessRow.type
this.sarAccessEO.countryArea = accessRow.countryArea.split(',')
this.sarAccessEO.applicationScope = accessRow.applicationScope.split(',')
// this.sarAccessEO.applicationScope = accessRow.applicationScope.split(',')
this.sarAccessEO.detailedListName = accessRow.detailedListName
this.sarAccessEO.id = accessRow.id
this.sarAccessEO.remark = accessRow.remark || ''
@@ -1768,4 +1829,4 @@ export default {
margin: 2px;
}
}
</style>
</style>
@@ -26,13 +26,13 @@
title="下载"
@click="downloadFile(item.id)"
class="icon-download"
v-btn-permission="'E5QPKLR9CFVXTV64N32C'"
v-btn-permission="''"
/>
<i
title="下载带水印"
@click="downloadFileByWater(item.id,item.name)"
class="icon-download2"
v-btn-permission="'43MBNPD59L2VYEQH4DSL'"
v-btn-permission="''"
/>
</p>
</div>
@@ -452,6 +452,7 @@ export default {
},
// 请求上传的文件信息
getFileInfo() {
console.log(this.sarAccessEO)
this.$http.get("att/attFile/getMultiFileInfos", {
fileIds: this.sarAccessEO.relateFile
}, {
@@ -564,6 +565,7 @@ export default {
mounted() {
this.$nextTick(() => {
let accessRow = JSON.parse(sessionStorage.getItem("accessRow"));
console.log(accessRow)
this.pageId = accessRow.id
this.sarAccessEO = accessRow;
this.selectInfobyAccid();
@@ -13,7 +13,7 @@
<el-form-item label="清单类别" prop="detailedList" class="search-item">
<el-input v-model="sarAccessEO.detailedList" :disabled="disabledFlag" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="适用领域" prop="applicationScope" class="search-item">
<!-- <el-form-item label="适用领域" prop="applicationScope" class="search-item">
<el-select
v-model="sarAccessEO.applicationScope"
multiple
@@ -30,7 +30,7 @@
>
</el-option>
</el-select>
</el-form-item>
</el-form-item>-->
<br/><br/>
<el-form-item label="清单说明" prop="remark" class="search-item max-search-item2">
<el-input
@@ -322,25 +322,78 @@
</el-table-column>
<el-table-column
prop="issueTime"
sortable
label="发布日期">
align="center"
width="180px"
label="英文名称">
</el-table-column>
<el-table-column
prop="xcxssrq"
prop="issueTime"
align="center"
width="180px"
label="适用车型">
</el-table-column>
<el-table-column
prop="issueTime"
align="center"
width="180px"
label="能源类型">
</el-table-column>
<el-table-column
prop="issueTime"
sortable
label="新车型实施日期">
align="center"
width="210px"
label="标准实施日期">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="zccssrq"
sortable
width="210px"
align="center"
label="在产车实施日期">
</el-table-column>
<el-table-column
prop="XCXSSRQ"
sortable
align="center"
width="210px"
label="新车型实施日期">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="zccssrq"
width="210px"
align="center"
label="责任部门">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
width="120px"
label="文本状态">
width="180px"
align="center"
label="适用产品线">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
width="210px"
align="center"
label="乘用车VPPS中文名称">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
align="center"
width="210px"
label="卡车VPPS编码">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
align="center"
width="210px"
label="卡车VPPS中文名称">
</el-table-column>
<el-table-column>
<template slot-scope="scope">
@@ -469,7 +522,7 @@ export default {
type: '',
relateFile: '',
remark: '', // 清单说明
applicationScope: '' //适用领域
// applicationScope: '' //适用领域
},
fileInfoList: [], // 上传的附件
uploadFileListPath: 'api/att/attFile/upload', // 上传的地址
@@ -510,7 +563,7 @@ export default {
sarAccessInfoSearch: {
id: '',
countryArea: '', // 国家
applicationScope: '', //适用区域
// applicationScope: '', //适用区域
keywords: '', // 关键字
detailedListName: '', //清单名称
applyArctic: '', // 能源种类
@@ -1107,7 +1160,7 @@ export default {
let sarAccessEO = JSON.parse(JSON.stringify(this.sarAccessEO))
sarAccessEO.inforlist = JSON.stringify(rowlist)
// sarAccessEO.countryArea = sarAccessEO.countryArea.join(',')
sarAccessEO.applicationScope = sarAccessEO.applicationScope.join(',')
// sarAccessEO.applicationScope = sarAccessEO.applicationScope.join(',')
// 判断是否有附件
if (this.fileInfoList.length > 0) {
let relateFile = []
@@ -1125,6 +1178,7 @@ export default {
loading: 'loadData'
}, res => {
if (res.ok) {
this.$message.success('新增成功')
this.isNext = true
this.$router.push({
name: 'AccessStandardsAndRegulations'
@@ -1139,6 +1193,7 @@ export default {
loading: 'loadData'
}, res => {
if (res.ok) {
this.$message.success('编辑成功')
this.isNext = true
this.$router.push({
name: 'AccessStandardsAndRegulations'
@@ -1669,7 +1724,7 @@ export default {
this.$nextTick(() => {
this.sarAccessEO.type = accessRow.type
this.sarAccessEO.countryArea = accessRow.countryArea.split(',')
this.sarAccessEO.applicationScope = accessRow.applicationScope.split(',')
// this.sarAccessEO.applicationScope = accessRow.applicationScope.split(',')
this.sarAccessEO.detailedListName = accessRow.detailedListName
this.sarAccessEO.id = accessRow.id
this.sarAccessEO.remark = accessRow.remark || ''
@@ -13,7 +13,7 @@
<el-form-item label="项目名称" prop="projectName" class="search-item">
<el-input v-model="sarAccessEO.projectName" :disabled="disabledFlag" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="适用领域" prop="applicationScope" class="search-item">
<!-- <el-form-item label="适用领域" prop="applicationScope" class="search-item">
<el-select
v-model="sarAccessEO.applicationScope"
multiple
@@ -30,7 +30,7 @@
>
</el-option>
</el-select>
</el-form-item>
</el-form-item>-->
<br/><br/>
<el-form-item label="清单说明" prop="remark" class="search-item max-search-item2">
<el-input
@@ -322,25 +322,78 @@
</el-table-column>
<el-table-column
prop="issueTime"
sortable
label="发布日期">
align="center"
width="180px"
label="英文名称">
</el-table-column>
<el-table-column
prop="xcxssrq"
prop="issueTime"
align="center"
width="180px"
label="适用车型">
</el-table-column>
<el-table-column
prop="issueTime"
align="center"
width="180px"
label="能源类型">
</el-table-column>
<el-table-column
prop="issueTime"
sortable
label="新车型实施日期">
align="center"
width="210px"
label="标准实施日期">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="zccssrq"
sortable
width="210px"
align="center"
label="在产车实施日期">
</el-table-column>
<el-table-column
prop="XCXSSRQ"
sortable
align="center"
width="210px"
label="新车型实施日期">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="zccssrq"
width="210px"
align="center"
label="责任部门">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
width="120px"
label="文本状态">
width="180px"
align="center"
label="适用产品线">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
width="210px"
align="center"
label="乘用车VPPS中文名称">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
align="center"
width="210px"
label="卡车VPPS编码">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
align="center"
width="210px"
label="卡车VPPS中文名称">
</el-table-column>
<el-table-column>
<template slot-scope="scope">
@@ -469,7 +522,7 @@ export default {
type: '',
relateFile: '',
remark: '', // 清单说明
applicationScope: '' //适用领域
// applicationScope: '' //适用领域
},
fileInfoList: [], // 上传的附件
uploadFileListPath: 'api/att/attFile/upload', // 上传的地址
@@ -510,7 +563,7 @@ export default {
sarAccessInfoSearch: {
id: '',
countryArea: '', // 国家
applicationScope: '', //适用区域
// applicationScope: '', //适用区域
keywords: '', // 关键字
detailedListName: '', //清单名称
applyArctic: '', // 能源种类
@@ -1108,7 +1161,7 @@ export default {
let sarAccessEO = JSON.parse(JSON.stringify(this.sarAccessEO))
sarAccessEO.inforlist = JSON.stringify(rowlist)
// sarAccessEO.countryArea = sarAccessEO.countryArea.join(',')
sarAccessEO.applicationScope = sarAccessEO.applicationScope.join(',')
// sarAccessEO.applicationScope = sarAccessEO.applicationScope.join(',')
// 判断是否有附件
if (this.fileInfoList.length > 0) {
let relateFile = []
@@ -1126,6 +1179,7 @@ export default {
loading: 'loadData'
}, res => {
if (res.ok) {
this.$message.success('新增成功')
this.isNext = true
this.$router.push({
name: 'AccessStandardsAndRegulations'
@@ -1140,6 +1194,7 @@ export default {
loading: 'loadData'
}, res => {
if (res.ok) {
this.$message.success('编辑成功')
this.isNext = true
this.$router.push({
name: 'AccessStandardsAndRegulations'
@@ -1670,7 +1725,7 @@ export default {
this.$nextTick(() => {
this.sarAccessEO.type = accessRow.type
this.sarAccessEO.countryArea = accessRow.countryArea.split(',')
this.sarAccessEO.applicationScope = accessRow.applicationScope.split(',')
// this.sarAccessEO.applicationScope = accessRow.applicationScope.split(',')
this.sarAccessEO.detailedListName = accessRow.detailedListName
this.sarAccessEO.id = accessRow.id
this.sarAccessEO.remark = accessRow.remark || ''