企标库 - 代替企标编号撑开

This commit is contained in:
yanyizhou
2021-12-15 20:42:06 +08:00
parent ec51b30246
commit e1d3700dd8
2 changed files with 154 additions and 117 deletions
+14 -2
View File
@@ -12,6 +12,9 @@
:value="value" :value="value"
:placeholder="placeholder" :placeholder="placeholder"
:disabled="disabled" :disabled="disabled"
type="textarea"
resize="none"
:autosize="true"
clearable clearable
@input="handleChange" @input="handleChange"
></el-input> ></el-input>
@@ -63,6 +66,15 @@ export default {
} }
</script> </script>
<style scoped> <style lang="less" scoped>
.add-form-item{
/deep/.el-form-item__content{
.el-textarea{
width: calc(~'100% - 90px');
}
}
}
/deep/.el-dialog__body{
padding: 15px 20px;
}
</style> </style>
@@ -1,73 +1,78 @@
<template> <template>
<!-- <div>--> <!-- <div>-->
<el-col :span="span"> <el-col :span="span">
<el-form-item <el-form-item
:label="config.attrName" :label="config.attrName"
:prop="config.attrField" :prop="config.attrField"
:label-width="labelWidth" :label-width="labelWidth"
class="add-form-item leftButton" class="add-form-item leftButton"
:class="{'form-item-disabled': disabled}" :class="{'form-item-disabled': disabled}"
> >
<el-input <el-input
:value="value" type="textarea"
:placeholder="placeholder" resize="none"
:disabled="disabled" :autosize="true"
clearable :value="value"
@input="handleChange" :placeholder="placeholder"
:disabled="disabled"
clearable
@input="handleChange"
></el-input> ></el-input>
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini" size="mini"
style="position:absolute;top: 10px;right: 0;" style="position:absolute;top: 10px;right: 0;"
@click="selectLaws" @click="selectLaws"
v-if="(processModel && !disabled) || !processModel" v-if="(processModel && !disabled) || !processModel"
>手动查找</el-button> >手动查找
</el-button>
</el-form-item> </el-form-item>
<el-dialog <el-dialog
:title="config.attrName" :title="config.attrName"
:visible.sync="replaceLawsNumModel" :visible.sync="replaceLawsNumModel"
width="875px" width="875px"
:close-on-click-modal="false" :close-on-click-modal="false"
@close="replaceLawsNumModelCancel" @close="replaceLawsNumModelCancel"
:append-to-body="true" :append-to-body="true"
> >
<div class="search-area"> <div class="search-area">
<div class="left"> <div class="left">
<el-form :modal="replaceLawsNumForm" :inline="true" class="label-input-form" @keyup.enter.native="getReplaceLawsNumRowSearch"> <el-form :modal="replaceLawsNumForm" :inline="true" class="label-input-form"
<!-- <el-form-item label="数据来源" class="search-item">--> @keyup.enter.native="getReplaceLawsNumRowSearch">
<!-- <el-select v-model="replaceLawsNumForm.dataSource" filterable>--> <!-- <el-form-item label="数据来源" class="search-item">-->
<!-- <el-option--> <!-- <el-select v-model="replaceLawsNumForm.dataSource" filterable>-->
<!-- v-for="item in dataSourceOptions"--> <!-- <el-option-->
<!-- :key="item.value"--> <!-- v-for="item in dataSourceOptions"-->
<!-- :value="item.value"--> <!-- :key="item.value"-->
<!-- :label="item.label"--> <!-- :value="item.value"-->
<!-- >--> <!-- :label="item.label"-->
<!-- </el-option>--> <!-- >-->
<!-- </el-select>--> <!-- </el-option>-->
<!-- </el-form-item>--> <!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="企标编号/标准名称" class="search-item input-width"> <el-form-item label="企标编号/标准名称" class="search-item input-width">
<el-input <el-input
v-model="replaceLawsNumForm.numberName" v-model="replaceLawsNumForm.numberName"
placeholder="根据企标编号/标准名称查找" placeholder="根据企标编号/标准名称查找"
clearable clearable
:maxlength="100"></el-input> :maxlength="100"></el-input>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
round round
@click="getReplaceLawsNumRowSearch"> @click="getReplaceLawsNumRowSearch">
查询 查询
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
class="common-button-default" class="common-button-default"
round round
type="default" type="default"
@click="getResetLawsNumRow"> @click="getResetLawsNumRow">
清空 清空
</el-button> </el-button>
</el-form-item> </el-form-item>
@@ -75,77 +80,87 @@
</div> </div>
</div> </div>
<el-table <el-table
ref="selections" ref="selections"
:data="replaceLawsNumRow" :data="replaceLawsNumRow"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%;overflow-y: auto;overflow-x: hidden;" style="width: 100%;overflow-y: auto;overflow-x: hidden;"
border border
:height="300" :height="300"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="selectReplaceStandNumRowChange"> @selection-change="selectReplaceStandNumRowChange">
<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="standSortShow"--> <!-- prop="standSortShow"-->
<!-- label="企标类别"--> <!-- label="企标类别"-->
<!-- min-width="130"--> <!-- min-width="130"-->
<!-- >--> <!-- >-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<el-table-column <el-table-column
label="企标编号" label="企标编号"
min-width="130"> min-width="130">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="dataSource === 'BUSINESS'"> <span v-if="dataSource === 'BUSINESS'">
<a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standCode }}-{{ scope.row.standYear }}</a> <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standCode
}}-{{ scope.row.standYear }}</a>
<a v-else class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standCode }}</a> <a v-else class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standCode }}</a>
</span> </span>
<span v-else> <span v-else>
<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-if="scope.row.standYear" class="table-jump"
<a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}</a> @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>
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="standName" prop="standName"
label="标准名称" label="标准名称"
min-width="130"> min-width="130">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="issueTime" prop="issueTime"
label="发布日期" label="发布日期"
width="130"> width="130">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="putTime" prop="putTime"
label="实施日期" label="实施日期"
width="130"> width="130">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="standStatusShow" prop="standStatusShow"
label="文本状态" label="文本状态"
width="130"> width="130">
</el-table-column> </el-table-column>
</el-table> </el-table>
<loading :loading="replaceLoading">{{$t('m.dataAcquisition')}}</loading> <loading :loading="replaceLoading">{{ $t('m.dataAcquisition') }}</loading>
<!--分页--> <!--分页-->
<pagination <pagination
style="position: relative;" style="position: relative;"
:page="replacePage" :page="replacePage"
:total="replaceTotal" :total="replaceTotal"
@pageChange="pageChangeReplace" @pageChange="pageChangeReplace"
@pageSizeChange="pageSizeChangeReplace"></pagination> @pageSizeChange="pageSizeChangeReplace"></pagination>
<div slot="footer" class="demo-drawer-footer"> <div slot="footer" class="demo-drawer-footer">
<el-button class="common-button-default" round icon="el-icon-close" @click="replaceLawsNumModel = false">取消</el-button> <el-button class="common-button-default" round icon="el-icon-close" @click="replaceLawsNumModel = false">取消
<el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="replaceLawsNumModelBt">提交</el-button> </el-button>
<el-button type="primary" round class="common-button-primary" icon="el-icon-check"
@click="replaceLawsNumModelBt">提交
</el-button>
</div> </div>
</el-dialog> </el-dialog>
</el-col> </el-col>
<!-- </div>--> <!-- </div>-->
</template> </template>
@@ -180,7 +195,7 @@ export default {
default: '150px' default: '150px'
} }
}, },
data () { data() {
return { return {
replaceLawsNumModel: false, replaceLawsNumModel: false,
sarBussionessLawsEO: { sarBussionessLawsEO: {
@@ -212,28 +227,28 @@ export default {
} }
}, },
computed: { computed: {
placeholder () { placeholder() {
return `请输入${this.config.attrName}` return `请输入${this.config.attrName}`
}, },
showMessage () { showMessage() {
return `${this.config.attrName}不能为空` return `${this.config.attrName}不能为空`
}, },
isRequired () { isRequired() {
return !!this.config.isMust return !!this.config.isMust
} }
}, },
methods: { methods: {
getReplaceLawsNumRowSearch () { getReplaceLawsNumRowSearch() {
this.replaceLawsNumForm.page = 1 this.replaceLawsNumForm.page = 1
this.replacePage = 1 this.replacePage = 1
this.getReplaceLawsNumRow() this.getReplaceLawsNumRow()
}, },
handleChange (event) { handleChange(event) {
// const value = event.target.value // const value = event.target.value
const value = event const value = event
this.$emit('input', value) this.$emit('input', value)
}, },
selectLaws () { selectLaws() {
// if (this.standNumFlag === 1) { // if (this.standNumFlag === 1) {
// this.$refs.selections.selectAll(false) // this.$refs.selections.selectAll(false)
// } // }
@@ -242,7 +257,7 @@ export default {
this.getReplaceLawsNumRow() this.getReplaceLawsNumRow()
}, },
// 代替政策号 请求数据 // 代替政策号 请求数据
getReplaceLawsNumRow () { getReplaceLawsNumRow() {
if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') { if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') {
this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1 this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1
} else { } else {
@@ -257,7 +272,7 @@ export default {
formData.standType = this.replaceLawsNumForm.dataSource === 'INLAND_STAND' ? 'INLAND' formData.standType = this.replaceLawsNumForm.dataSource === 'INLAND_STAND' ? 'INLAND'
: this.replaceLawsNumForm.dataSource === 'FOREIGN_STAND' ? 'FOREIGN' : '' : this.replaceLawsNumForm.dataSource === 'FOREIGN_STAND' ? 'FOREIGN' : ''
formData.standNumber = formData.numberName formData.standNumber = formData.numberName
let url = this.replaceLawsNumForm.dataSource === 'BUSINESS' ? 'lawss/sarBussionessStand/getSarBussionStandPage' : 'sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage' let url = this.replaceLawsNumForm.dataSource === 'BUSINESS' ? 'lawss/sarBussionessStand/getSarBussionStandPage' : 'sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage'
this.$http.get(url, formData, { this.$http.get(url, formData, {
_this: this, _this: this,
loading: 'replaceLoading' loading: 'replaceLoading'
@@ -277,27 +292,27 @@ export default {
}) })
}, },
// 代替政策编号-取消 // 代替政策编号-取消
replaceLawsNumModelCancel () { replaceLawsNumModelCancel() {
// this.replaceLawsNumModel = false // this.replaceLawsNumModel = false
this.$refs.selections.clearSelection() this.$refs.selections.clearSelection()
}, },
// 代替政策号 table选择事件 // 代替政策号 table选择事件
selectReplaceStandNumRowChange (row) { selectReplaceStandNumRowChange(row) {
this.selectedListRep = row this.selectedListRep = row
}, },
// 代替政策分页 // 代替政策分页
pageChangeReplace (page) { pageChangeReplace(page) {
this.replacePage = page this.replacePage = page
this.replaceLawsNumForm.page = page this.replaceLawsNumForm.page = page
this.getReplaceLawsNumRow() this.getReplaceLawsNumRow()
}, },
pageSizeChangeReplace (pageSize) { pageSizeChangeReplace(pageSize) {
// this.replaceRows = pageSize // this.replaceRows = pageSize
this.replaceLawsNumForm.pageSize = pageSize this.replaceLawsNumForm.pageSize = pageSize
this.getReplaceLawsNumRow() this.getReplaceLawsNumRow()
}, },
// 代替政策编号确定 // 代替政策编号确定
replaceLawsNumModelBt () { replaceLawsNumModelBt() {
let textArr = [] let textArr = []
if (typeof this.value === 'string') { if (typeof this.value === 'string') {
@@ -342,7 +357,7 @@ export default {
this.$refs.selections.clearSelection() this.$refs.selections.clearSelection()
}, },
// 点击查看 // 点击查看
handlePreview (item) { handlePreview(item) {
let name = '' let name = ''
let pageType = '' let pageType = ''
switch (this.dataSource) { switch (this.dataSource) {
@@ -369,7 +384,7 @@ export default {
window.open(routeUrl.href, '_blank') window.open(routeUrl.href, '_blank')
}, },
getResetLawsNumRow () { getResetLawsNumRow() {
this.replaceLawsNumForm = { this.replaceLawsNumForm = {
dataSource: 'BUSINESS', dataSource: 'BUSINESS',
numberName: '', // 政策编号 numberName: '', // 政策编号
@@ -387,13 +402,23 @@ export default {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
/deep/.el-dialog__body { /deep/ .el-dialog__body {
padding: 0 20px 0; padding: 0 20px 0;
} }
/deep/.el-dialog__footer {
padding: 0 20px 20px; /deep/ .el-dialog__footer {
} padding: 0 20px 20px;
/deep/.input-width input.el-input__inner { }
width: 220px;
.add-form-item {
/deep/ .el-form-item__content {
.el-textarea {
width: calc(~'100% - 90px');
}
} }
}
/deep/ .input-width input.el-input__inner {
width: 220px;
}
</style> </style>