标准清单数据列表按钮
This commit is contained in:
@@ -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"></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"></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 {
|
||||
|
||||
+9
-2
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user