suzhou-jichuang-lanhai
/
suzhouyingjiPC
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

选择省重点

Browse Source
zhangtao
laozt 1 year ago
parent d4bc1477de
commit 9da2654e3d
2 changed files with 82 additions and 160 deletions
Show Stats Download Patch File Download Diff File

239
src/views/components/dialog/tab1.vue
Unescape View File

@ -1,50 +1,57 @@
<template>
<div>
<div class="filtrate">
<div class="select-input">
<div class="select-span">行政区划:</div>
<executive @quhua="quhua" @quhuadizhi="quhuadizhi" ref="executive" />
</div>
<div class="select-input">
<div class="select-span">行业监管大类:</div>
<el-select v-model="form.supervisionLarge" placeholder="请选择">
<el-option
v-for="item in dict.type.category"
:key="item.value"
:label="item.label"
:value="item.value"
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
>
<el-form-item label="行政区划:" prop="district">
<executive @quhua="quhua" @quhuadizhi="quhuadizhi" ref="executive" />
</el-form-item>
<el-form-item label="行业监管大类:" prop="supervisionLarge">
<el-select
v-model="queryParams.supervisionLarge"
placeholder="请选择"
>
</el-option>
</el-select>
</div>
<div class="select-input">
<div class="select-span">是否重点:</div>
<el-select v-model="form.isPoint" placeholder="请选择">
<el-option
v-for="item in dict.type.is_point"
:key="item.value"
:label="item.label"
:value="item.value"
<el-option
v-for="item in dict.type.category"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="" prop="enterpriseName">
<el-input
v-model="queryParams.enterpriseName"
placeholder="请输入企业名称"
clearable
/>
</el-form-item>
<el-form-item label="" prop="enterpriseId">
<el-input
v-model="queryParams.enterpriseId"
placeholder="请输入统一信用代码"
clearable
/>
</el-form-item>
<el-form-item>
<el-button
class="btn-search"
type="primary"
size="mini"
@click="handleQuery"
>搜索</el-button
>
</el-option>
</el-select>
</div>
<div class="input-input">
<el-input
v-model="form.enterpriseName"
placeholder="请输入企业名称"
></el-input>
</div>
<div class="input-input">
<el-input
v-model="form.uuitNo"
placeholder="请输入统一信用代码"
></el-input>
</div>
<div class="btns">
<div class="select-btn">搜索</div>
<div class="select-btn reset">重置</div>
</div>
<el-button class="btn-reset" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
</div>
<div class="tables" v-loading="loading">
<el-table v-loading="loading" :data="newList">
@ -116,6 +123,14 @@
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<div class="next">
@ -207,25 +222,24 @@ export default {
handleInfo(row) {
this.$refs.firmDialog.open(row);
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.$refs.executive.onClear();
this.handleQuery();
},
quhua(e) {
this.form.district = e;
this.queryParams.district = e;
},
// 获取行政区划树
quhuadizhi(district) {
this.option = district;
},
selectTab(index) {
console.log(index);
this.activeTab = index;
},
// 打开
openDialog(item, dept) {
this.dialogVisible = true;
},
// 关闭
closeDialog(item) {
this.dialogVisible = false;
},
// 匹配行政区划
componendDistrict(district) {
let fullName;
@ -349,118 +363,23 @@ export default {
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 10px;
padding-bottom: 10px;
.select-input {
margin-right: 0;
margin-top: 20px;
display: flex;
align-items: center;
.select-span {
font-size: 13px;
font-family: "Alibaba PuHuiTi";
font-weight: 400;
color: #525966;
line-height: 40px;
margin-right: 0;
}
::v-deep .el-select {
background-color: transparent;
width: 180px;
.el-input__inner {
height: 33px;
}
.el-input
.el-input__suffix
.el-input__suffix-inner
.el-icon-arrow-up {
display: flex;
align-items: center;
justify-content: center;
}
// border-radius: 2px;
.el-input
.el-input__suffix
.el-input__suffix-inner
.el-icon-arrow-up::before {
content: "";
background: url(../../../assets/images/down2.png) center center
no-repeat;
background-size: cover;
position: absolute;
width: 10px;
height: 7px;
// top: 50%;
// left: 50%;
// transform: translate(-50%, -50%);
transform: rotate(180deg);
}
}
::v-deep .el-cascader {
background-color: transparent;
width: 180px;
.el-input__inner {
height: 33px;
}
// border-radius: 2px;
.el-input
.el-input__suffix
.el-input__suffix-inner
.el-icon-arrow-down::before {
content: "";
background: url(../../../assets/images/down2.png) center center
no-repeat;
background-size: cover;
position: absolute;
width: 10px;
height: 7px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
// .bottom {
// display: flex;
// justify-content: space-between;
// width: 100%;
//
// }
.input-input {
margin: 20px 2px 0 0;
width: 160px;
::v-deep .el-input {
.el-input__inner {
height: 33px;
}
}
}
.btns {
display: flex;
align-items: center;
}
.select-btn {
margin: 20px 0 0 0;
width: 80px;
height: 33px;
.btn-search {
background: #2378ec;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 15px;
font-family: Alibaba PuHuiTi;
font-weight: 500;
color: #ffffff;
cursor: pointer;
border-radius: 2px;
}
.reset {
.btn-reset {
background: #fdab5b;
margin-left: 20px;
color: #ffffff;
font-size: 15px;
font-family: Alibaba PuHuiTi;
border-radius: 2px;
}
// .select-btn1 {
// background: #28b384;
// margin-left: 20px;
// }
}
.tables {
// background-color: #eaf2fd;

3
src/views/yingji/echarts/executive.vue
Unescape View File

@ -52,6 +52,9 @@ export default {
},
},
methods: {
onClear(){
this.district = ""
},
treeList() {
if (this.dept.parentId == 0 || this.dept.leader == "admin") {
let treeData = JSON.parse(localStorage.getItem("TREE_DATA"));

Write Preview
Loading…
Cancel
Save