This commit is contained in:
zhutianqi
2021-12-27 18:08:08 +08:00
parent 75b99eabae
commit c302d80e48
2 changed files with 284 additions and 30 deletions
@@ -4566,7 +4566,6 @@ export default {
this.standNatureOptions = res.data.SARPROPERTY // 标准性质
this.standStateOptions = res.data.TEXTSTATUSBUSS // 文本状态
this.standSystemOptions = res.data.TXLBBUSS // 标准体系
console.log(this.standSystemOptions);
this.applyArcticOptions.options = res.data.ENERGYTYPES // 适用车型
this.categoryOptions.options = res.data.NYLXCLASS // 能源类型
this.applyAuthOptions.options = res.data.SYRZCLASS // 适用认证
@@ -263,40 +263,42 @@
v-model="addForm.unit">
</el-input>
<el-input
:key="addForm.unit"
:config="addForm"
clearable
v-model="addForm.unitName"
placeholder="请选择起草责任单位"
readonly
@click.native="choiceZRBM(addForm.unit)">
</el-input>
<!-- <el-tooltip v-if="addForm.unit" class="item" effect="dark" :content="addForm.unit" placement="top-start">-->
<!-- <el-input-->
<!-- :disabled="DrawerType === 'see'"-->
<!-- clearable-->
<!-- v-model="addForm.unit"-->
<!-- placeholder="选择或输入起草单位">-->
<!-- </el-input>-->
<!-- </el-tooltip>-->
<!-- <div v-else>-->
<!-- <el-input-->
<!-- :disabled="DrawerType === 'see'"-->
<!-- clearable-->
<!-- v-model="addForm.unit"-->
<!-- placeholder="选择或输入起草单位">-->
<!-- </el-input>-->
<!-- </div>-->
<!-- <div>-->
<!-- <el-button-->
<!-- :disabled="DrawerType === 'see'"-->
<!-- size="mini"-->
<!-- type="primary"-->
<!-- @click="QCDWClick"-->
<!-- class="common-button-primary">手动查找</el-button>-->
<!-- </div>-->
</div>
</el-form-item>
<el-form-item label="企业标准" style="width: 100%; margin-right:10px" class="add-form-item" prop="rqbJson" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<div style="display: flex;justify-content: space-between;align-items: center;">
<el-input
style="display: none;"
v-model="addForm.rqbJson">
</el-input>
<el-input
clearable
v-model="addForm.rqbName"
placeholder="请选择企业标准"
readonly
@click.native="choiceQYBZ(addForm.rqbJson)">
</el-input>
</div>
</el-form-item>
<el-form-item label="体系结构" style="width: 100%; margin-right:10px" class="add-form-item" prop="tsJson" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<div style="display: flex;justify-content: space-between;align-items: center;">
<el-input
style="display: none;"
v-model="addForm.tsJson">
</el-input>
<el-input
clearable
v-model="addForm.tsJsonName"
placeholder="请选择体系结构"
readonly
@click.native="choiceTXJG(addForm.tsJson)">
</el-input>
</div>
</el-form-item>
</el-form>
@@ -361,6 +363,128 @@
:nodeList="nodeListZRBM"
@checkedRole="drawerCheckZRBM"
/>
<el-drawer
title="选择企业标准"
:visible.sync="QYBZmodal"
size="900px"
custom-class="demo-drawer"
>
<div class="standardForComments">
<div class="content" style="height: 100%;">
<!-- 顶部工具栏 -->
<div class="search-area">
<el-form :model="QYBZform" inline class="label-input-form">
<el-formItem label="标准号" prop="numberName" class="search-item">
<el-input v-model="QYBZform.standCode" clearable placeholder="根据标准号查找" :maxlength="100"/>
</el-formItem>
<el-formItem label="标准名称" prop="standName" class="search-item">
<el-input v-model="QYBZform.standName" clearable placeholder="根据标准名称查找" :maxlength="100"/>
</el-formItem>
<el-formItem class="search-item btn-box">
<el-button
type="primary"
size="mini"
class="common-button-primary"
@click="QYBZget">查询
</el-button>
<el-button
class="common-button-default"
size="mini"
@click="clearQYBZ">清空
</el-button>
</el-formItem>
</el-form>
</div>
<div class="table-wrap" style="height: 100%;">
<div style="position: absolute;height: calc(100% - 10px);width: 100%;">
<el-table
ref="selection"
:data="QYBZList"
tooltip-effect="dark"
style="width: 100%;padding:0 0 20px 0;"
height="100%"
border
@selection-change="handleSelectionQYBZ"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
<el-table-column type="selection" width="55" align="center"/>
<el-table-column
label="企标编号"
prop="standCode"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
label="中文名称"
>
</el-table-column>
<el-table-column
prop="issueTime"
label="发布日期"
width="120"
>
<template slot-scope="scope">
<span>{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
</template>
</el-table-column>
<el-table-column
prop="putTime"
label="实施日期"
sortable
width="120"
>
<template slot-scope="scope">
<span>{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
</template>
</el-table-column>
<el-table-column
prop="standStatusShow"
label="文本状态"
width="110"
>
<template slot-scope="scope">
<span>{{scope.row.standStatusShow}}</span>
</template>
</el-table-column>
</el-table>
</div>
<pagination :page="QYBZform.page" :total="QYBZform.total" @pageChange="QYBZpageChange" @pageSizeChange="QYBZpageSizeChange"></pagination>
<loading :loading="QYBZShow">数据加载中</loading>
</div>
</div>
<div class="demo-drawer-footer">
<el-button size="mini" @click="QYBZcloseDrawer">取消</el-button>
<el-button type="primary" size="mini" @click="QYBZenterDrawer">导入</el-button>
</div>
</div>
</el-drawer>
<el-drawer
title="选择体系结构"
:visible.sync="TXJGmodal"
size="900px"
custom-class="demo-drawer"
>
<div class="standardForComments">
<div class="content" style="height: 100%;">
<el-tree
v-if="TXJGmodal"
ref="TXJGTree"
:data="standSystemOptions"
show-checkbox
node-key="id"
default-expand-all
check-strictly
:default-checked-keys="TXJGList"
:props="defaultProps">
</el-tree>
</div>
<div class="demo-drawer-footer">
<el-button size="mini" @click="TXJGcloseDrawer">取消</el-button>
<el-button type="primary" size="mini" @click="TXJGenterDrawer">确定</el-button>
</div>
</div>
</el-drawer>
</div>
</div>
</template>
@@ -371,9 +495,28 @@
components: {},
data() {
return {
TXJGList: [],
TXJGmodal: false,
standSystemOptions: [],
defaultProps: {
children: 'children',
label: 'menuName'
},
QYBZShow: false,
QYBZList: [],
modalshowflagZRBM: false,
nodeListZRBM: [],
QYBZformSelect: [],
QYBZmodal: false,
QYBZform: {
page: 1,
pageSzie: this.$store.getters.userInfo.configContent,
validFlag: '0',
userId: this.$store.getters.userInfo.userId,
standCode: '',
standName: '',
total: 0,
},
QCDWmodal: false,
QCDWValue: [],
QCDWList: [],
@@ -390,6 +533,10 @@
DrawerType: '',
ids: [],
addForm: {
tsJson: '',
tsJsonName: '',
rqbJson: '',
rqbName: '',
unit: '', // 单位
unitName: '',
esName: '', // 企标名称
@@ -450,6 +597,83 @@
props: {},
watch: {},
methods: {
TXJGcloseDrawer () {
this.TXJGmodal = false
},
TXJGenterDrawer () {
let list = this.$refs.TXJGTree.getCheckedNodes()
let id = ''
let name = ''
list.map(item => {
if (id.length > 0) {
id += ','
id += item.id
name += ','
name += item.menuName
} else {
id = item.id
name = item.menuName
}
})
this.addForm.tsJson = id
this.addForm.tsJsonName = name
this.TXJGmodal = false
},
choiceTXJG (id) {
if (id) {
this.TXJGList = id.split(',')
} else {
this.TXJGList = []
}
this.TXJGmodal = true
},
QYBZcloseDrawer () {
this.clearQYBZ()
},
QYBZenterDrawer () {
if (this.QYBZformSelect.length > 1) {
this.$message.warning('请选择一条标准')
} else if (this.QYBZformSelect.length < 1){
this.$message.warning('请选择要带入的标准')
} else {
this.addForm.rqbJson = this.QYBZformSelect[0].id
this.addForm.rqbName = this.QYBZformSelect[0].standName
this.clearQYBZ()
this.QYBZmodal = false
}
},
handleSelectionQYBZ (val) {
this.QYBZformSelect = val
},
QYBZpageChange (page) {
this.QYBZform.page = page
this.QYBZget()
},
QYBZpageSizeChange (pageSize) {
this.QYBZform.pageSize = pageSize
this.QYBZget()
},
QYBZget () {
this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', this.QYBZform, {
_this: this, loading: 'QYBZShow'
}, res => {
this.QYBZList = res.data.list
this.QYBZform.total = res.data.count
}, e => {
})
},
clearQYBZ () {
this.QYBZform = {
page: 1,
standCode: '',
standName: '',
}
},
choiceQYBZ (id) {
this.QYBZformSelect = []
this.QYBZget()
this.QYBZmodal = true
},
drawerCheckZRBM (data) {
let list = ''
let listName = ''
@@ -718,6 +942,7 @@
_this: this
}, res => {
this.QCDWList = res.data.QCDW // 起草单位
this.standSystemOptions = res.data.TXLBBUSS // 体系结构
}, e => {
})
},
@@ -730,6 +955,36 @@
#enterpriseStandardPlan {
height: 100%;
background: #fff;
.standardForComments {
height: calc(~'100% - 56px');
background: #fff;
flex-direction: column;
.action-bar {
margin-bottom: 5px;
padding: 0;
}
.content {
flex: auto;
overflow: hidden;
display: flex;
flex-direction: column;
.table-wrap {
flex: auto;
overflow: hidden;
position: relative;
}
}
& > .pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
/deep/.table-wrap {
.el-table__fixed {
height: calc(~'100% - 20px') !important;