bug修改,标准法规的新增界面搜索接口暂无

This commit is contained in:
Jaunty
2021-07-15 09:07:57 +08:00
parent eeb5302a7a
commit 46d2d87494
10 changed files with 1647 additions and 657 deletions
+7 -35
View File
@@ -2,8 +2,8 @@
<template> <template>
<div class="link"> <div class="link">
<ul> <ul>
<li v-for="(link, index) in linkList" :key="index"> <li v-for="(link, index) in linkList" v-if="index<5" :key="index">
<a @click="openLinkUrl(link.newWebSite)" v-html="link.webName"></a> <a @click="openLinkUrl(link.url)" v-html="link.name"></a>
</li> </li>
<li> <li>
<router-link to="/linkManage">更多链接></router-link> <router-link to="/linkManage">更多链接></router-link>
@@ -19,36 +19,7 @@ export default {
mixins: [], mixins: [],
data() { data() {
return { return {
linkList: [ linkList: [],
{
newWebSite: 'http://www.sac.gov.cn/',
webName: '国家标准化管理委员会'
},
{
newWebSite: 'http://std.samr.gov.cn/',
webName: '全国标准公共服务平台'
},
{
newWebSite: 'http://www.catarc.org.cn/',
webName: '全国汽车标准化技术委员会'
},
{
newWebSite: 'http://jtst.mot.gov.cn/news/',
webName: '交通运输标准化信息平台'
},
{
newWebSite: 'http://www.miit-eidc.org.cn/',
webName: '工信部装备工业发展中心'
},
{
newWebSite: 'http://www.mee.gov.cn/',
webName: '中华人民共和国生态环境部'
},
// {
// newWebSite: '',
// webName: '更多链接>'
// }
]
} }
}, },
computed: {}, computed: {},
@@ -67,13 +38,14 @@ export default {
window.open('https://' + linkUri) window.open('https://' + linkUri)
} }
}, },
// 获取链接数据
getLink () { getLink () {
this.$http.get('sarUrl/tsUrl', {}, { this.$http.get('sarUrl/tsUrl', {
}, {
_this: this, _this: this,
loading: 'Loading' loading: 'Loading'
}, res=> { }, res=> {
this.data = res.data this.linkList = res.data
console.log(data);
}) })
} }
}, },
@@ -496,7 +496,6 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="code" prop="code"
fixed="left"
label="标准号"> label="标准号">
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="scope.row.standYear" class="table-jump" <a v-if="scope.row.standYear" class="table-jump"
File diff suppressed because it is too large Load Diff
@@ -85,9 +85,6 @@
icon="export" icon="export"
>导出 >导出
</el-button> </el-button>
<el-button type="primary" class="common-button-primary" size="mini" @click="selectMoreBtn"><i
class="iconfont">&#xe7a5;</i>高级查询
</el-button>
</el-form> </el-form>
</div> </div>
<div class="right"> <div class="right">
@@ -1654,9 +1654,7 @@ export default {
}, },
methods: { methods: {
popoverHide (checkedIds, checkedData) { popoverHide (checkedIds, checkedData) {
console.log(checkedData)
this.sarStandardsInfoEO.standSystem = checkedData.id this.sarStandardsInfoEO.standSystem = checkedData.id
console.log(this.sarStandardsInfoEO.standSystem);
}, },
closeModal () { closeModal () {
this.productModal = false this.productModal = false
@@ -0,0 +1,324 @@
<!-- ProcessFooter -->
<template>
<div class="process-footer" v-if="showSave || showSubmit">
<div class="footer-line"></div>
<div class="btn-group-wrap">
<slot></slot>
<el-button
type="warning"
icon="el-icon-edit-outline"
size="small"
class="common-button-warning"
@click="handleOnLineEdit"
v-if="showEdit">在线编辑</el-button>
<!-- <el-button-->
<!-- type="primary"-->
<!-- size="mini"-->
<!-- class="common-button-primary"-->
<!-- @click="handleEntrust"-->
<!-- :loading="isSubmit"-->
<!-- v-if="showEntrust">-->
<!-- <i class="iconfont" style="font-size: 12px;">&#xe615;</i>-->
<!-- 委托</el-button>-->
<el-button
type="primary"
size="small"
class="common-button-primary"
icon="el-icon-message"
@click="handleSendEmail"
:loading="sendEmailLoading"
v-if="showSendEmail"
>发送邮件</el-button>
<el-button
type="danger"
size="small"
class="common-button-danger"
icon="el-icon-close"
@click="handleOver"
:loading="submitLoading"
v-if="showOver"
>撤销申请</el-button>
<el-button
type="primary"
size="mini"
class="common-button-primary"
@click="handleSave"
:loading="saveLoading"
v-if="showSave">
<i class="iconfont">&#xe608;</i>
保存
</el-button>
<el-button
type="danger"
size="small"
class="common-button-danger"
@click="beforeBack"
:loading="isSubmit"
v-if="showBack">
<i class="iconfont" style="font-size: 12px;">&#xe615;</i>
{{ backBTNText }}</el-button>
<el-button
type="primary"
size="small"
class="common-button-primary"
icon="el-icon-check"
@click="handleSubmit"
:loading="submitLoading"
v-if="showSubmit"
>{{ submitBTNTextShow }}</el-button>
</div>
<!-- 组织机构树 -->
<!-- <ProcessChooseTree-->
<!-- :visible.sync="visibleTree"-->
<!-- show-user-->
<!-- :dept-select="false"-->
<!-- @dblClick="handleAssigneeNew"-->
<!-- ></ProcessChooseTree>-->
<!-- 在线编辑 -->
<only-office-edit ref="onlyOffice" :visible.sync="visibleOnlyOffice"></only-office-edit>
<!-- 从全公司选人,2021-03-22(上汽大数据量人员解决方案) -->
<org-table
v-if="showEntrust"
:visible.sync="visibleTree"
:config="{
value: this.orgTableVal,
valueName: this.orgTableName
}"
title="委托"
:exclude-user="userId"
:max-selected="1"
max-selected-tips="当前任务只能委托给一个人"
dialog-model
@confirm="handleAssigneeNew"
></org-table>
</div>
</template>
<script>
import ProcessChooseTree from 'process/components/ProcessChooseTree'
import OnlyOfficeEdit from '@/components/onlyOfficeEdit'
import { changeAssigneeNew } from 'api/process'
import { mapGetters } from 'vuex'
export default {
name: 'ProcessFooter',
mixins: [],
props: {
// 是否显示结束流程按钮
showOver: {
type: Boolean,
default: false
},
// 是否显示保存按钮
showSave: {
type: Boolean,
default: false
},
// 是否显示发送邮件按钮
showSendEmail: {
type: Boolean,
default: false
},
// 发送邮件按钮loading
sendEmailLoading: {
type: Boolean,
default: false
},
// 是否显示提交按钮
showSubmit: {
type: Boolean,
default: false
},
// 是否显示委托按钮
showEntrust: {
type: Boolean,
default: false
},
// 是否显示退回按钮
showBack: {
type: Boolean,
default: false
},
// 提交按钮loading
submitLoading: {
type: Boolean,
default: false
},
// 保存按钮loading
saveLoading: {
type: Boolean,
default: false
},
// 是否默认委托事件
defaultEntrust: {
type: Boolean,
default: false
},
// 是否显示在线编辑按钮
showEdit: {
type: Boolean,
default: false
},
// 标准编号(在线编辑)
standNo: {
type: String
},
// 未选择标准编号/企标编号进行在线编辑的提示
noStandNoTip: {
type: String,
default: '请选择或输入企标编号后进行在线编辑'
},
// 审批节点
approval: {
type: Boolean,
default: false
},
// 带有退回/驳回意见
opinion: {
type: Boolean,
default: false
},
submitBTNText: {
type: String
}
},
components: {
ProcessChooseTree,
OnlyOfficeEdit
},
data () {
return {
isSubmit: false,
visibleTree: false,
visibleOnlyOffice: false,
orgTableVal: '',
orgTableName: ''
}
},
methods: {
handleOver() {
this.$emit('over')
},
handleSave() {
this.$emit('save')
},
handleSubmit() {
this.$emit('submit')
},
handleSendEmail() {
this.$emit('sendEmail')
},
handleEntrust() {
if (this.defaultEntrust) {
this.visibleTree = true
} else {
this.$emit('entrust')
}
},
handleBack() {
if (!this.opinion) {
this.$confirm(`您确定要${this.approval ? '驳回' : '退回'}该任务吗?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
confirmButtonClass: 'common-button-primary',
roundButton: true
}).then(() => {
this.$emit('back')
}).catch(() => {})
} else {
this.$emit('back')
}
},
/**
* @description: 委托
* @date: 2020-12-16 10:11:31
* @auth: chenxiaoxi
*/
handleAssigneeNew(checkedList, checkedIdList) {
if (!checkedList.length) { return false }
const assignee = checkedIdList[0]
const assigneeUserName = checkedList[0].userName
this.$confirm(`您确定要委托 ${assigneeUserName} 完成该任务吗?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
confirmButtonClass: 'common-button-primary',
roundButton: true
}).then(() => {
changeAssigneeNew({
taskId: this.$store.getters.getHandleInfo.taskIds, // 任务id
assignee, // 被委托人
userId: this.$store.getters.userInfo.userId, // 委托人
pId: this.$store.getters.getHandleInfo.prcId // 流程实例
}).then(res => {
if (res.success) {
this.$message.success('委托成功')
setTimeout(() => {
this.$router.push({
name: 'ProcessCenter'
})
}, 100)
this.visibleTree = false
} else {
this.$message.warning(res.message)
}
})
}).catch(() => {})
},
/**
* @description: 在线编辑
* @date: 2021-01-08 10:32:16
* @auth: chenxiaoxi
*/
handleOnLineEdit() {
if (!this.standNo || this.standNo === '') {
this.$message.warning(this.noStandNoTip)
} else {
this.visibleOnlyOffice = true
this.$nextTick(() => {
this.$refs['onlyOffice'].officeInit(this.standNo, this.standId)
})
}
},
beforeBack() {
this.handleBack()
}
},
computed: {
// 提交按钮文字
submitBTNTextShow() {
return this.submitBTNText ? this.submitBTNText : this.approval ? '同意' : '提交'
},
// 退回按钮文字
backBTNText() {
return this.approval ? '驳回' : '退回'
},
userId() {
return this.userInfo.userId
},
...mapGetters(['userInfo'])
},
watch: {},
mounted () {}
}
</script>
<style lang="less" scoped>
.process-footer {
line-height: 50px;
text-align: right;
background: #fff;
z-index: 999;
padding: 0;
.footer-line {
height: 1px;
box-shadow: 0 -1px 2px 0px #e8e8e8;
}
}
</style>
@@ -0,0 +1,89 @@
<!-- 流程信息公共头部 -->
<template>
<div class="prc-header-wrap">
<div class="process-header">
<div class="back" title="返回流程中心" @click="handleBack">
<i class="el-icon-back"></i>
</div>
<span class="process-title">
流程中心 <slot name="proName"></slot>
<a>(<slot name="proNode"></slot>)</a>
</span>
</div>
<el-divider></el-divider>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
name: 'ProcessHeader',
mixins: [],
props: {
toggle: {
type: Boolean,
default: false
}
},
components: {},
data () {
return {
activeName: '',
opacityStyle: {},
headerFixed: false
}
},
methods: {
handleBack() {
if (this.$store.state.detailMap !== '') {
this.$router.push({
path: this.$store.state.detailMap,
query: {
prcNum: this.$store.getters.getHandleInfo.prcNum,
tabsName: this.$store.getters.getHandleInfo.tabsName
}
})
this.$store.commit('setDetailMap', '')
} else {
this.$router.push({
name: 'ProcessCenter'
})
}
}
},
computed: {
...mapGetters(['isCollapse'])
},
watch: {},
mounted () {
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.el-divider {
margin: 10px 0 0;
}
.process-header {
position: relative;
padding-top: 10px;
}
.back {
margin-left: 10px;
}
.process-title {
font-size: 18px;
font-weight: bold;
display: inline-block;
height: 30px;
line-height: 30px;
a {
font-size: 14px;
margin-left: 5px;
cursor: default;
color: #888;
}
}
</style>
@@ -0,0 +1,32 @@
<!-- 流程信息公共标题 -->
<template>
<div class="contentTitle">
<div class="titleIcon"></div>
<div class="titleText"><slot name="title"></slot></div>
</div>
</template>
<script>
export default {
name: "ProcessTitle"
}
</script>
<style scoped lang="less">
.contentTitle {
height: 30px;
display: flex;
align-items: center;
color: #E6A23C;
.titleIcon{
background: #E6A23C;
width: 3px;
height: 14px;
}
.titleText{
margin-left: 10px;
font-size: 16px;
font-weight: bold;
}
}
</style>
@@ -1460,28 +1460,6 @@ export default {
this.reletionSelectNum = [] this.reletionSelectNum = []
this.showModelRelation = false this.showModelRelation = false
}, },
// 删除
handleDelete (row) {
this.$confirm('此操作将永久删除这条数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
confirmButtonClass: 'common-button-primary',
roundButton: true,
type: 'warning'
}).then(() => {
this.$http.post('lawss/sarProductInfo/deleteLocalProducts',
{
ids: row.id
}, {
_this: this
}, res => {
if (res.ok) {
this.getLocalProductTable()
}
})
}).catch(() => {
})
},
// 分页点击后方法 // 分页点击后方法
pageChange (page) { pageChange (page) {
this.localProTableSearch.page = page this.localProTableSearch.page = page
@@ -9,210 +9,270 @@
<div class="contaiiner"> <div class="contaiiner">
<el-card class="contaiinerCard" style="margin: 5px"> <el-card class="contaiinerCard" style="margin: 5px">
<div style="padding: 20px"> <div style="padding: 20px">
<el-row style="margin-top: 10px"> <el-row style="margin-top: 10px">
<el-col :span="5">产品平台: <span class="valueColor">{{ localProEO.projectPlatfor}}</span></el-col> <el-col :span="5">产品平台: <span class="valueColor">{{ localProEO.projectPlatfor}}</span></el-col>
<el-col :span="5" :push="1">项目编号: <span class="valueColor">{{ localProEO.projectNumber }}</span></el-col> <el-col :span="5" :push="1">项目编号: <span class="valueColor">{{ localProEO.projectNumber }}</span></el-col>
<el-col :span="5" :push="2">项目名称: <span class="valueColor">{{ localProEO.projectName }}</span></el-col> <el-col :span="5" :push="2">项目名称: <span class="valueColor">{{ localProEO.projectName }}</span></el-col>
<!-- <el-col :span="5" :push="2">车型系列:<span class="valueColor">{{ localProEO.productSet }}</span></el-col>--> <!-- <el-col :span="5" :push="2">车型系列:<span class="valueColor">{{ localProEO.productSet }}</span></el-col>-->
<el-col :span="4" :push="3">项目分类:<span class="valueColor">{{ localProEO.projectClassification }}</span></el-col> <el-col :span="4" :push="3">项目分类:<span class="valueColor">{{ localProEO.projectClassification }}</span></el-col>
</el-row> </el-row>
<el-row style="margin-top: 10px"> <el-row style="margin-top: 10px">
<el-col :span="5">项目状态: <span class="valueColor">{{ localProEO.projectStatus }} </span></el-col> <el-col :span="5">项目状态: <span class="valueColor">{{ localProEO.projectStatus }} </span></el-col>
<el-col :span="5" :push="1">项目群: <span class="valueColor">{{ localProEO.projectGroup }} </span></el-col> <el-col :span="5" :push="1">项目群: <span class="valueColor">{{ localProEO.projectGroup }} </span></el-col>
<el-col :span="5" :push="2">当前节点: <span class="valueColor">{{ localProEO.currentNode }} </span></el-col> <el-col :span="5" :push="2">当前节点: <span class="valueColor">{{ localProEO.currentNode }} </span></el-col>
<el-col :span="4" :push="3">项目级别: <span class="valueColor">{{ localProEO.projectLevel }} </span></el-col> <el-col :span="4" :push="3">项目级别: <span class="valueColor">{{ localProEO.projectLevel }} </span></el-col>
</el-row> </el-row>
<el-row style="margin-top: 10px"> <el-row style="margin-top: 10px">
<el-col :span="5">项目经理: <span class="valueColor">{{ localProEO.projectManager }} </span></el-col> <el-col :span="5">项目经理: <span class="valueColor">{{ localProEO.projectManager }} </span></el-col>
<el-col :span="5" :push="1"> 项目计划开始时间: <span class="valueColor">{{ localProEO.projectStartDate}}</span></el-col> <el-col :span="5" :push="1"> 项目计划开始时间: <span class="valueColor">{{ localProEO.projectStartDate}}</span></el-col>
<el-col :span="5" :push="2">项目计划完成时间: <span class="valueColor">{{localProEO.projectEndDate }} </span></el-col> <el-col :span="5" :push="2">项目计划完成时间: <span class="valueColor">{{localProEO.projectEndDate }} </span></el-col>
</el-row> </el-row>
</div> </div>
</el-card> </el-card>
<div class="action-bar"> <div class="action-bar">
<el-button class="common-button-default delete-button" <el-button plain class="common-button-primary" size="mini" @click="addList">添加</el-button>
size="mini" @click="selectStandLawsForProduct" <el-button plain class="common-button-primary" size="mini" @click="deleteList">批量删除</el-button>
v-btn-permission="'KJJ6U32LFL4PAK5C6P55'"
>调取</el-button>
<el-button class="common-button-default delete-button"
size="mini" @click="deleteStandLawsForProduct(1)"
icon="delete"
v-btn-permission="'KJJ6U32LFL4PAK5C6P55'"
>删除</el-button>
<el-button class="common-button-default export-button" <el-button class="common-button-default export-button"
size="mini" @click="exportProducdata" size="mini" @click="exportProducdata"
title="不勾选时默认导出所有筛选项;勾选时仅导出勾选项" title="不勾选时默认导出所有筛选项;勾选时仅导出勾选项"
icon="export" icon="export"
>导出</el-button> >导出</el-button>
</div> </div>
<!-- <el-tabs type="border-card">--> <!-- <el-tabs type="border-card">-->
<!-- <el-tab-pane :label="localProEO.productName" class="details-panel-tabs-item">--> <!-- <el-tab-pane :label="localProEO.productName" class="details-panel-tabs-item">-->
<div class="table-wrapper"> <div class="table-wrapper">
<el-table <el-table
:data="data" :data="detailList"
style="width: 100%" style="width: 100%"
:height="Height" :height="Height"
border border
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}" fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}"
@selection-change="standSelectChange" @selection-change="standSelectChange"
ref="selection" ref="selection"
> >
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="standName" prop="standName"
label="中文名称" label="中文名称"
fixed="left" fixed="left"
width="260px" width="260px"
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="enName" prop="enName"
label="英文名称" label="英文名称"
width="260px" width="260px"
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="sarState" prop="sarState"
align="center" align="center"
width="100" width="100"
label="合规性分级"> label="合规性分级">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click="chooseColor(scope.row,'2')"> <div @click="chooseColor(scope.row,'2')">
<div v-if="!scope.row.color"> <div v-if="!scope.row.color">
<div v-if="scope.row.actState === ''||scope.row.actState === null"> <div v-if="scope.row.actState === ''||scope.row.actState === null">
<img class="iconClass" src="../../../../assets/images/ComplianceClassification/white.png" > <img class="iconClass" src="../../../../assets/images/ComplianceClassification/white.png" >
</div>
<div v-else-if="scope.row.sarState === 8 || scope.row.sarState === '' ||scope.row.sarState === null" >
<!-- <img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">-->
<!--暂不显示-->
</div>
<div v-else-if="scope.row.sarState === 2" >
<img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">
</div>
<div v-else-if="scope.row.sarState === 5">
<img class="iconClass" src="../../../../assets/images/ComplianceClassification/grey.png">
</div>
<div v-else>
<img class="iconClass" @click="typeColor(scope.row, 2, 1)" src="../../../../assets/images/ComplianceClassification/yellow.png" >
</div>
</div>
<div v-else>
<div v-if="scope.row.color === 'green'" >
<img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'red'" >
<img class="iconClass" src="../../../../assets/images/ComplianceClassification/red.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'blue'" >
<img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'grey'" >
<img class="iconClass" src="../../../../assets/images/ComplianceClassification/grey.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'yellow'" >
<img class="iconClass" src="../../../../assets/images/ComplianceClassification/yellow.png">
<!--暂不显示-->
</div>
</div>
</div> </div>
</template> <div v-else-if="scope.row.sarState === 8 || scope.row.sarState === '' ||scope.row.sarState === null" >
</el-table-column> <!-- <img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">-->
<el-table-column <!--暂不显示-->
prop="authDelive" </div>
width="120px" <div v-else-if="scope.row.sarState === 2" >
label="认证交付物"> <img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">
</el-table-column> </div>
<el-table-column <div v-else-if="scope.row.sarState === 5">
prop="authObjId" <img class="iconClass" src="../../../../assets/images/ComplianceClassification/grey.png">
width="100px" </div>
label="认证对象"> <div v-else>
</el-table-column> <img class="iconClass" @click="typeColor(scope.row, 2, 1)" src="../../../../assets/images/ComplianceClassification/yellow.png" >
<el-table-column </div>
prop="newPutTime" </div>
width="190px" <div v-else>
sortable <div v-if="scope.row.color === 'green'" >
label="新车型实施日期"> <img class="iconClass" src="../../../../assets/images/ComplianceClassification/green.png">
</el-table-column> <!--暂不显示-->
<el-table-column </div>
prop="prodPutTime" <div v-if="scope.row.color === 'red'" >
sortable <img class="iconClass" src="../../../../assets/images/ComplianceClassification/red.png">
width="190px" <!--暂不显示-->
label="在产车实施日期"> </div>
</el-table-column> <div v-if="scope.row.color === 'blue'" >
<el-table-column <img class="iconClass" src="../../../../assets/images/ComplianceClassification/blue.png">
prop="eopPutTime" <!--暂不显示-->
sortable </div>
width="190px" <div v-if="scope.row.color === 'grey'" >
label="EOP实施日期"> <img class="iconClass" src="../../../../assets/images/ComplianceClassification/grey.png">
<template slot-scope="scope"> <!--暂不显示-->
</div>
<div v-if="scope.row.color === 'yellow'" >
<img class="iconClass" src="../../../../assets/images/ComplianceClassification/yellow.png">
<!--暂不显示-->
</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column
prop="authDelive"
width="120px"
label="认证交付物">
</el-table-column>
<el-table-column
prop="authObjId"
width="100px"
label="认证对象">
</el-table-column>
<el-table-column
prop="newPutTime"
width="190px"
sortable
label="新车型实施日期">
</el-table-column>
<el-table-column
prop="prodPutTime"
sortable
width="190px"
label="在产车实施日期">
</el-table-column>
<el-table-column
prop="eopPutTime"
sortable
width="190px"
label="EOP实施日期">
<template slot-scope="scope">
<span>{{ scope.row.eopPutTime !== null && scope.row.eopPutTime !== 'N/A' && scope.row.eopPutTime !== 'TBD' <span>{{ scope.row.eopPutTime !== null && scope.row.eopPutTime !== 'N/A' && scope.row.eopPutTime !== 'TBD'
&& scope.row.eopPutTime !== '已实施' ? $moment(scope.row.eopPutTime).format('YYYY-MM-DD') : scope.row.eopPutTime }}</span> && scope.row.eopPutTime !== '已实施' ? $moment(scope.row.eopPutTime).format('YYYY-MM-DD') : scope.row.eopPutTime }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
prop="synopsis" prop="synopsis"
width="200px" width="200px"
label="文本说明"> label="文本说明">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
prop="performInfo" prop="performInfo"
width="280px" width="280px"
label="实施说明"> label="实施说明">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="dutyDepart" prop="dutyDepart"
width="150px" width="150px"
label="责任部门"> label="责任部门">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="foUser" prop="foUser"
width="150px" width="150px"
label="FO"> label="FO">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="proEssessUser" prop="proEssessUser"
width="120px" width="120px"
label="项目评估角色"> label="项目评估角色">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="askTypeName" prop="askTypeName"
width="100px" width="100px"
label="要求类型"> label="要求类型">
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
style="position: relative;" style="position: relative;"
:page="page" :page="page"
:total="total" :total="total"
@pageChange="pageChangeLaws" @pageChange="pageChangeLaws"
@pageSizeChange="pageSizeChangeLaws"></pagination> @pageSizeChange="pageSizeChangeLaws"></pagination>
</div> </div>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
<!-- </el-tab-pane>--> <!-- </el-tab-pane>-->
<!-- </el-tabs>--> <!-- </el-tabs>-->
</div> </div>
<!-- 调取弹窗 --> <!-- 调取弹窗 -->
<el-drawer <el-drawer
title="调取" title="调取"
:visible.sync="takeingFlag" :visible.sync="standModel"
:wrapperClosable="false" size="900px"
size="800px" custom-class="demo-drawer"
:before-close="resetTakeingForm"
> >
<div class="demo-drawer-content">
<div style="position: absolute;bottom: 48px;top:16px;left: 0;right: 0">
<div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
<el-table
:data="standardData"
tooltip-effect="dark"
style="width: 100%"
border
ref="table"
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="selectThree"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
prop="code"
label="标准号">
<template slot-scope="scope">
<a v-if="scope.row.standYear" class="table-jump"
@click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber
}}-{{ scope.row.standYear }}</a>
<a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
{{ scope.row.standNumber }}</a>
</template>
</el-table-column>
<el-table-column
prop="standName"
label="标准名称"
>
</el-table-column>
<el-table-column
prop="issueTime"
label="发布日期">
</el-table-column>
<el-table-column
prop="xcxssrq"
label="新车型实施日期">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="zccssrq"
label="在产车实施日期">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="textStatus"
label="文本状态">
</el-table-column>
</el-table>
</div>
<pagination
:page="pageNo"
:pageSize="pageSizeNo"
:total="totalNo"
@pageChange="pageChangeNo"
@pageSizeChange="pageSizeChangeNo"
style="position: absolute;"
/>
</div>
</div>
<div class="demo-drawer-footer">
<el-button size="mini" @click="cancelStand">取消</el-button>
<el-button type="primary" size="mini" @click="okStand">添加</el-button>
</div>
</el-drawer> </el-drawer>
<!--导出--> <!--导出-->
<el-dialog :visible.sync="exportModelFlag" title="导出文件" width="700" :show-close="false"> <el-dialog :visible.sync="exportModelFlag" title="导出文件" width="700" :show-close="false">
@@ -227,7 +287,6 @@
<script> <script>
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import LawsTreeView from '@/components/ProjectRelatedPersonnel/view' import LawsTreeView from '@/components/ProjectRelatedPersonnel/view'
export default { export default {
name: 'Details', name: 'Details',
components: { components: {
@@ -235,6 +294,15 @@ export default {
}, },
data () { data () {
return { return {
pageSizeNo: this.$store.getters.userInfo.configContent,
pageSize: this.$store.getters.userInfo.configContent,
pageNo: 1,
standardData: [], //添加标准数据
totalNo: 0,
standModel: false, // 选择标准抽屉状态
selectList: [], //选择标准的选择框
dataList: [],//清单里的标准数据
detailList:[],//详情表格数据
page: 1, page: 1,
total: 0, total: 0,
loading: false, loading: false,
@@ -248,12 +316,149 @@ export default {
} }
}, },
methods: { methods: {
pageChange(page) {
this.page = page;
this.selectionList();
},
pageSizeChange(pageSize) {
this.pageSize = this.$store.getters.userInfo.configContent;
this.selectionList();
},
pageChangeNo(page){
this.page = page
this.addList()
},
pageSizeChangeNo(pageSize){
this.pageSizeNo = this.$store.getters.userInfo.configContent;
this.addList()
},
//添加标准select的改变
selectThree(data) {
this.standList = data;
},
//点击添加事件
addList() {
this.$http.get("sarStandProjectLibrary/queryStandInfo", "", {
_this: this
}, res => {
this.standardData = res.data.list;
this.totalNo = res.data.pageCount
}, e => {
});
this.standModel = true;
},
// 点击批量删除事件
deleteList() {
if (this.selectList.length < 1) {
this.$message.warning("请选择一条数据进行删除");
} else {
this.$confirm("您确认删除这些数据?", "提示", {
confirmButtonText: "确认",
confirmButtonClass: "common-button-primary",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
let exits = [];
this.selectList.map(item => {
let index;
index = this.dataList.findIndex(items => {
return items.id = item;
});
if (index > -1) {
this.dataList.splice(index, 1);
}
exits.push(item);
});
this.selectList = [];
}).catch(() => {
});
}
},
//添加标准取消事件
cancelStand() {
this.standModel = false;
},
//添加标准确定事件
okStand() {
let _this = this;
if (this.standList.length < 1) {
_this.$message.warning("请选择需要添加进清单的数据");
} else {
_this.standList.map(item => {
let newStand = false;
for (let itemKey of _this.dataList) {
if (item.id == itemKey.id) {
newStand = true;
break;
}
}
if (newStand) {
_this.$message.warning("请勿重复添加数据");
} else {
_this.dataList.push(item);
}
});
this.standardData = []
_this.standModel = false;
}
},
//选择清单确定事件
OkDrawer() {
if (this.selectedList.length === 1) {
let deposit = new Map();
this.sarAccessListDatas.forEach(item => {
deposit.set(item.id, item);
});
let bringData = [];
for (let i = 0; i < this.selectedList.length; i++) {
bringData.push(deposit.get(this.selectedList[i]));
}
this.listForm.standId = bringData[0].id;
this.listForm.listName = bringData[0].detailedListName;
this.listForm.applyRegion = bringData[0].applicationScope;
this.listForm.descriptionList = bringData[0].remark;
this.listForm.fileId = bringData[0].fileId;
this.ListModel = false;
this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", { id: bringData[0].id }, {
_this: this
}, res => {
if(res.data==null){
res.data=[]
}
this.dataList = res.data;
console.log(res.data);
this.listForm.dataList = res.data;
let formId = []
this.dataList.map(item => {
formId.push(item.id)
});
this.listForm.inforlist = formId.join(',');
}, e => {
});
} else if (this.selectedList.length > 1) {
this.$message.warning("只能选择一条数据进行带入");
} else {
this.$message.warning("请选择一条数据进行带入");
}
},
back () { back () {
this.$router.push(this.$store.state.detailMap) this.$router.push(this.$store.state.detailMap)
this.$store.commit('setDetailMap', '') this.$store.commit('setDetailMap', '')
}, },
showLocalProductData (item) { showLocalProductData (item) {
this.localProEO = JSON.parse(JSON.stringify(item)) this.localProEO = JSON.parse(JSON.stringify(item))
// 查询详情表格数据
this.$http.get('sarStandProjectLibrary/queryStandInfo', {
id:this.localProEO.id
}, {
_this: this,
loading: 'loading'
}, res => {
console.log('查询')
console.log(res.data.records)
}, e => {
})
this.pointTimeList = JSON.parse(JSON.stringify(item)).pointTime.split(',') this.pointTimeList = JSON.parse(JSON.stringify(item)).pointTime.split(',')
this.reverseTimeList = this.pointTimeList.reverse() this.reverseTimeList = this.pointTimeList.reverse()
this.reverseTimeList.map((item, index) => { this.reverseTimeList.map((item, index) => {
@@ -284,7 +489,6 @@ export default {
pageChangeLaws() {}, pageChangeLaws() {},
pageSizeChangeLaws() {}, pageSizeChangeLaws() {},
standSelectChange() {},//选项值发生改变 standSelectChange() {},//选项值发生改变
}, },
computed: { computed: {
...mapGetters(['getLocalPro']) ...mapGetters(['getLocalPro'])
@@ -308,10 +512,10 @@ export default {
}, e => { }, e => {
}) })
} }
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.localProductDetails{ .localProductDetails{
.typeIcon { .typeIcon {
@@ -484,7 +688,6 @@ export default {
padding: 0; padding: 0;
} }
</style> </style>
<style lang="less"> <style lang="less">
.localProductDetails { .localProductDetails {
height: 100%; height: 100%;
@@ -494,8 +697,9 @@ export default {
} }
.leftTable{ .leftTable{
.el-table--enable-row-transition .el-table__body td { .el-table--enable-row-transition .el-table__body td {
cursor: pointer; cursor: pointer;
} }
} } .demo-drawer-content {
margin-top: 10px;
</style> }
</style>