标准清单数据列表按钮

This commit is contained in:
shen_yan_pu
2021-08-06 10:51:08 +08:00
parent 5629302861
commit 68777a0c87
4 changed files with 147 additions and 122 deletions
@@ -119,13 +119,15 @@
<el-form :model="sarAccessInfo" class="label-input-form" v-if="!disabledFlag" inline>
<el-form-item label="标准号" class="labelBox">
<el-input
style="width: 165px"
v-model="sarAccessInfo.standNumber"
placeholder="请输入"
size="small"
clearable/>
</el-form-item>
<el-form-item label="标准名称" class="labelBox">
<el-form-item label="标准名称" class="labelBox1">
<el-input
style="width: 165px"
v-model="sarAccessInfo.standName"
placeholder="请输入"
size="small"
@@ -2175,7 +2177,12 @@ export default {
.labelBox {
/deep/ .el-form-item__label {
padding-right: 5px;
padding-left: 10px;
padding-left: 15px;
}
}
.labelBox1 {
/deep/ .el-form-item__label {
padding-right: 5px;
}
}
.un-select {
@@ -57,7 +57,6 @@
</el-form-item>
<el-form-item label="责任部门" class="search-item" prop="responseUnit">
<el-select
class="showBox"
v-model="standardForm.zrbm"
placeholder="请选择"
filterable
@@ -86,102 +85,11 @@
icon="export"
>导出
</el-button>
<el-button type="primary" v-if="showSelectBox" class="common-button-primary" size="mini" @click="selectMoreBtn">
<i class="iconfont">&#xe7a5;</i>
高级查询
</el-button>
<el-button type="primary" v-if="!showSelectBox" class="common-button-primary" size="mini" @click="selectMoreBtn">
<el-button type="primary" class="common-button-primary" size="mini" @click="selectMoreBtn">
<i class="iconfont">&#xe7a5;</i>
高级查询
</el-button>
</el-form>
<div v-if="!showSelectBox">
<el-form :model="standardFormList" class="label-input-form" label-width="108px" inline>
<el-row>
<el-col :span="24">
<el-form-item label="中文名称" class="search-item">
<el-input
v-model="standardFormList.standName"
placeholder="请输入"
:maxlength="100"
size="small"
/>
</el-form-item>
<el-form-item label="适用车型" class="labelBox" label-width="61px">
<el-select
class="showBox"
v-model="standardFormList.typeApplicable"
placeholder="请选择"
filterable
size="small"
>
<el-option
v-for="item in applyArcticOptions"
:value="item.value"
:key="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="能源类型" label-width="68px" >
<el-select
class="showBox"
v-model="standardFormList.nylx"
placeholder="请选择"
filterable
size="small"
>
<el-option
v-for="item in categoryOptions"
:value="item.value"
:key="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="责任部门" class="labelBox" label-width="108px" >
<el-select
class="showBox"
v-model="standardFormList.zrbm"
placeholder="请选择"
filterable
size="small"
>
<el-option
v-for="item in zrbmOptions"
:value="item.value"
:key="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="适用产品线" label-width="86px" >
<el-select
class="showBox"
v-model="standardFormList.sycpx"
placeholder="请选择"
filterable
size="small"
>
<el-option
v-for="item in sycpxOptions"
:value="item.value"
:key="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<div style="padding-left: 110px">
<el-form-item>
<el-button type="primary" size="small" style="width: 100px" @click="selectSuper">确认</el-button>
</el-form-item>
</div>
</el-col>
</el-row>
</el-form>
</div>
</div>
</div>
<div class="container" style="position:relative;">
@@ -358,6 +266,101 @@
</div>
</el-dialog>
<el-drawer
title="高级搜索"
size="700px"
:wrapperClosable="false"
:visible.sync="isAdvancedSearch">
<div class="demo-drawer-content">
<el-form :model="standardFormList" class="labelForm" label-position="right" label-width="100px">
<el-form-item label="中文名称" >
<el-input
class="showBox"
v-model="standardFormList.standName"
placeholder="请输入"
:maxlength="100"
size="small"
/>
</el-form-item>
<el-form-item label="适用车型" >
<el-select
class="showBox"
v-model="standardFormList.typeApplicable"
placeholder="请选择"
filterable
size="small"
>
<el-option
v-for="item in applyArcticOptions"
:value="item.value"
:key="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="能源类型" >
<el-select
class="showBox"
v-model="standardFormList.nylx"
placeholder="请选择"
filterable
size="small"
>
<el-option
v-for="item in categoryOptions"
:value="item.value"
:key="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="责任部门" >
<el-select
class="showBox"
v-model="standardFormList.zrbm"
placeholder="请选择"
filterable
size="small"
>
<el-option
v-for="item in zrbmOptions"
:value="item.value"
:key="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="适用产品线" >
<el-select
class="showBox"
v-model="standardFormList.sycpx"
placeholder="请选择"
filterable
size="small"
>
<el-option
v-for="item in sycpxOptions"
:value="item.value"
:key="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button
size="small"
icon="el-icon-check"
type="primary"
@click="queryInfo">搜索</el-button>
<el-button
size="small"
icon="el-icon-close"
@click="backInfo">取消</el-button>
</div>
</el-drawer>
<loading :loading="dataLoading">{{ $t("m.dataAcquisition") }}</loading>
</div>
</template>
@@ -368,6 +371,7 @@ export default {
name: "AccessStandardDetails",
data() {
return {
isAdvancedSearch: false,
// 高级检索状态
showSelectBox: true,
textStatusMap: {},
@@ -519,11 +523,6 @@ export default {
// this.$router.push(this.$store.state.detailMap)
// this.$store.commit('setDetailMap', '')
},
selectSuper() {
this.page = 1;
this.standardForm.page = 1;
this.selectInfoMore();
},
// 搜索
selectProductBtn() {
this.page = 1;
@@ -535,11 +534,6 @@ export default {
this.standardForm.zrbm = ''
this.standardForm.standName = ''
this.standardForm.responseUnit = ''
this.standardFormList.standName = ''
this.standardFormList.typeApplicable = ''
this.standardFormList.nylx = ''
this.standardFormList.zrbm = ''
this.standardFormList.sycpx = ''
this.selectInfobyAccid()
this.selectInfoMore()
},
@@ -701,18 +695,31 @@ export default {
* 高级检索
*/
selectMoreBtn() {
this.showSelectBox = !this.showSelectBox
this.isAdvancedSearch = true
this.standardFormList.standName = ''
this.standardFormList.typeApplicable = ''
this.standardFormList.nylx = ''
this.standardFormList.zrbm = ''
this.standardFormList.sycpx = ''
this.showTableFlag = false
if (!this.showSelectBox) {
// this.standardForm = {}
// this.standardForm.issueTime = ''
// this.standardForm.textStatus = ''
// this.standardForm.modifyTime = ''
}
this.page = 1
this.standardForm.page = 1
this.selectInfoMore()
},
queryInfo() {
this.page = 1;
this.standardForm.page = 1;
this.selectInfoMore();
this.isAdvancedSearch = false
},
backInfo() {
this.standardFormList.standName = ''
this.standardFormList.typeApplicable = ''
this.standardFormList.nylx = ''
this.standardFormList.zrbm = ''
this.standardFormList.sycpx = ''
this.isAdvancedSearch = false
},
// 获取工作组信息下拉框信息
getGzzOption() {
this.$http.get("lawss/sarGroupMenu/queryGroup", "", {
@@ -927,10 +934,8 @@ export default {
}
}
}
.labelBox {
/deep/ .el-form-item__label {
padding-right: 5px;
}
.labelForm {
margin-top: 20px;
}
/deep/ .relateClass {
& > button {
@@ -964,7 +969,7 @@ export default {
}
/deep/.showBox{
width: 165px;
width: 300px;
}
.iconClass {
width: 18px;
@@ -989,7 +994,6 @@ export default {
cursor: pointer
}
}
.relateClass {
.el-dialog__body {
max-height: 460px;
@@ -104,13 +104,15 @@
<el-form :model="sarAccessInfo" class="label-input-form" v-if="!disabledFlag" inline>
<el-form-item label="标准号" class="labelBox">
<el-input
style="width: 165px"
v-model="sarAccessInfo.standNumber"
placeholder="请输入"
size="small"
clearable/>
</el-form-item>
<el-form-item label="标准名称" class="labelBox">
<el-form-item label="标准名称" class="labelBox1">
<el-input
style="width: 165px"
v-model="sarAccessInfo.standName"
placeholder="请输入"
size="small"
@@ -2155,7 +2157,12 @@ export default {
.labelBox {
/deep/ .el-form-item__label {
padding-right: 5px;
padding-left: 10px;
padding-left: 23px;
}
}
.labelBox1 {
/deep/ .el-form-item__label {
padding-right: 5px;
}
}
.un-select {
@@ -104,13 +104,15 @@
<el-form :model="sarAccessInfo" class="label-input-form" v-if="!disabledFlag" inline>
<el-form-item label="标准号" class="labelBox">
<el-input
style="width: 165px;"
v-model="sarAccessInfo.standNumber"
placeholder="请输入"
size="small"
clearable/>
</el-form-item>
<el-form-item label="标准名称" class="labelBox">
<el-form-item label="标准名称" class="labelBox1">
<el-input
style="width: 165px"
v-model="sarAccessInfo.standName"
placeholder="请输入"
size="small"
@@ -2158,7 +2160,12 @@ export default {
.labelBox {
/deep/ .el-form-item__label {
padding-right: 5px;
padding-left: 10px;
padding-left: 23px;
}
}
.labelBox1 {
/deep/ .el-form-item__label {
padding-right: 5px;
}
}
.un-select {