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:
yanyizhou
2021-12-15 20:42:06 +08:00
parent ec51b30246
commit e1d3700dd8
2 changed files with 154 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/CustomFormComponents/Input.vue
+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>
src/components/CustomFormComponents/InputForStandardsForEnterprise.vue
+72 -47
View File
@@ -1,5 +1,5 @@
<template> <template>
<!-- <div>--> <!-- <div>-->
<el-col :span="span"> <el-col :span="span">
<el-form-item <el-form-item
:label="config.attrName" :label="config.attrName"
@@ -9,6 +9,9 @@
:class="{'form-item-disabled': disabled}" :class="{'form-item-disabled': disabled}"
> >
<el-input <el-input
type="textarea"
resize="none"
:autosize="true"
:value="value" :value="value"
:placeholder="placeholder" :placeholder="placeholder"
:disabled="disabled" :disabled="disabled"
@@ -22,7 +25,8 @@
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"
@@ -34,18 +38,19 @@
> >
<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"
@@ -89,23 +94,30 @@
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>
@@ -130,7 +142,7 @@
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;"
@@ -139,13 +151,16 @@
@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 {
@@ -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 {
/deep/ .el-dialog__footer {
padding: 0 20px 20px; padding: 0 20px 20px;
}
.add-form-item {
/deep/ .el-form-item__content {
.el-textarea {
width: calc(~'100% - 90px');
} }
/deep/.input-width input.el-input__inner { }
}
/deep/ .input-width input.el-input__inner {
width: 220px; width: 220px;
} }
</style> </style>