企业管理

src/api/company.js

@@ -0,0 +1,17 @@
+import { myFetch} from '../utils/fetch';
+import zlbApi from "@/api/zlbApi";
+// 获取兴趣点接口
+export const getSystemBpAllTabInfo=(data)=>{
+    const url = zlbApi.getSystemBpAllTabInfo;
+    return myFetch(url, 'get', data, 'json');
+}
+// 获取条线接口
+export const getSystemTxAllStripLineInfo=(data)=>{
+    const url = zlbApi.getSystemTxAllStripLineInfo;
+    return myFetch(url, 'get', data, 'json');
+}
+// 获取企业批量查询接口
+export const getCompanyBtSelectBatchCompanyList=(data)=>{
+    const url = zlbApi.getCompanyBtSelectBatchCompanyList;
+    return myFetch(url, 'get', data, 'json');
+}

src/api/zlbApi.js

@@ -131,6 +131,9 @@ const zlbApi = {
     "reminderDetails":'/promise/reminder/reminderDetails', // 获取提醒详情"
     "exemption":'/system/exemption', // 浙政钉 获取用户信息
     "getVillageLink":'/business/address/getVillageLink', // 获取村社链接
+    "getSystemBpAllTabInfo":"/system/bq/allTabInfo", // 获取兴趣点数据
+    "getSystemTxAllStripLineInfo":'/system/tx/allStripLineInfo',
+    "getCompanyBtSelectBatchCompanyList":"/company/bt/selectBatchCompanyList", // 企业批量查询
 }
 
 export default zlbApi;

src/common/js/baseUrl.js

@@ -9,7 +9,8 @@ function setFetchUrlByEnv() {
     httpApi = 'https://fhszmp.fh.gov.cn:9080';
     uni.getEnvVersion = ()=> 'development'
   } else {
-    httpApi = 'https://fhszmp.fh.gov.cn:8080';
+    httpApi = 'https://fhszmp.fh.gov.cn:9080';
+    //    httpApi = 'https://fhszmp.fh.gov.cn:8080';
     uni.getEnvVersion = () => 'production'
   }
   doorplateImgUrl='https://zlszmp.fh.gov.cn:8088/digital-doorplateAddrUrl'

src/pages.json

@@ -300,6 +300,24 @@
           "style": {
             "navigationBarTitleText": "人员查询"
           }
+        },
+        {
+          "path": "pages/companyManage/search/index",
+          "style": {
+            "navigationBarTitleText": "设置查询条件"
+          }
+        },
+        {
+          "path": "pages/companyManage/search/list",
+          "style": {
+            "navigationBarTitleText": "企业管理"
+          }
+        },
+        {
+          "path": "pages/companyManage/search/com/addCompany",
+          "style": {
+            "navigationBarTitleText": "新增企业"
+          }
         }
       ]
     }

src/pages/components/addressSelect/index.vue

@@ -1,11 +1,11 @@
 <script>
 
-import {getGardenHouseInfo, getGridInfo, getStreetInfo, getUnitHouseInfo} from "@/api/digitalDoor";
+import { getGardenHouseInfo, getGridInfo, getStreetInfo, getUnitHouseInfo } from "@/api/digitalDoor";
 
 export default {
   data() {
     return {
-      form:{},
+      form: {},
       streetDialogShow: false,
       streetList: [],
       communityList: [],
@@ -18,11 +18,14 @@ export default {
       buildingList: [],
       unitDialogShow: false,
       unitList: [],
-      roomDialogShow:false,
+      roomDialogShow: false,
       roomList: [],
     }
   },
   methods: {
+    getFrom(form){
+      this.form = {...form}
+    },
     /**
      * 街道
      */
@@ -123,16 +126,16 @@ export default {
         getGridInfo({
           communityCode: this.form.communityCode
         })
-            .then(res => {
-              if (res.code !== 0) {
-                this.gridList = []
-              } else {
-                this.gridList = res.data
-              }
-            })
-            .catch(err => {
-              console.log(err)
-            })
+          .then(res => {
+            if (res.code !== 0) {
+              this.gridList = []
+            } else {
+              this.gridList = res.data
+            }
+          })
+          .catch(err => {
+            console.log(err)
+          })
       } catch (e) {
         console.log(e)
       }
@@ -153,16 +156,16 @@ export default {
       try {
         getGardenHouseInfo({
           districtId: '330213',
-          streetId:this.form.streetCode,
+          streetId: this.form.streetCode,
           communityCode: this.form.communityCode,
         })
-            .then(res => {
-              if (res.code !== 0) {
-                this.gardenList = []
-              } else {
-                this.gardenList = res.data
-              }
-            })
+          .then(res => {
+            if (res.code !== 0) {
+              this.gardenList = []
+            } else {
+              this.gardenList = res.data
+            }
+          })
       } catch (e) {
         console.log(e)
       }
@@ -187,16 +190,16 @@ export default {
           gardenCode: this.form.gardenCode,
           communityCode: this.form.communityCode
         })
-            .then(res => {
-              if (res.code !== 0) {
-                this.buildingList = []
-              } else {
-                this.buildingList = res.data
-              }
-            })
-            .catch(err => {
-              console.log(err)
-            })
+          .then(res => {
+            if (res.code !== 0) {
+              this.buildingList = []
+            } else {
+              this.buildingList = res.data
+            }
+          })
+          .catch(err => {
+            console.log(err)
+          })
       } catch (e) {
         console.log(e)
       }
@@ -216,7 +219,8 @@ export default {
       this.form.roomName = item.label
       this.form.room = item.code
     }
-  }
+  },
+  props: ["title"]
 }
 </script>
 
@@ -224,32 +228,20 @@ export default {
   <view>
     <van-form>
       <view class="box">
-        <view class="title">所属范围</view>
+        <view class="title">{{ title }}</view>
         <view class="content">
-          <van-field v-model="form.streetName" label="所属镇街"
-                     readonly
-                     @click="handleLinkStreet"
-                     is-link
-                     placeholder="请输入所属镇街"/>
-          <van-popup v-model="streetDialogShow"
-                     position="bottom"
-                     :style="{ height: '35%' }"
-          >
-            <van-list finished-text="没有更多了">
-              <van-cell v-for="item in streetList" :key="item.code" :title="item.label"
-                        @click="handleStreetClick(item)"/>
-            </van-list>
-          </van-popup>
-          <!--所属村社-->
-          <van-field v-model="form.communityName" label="所属村社"
-                     readonly
-                     @click="handleLinkCommunity"
-                     is-link
-                     placeholder="请输入所属村社"/>
-          <van-popup v-model="communityDialogShow"
-                     position="bottom"
-                     :style="{ height: '35%' }"
-          >
+            <van-field v-model="form.streetName" label="所属镇街" readonly @click="handleLinkStreet" is-link
+              placeholder="请输入所属镇街" />
+            <van-popup v-model="streetDialogShow" position="bottom" :style="{ height: '35%' }">
+              <van-list finished-text="没有更多了">
+                <van-cell v-for="item in streetList" :key="item.code" :title="item.label"
+                  @click="handleStreetClick(item)" />
+              </van-list>
+            </van-popup>
+            <!--所属村社-->
+            <van-field v-model="form.communityName" label="所属村社" readonly @click="handleLinkCommunity" is-link
+              placeholder="请输入所属村社" />
+            <van-popup v-model="communityDialogShow" position="bottom" :style="{ height: '35%' }">
 
             <van-list finished-text="没有更多了">
               <van-cell v-for="item in communityList" :key="item.code" :title="item.label"
@@ -335,5 +327,4 @@ export default {
 </template>
 
 <style scoped lang="scss">
-
 </style>

src/pages/digitalDoorIndex/index.vue

@@ -25,7 +25,8 @@ export default {
         },
         {
           text: '企业管理',
-          icon: TemplateImg
+          icon: TemplateImg,
+          url:'/subPages/pages/companyManage/search/index'
         },
         {
           text: '兴趣点管理',

src/store/modules/template.js

@@ -6,7 +6,8 @@ const state = {
     templateJson: {
         components:[]
     },
-    indicatorList: []
+    indicatorList: [],
+    companySearch:{}
 }
 
 const mutations = {
@@ -16,7 +17,10 @@ const mutations = {
     setIndicatorList(state, data) {
         Vue.set(state, 'indicatorList', data)
     },
-
+    changeCompanySearch(state, data) {
+        state.companySearch = data
+        console.log(state.companySearch,"企业查询的数据")
+    }
 }
 
 const actions = {

src/subPages/pages/companyManage/search/com/addCompany.vue

@@ -0,0 +1,91 @@
+<!-- 企业新增 -->
+<template>
+    <view>
+        <view class="titleStyle">基本信息</view>
+        <van-cell-group inset>
+            <van-field input-align="right" label="招牌名称" v-model="newData.signboardName" placeholder="请输入" />
+            <van-field input-align="right" label="统一社会信用代码" v-model="newData.creditCode" placeholder="请输入" />
+            <van-field input-align="right" class="red-star" label="企业名称" v-model="newData.companyName" placeholder="请输入" :rules="[{ validator, message: '请输入' }]"/>
+            <van-field input-align="right" label="注册资本" v-model="newData.registerCapital" placeholder="请输入" />
+            <van-field input-align="right" class="red-star" v-model="newData.state" is-link readonly name="picker" label="经营状态" placeholder="请选择"
+                @click="statePricker = true" />
+            <van-popup v-model:show="statePricker" position="bottom" round>
+                <van-picker :columns="columns" @confirm="onConfirm" @cancel="cancel" show-toolbar />
+            </van-popup>
+            <van-field input-align="right" label="备注" v-model="newData.remark" placeholder="请输入" />
+        </van-cell-group>
+        <view class="buttonStyle">
+            <van-button color="#1989fa" @click="closeFn" size="small"
+                style="width: 25%; border-radius: 8px;">取消</van-button>
+            <van-button color="#1989fa" @click="submitFn" size="small"
+                style="width: 25%; border-radius: 8px;">保存</van-button>
+        </view>
+    </view>
+</template>
+
+<script>
+import { NEWDATA } from "./data.jsx"
+export default {
+    //import引入的组件需要注入到对象中才能使用
+    components: {},
+    data() {
+        //这里存放数据
+        return {
+            // 企业新增数据
+            newData: { ...NEWDATA },
+            statePricker: false, //经营状态选择器
+            columns: ["变更", "在业", "存续", "开业", "注销"],
+        };
+    },
+    //监听属性 类似于data概念
+    computed: {},
+    //监控data中的数据变化
+    watch: {},
+    //方法集合
+    methods: {
+        onConfirm(value) {
+            this.newData.state = value
+            this.statePricker = false
+        },
+        cancel() {
+            this.statePricker = false
+        },
+        validator(val) {
+           if(val){
+            return true
+           }else{
+            return false;
+           }
+        }
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）
+    created() {
+
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）
+    mounted() {
+
+    },
+    beforeCreate() { }, //生命周期 - 创建之前
+    beforeMount() { }, //生命周期 - 挂载之前
+    beforeUpdate() { }, //生命周期 - 更新之前
+    updated() { }, //生命周期 - 更新之后
+    beforeDestroy() { }, //生命周期 - 销毁之前
+    destroyed() { }, //生命周期 - 销毁完成
+    activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
+}
+</script>
+<style lang='scss' scoped>
+//@import url(); 引入公共css类
+.titleStyle {
+    margin: 10px 0 10px 18px;
+    color: #616161;
+}
+.red-star {
+  ::v-deep .van-field__label:before {
+    content: '*';
+    color: #ff0000;
+    margin-right: 5px;
+  }
+}
+</style>

src/subPages/pages/companyManage/search/com/data.jsx

@@ -0,0 +1,9 @@
+export const NEWDATA = {
+    signboardName:"", //招牌名称
+    companyName:"", //企业名称
+    creditCode:"",//统一社会信用代码
+    address:[],
+    registerCapital:"",//注册资本
+    state:"",//经营状态
+    remark:"" // 备注
+}

src/subPages/pages/companyManage/search/index.vue

@@ -0,0 +1,165 @@
+<!-- 企业管理 -  查询页 -->
+<template>
+    <view class="page-container">
+        <view class="container-center">
+            <AddressSelect title="基本信息" ref="addressSelectRef"></AddressSelect>
+            <view class="box">
+                <view class="title">
+                    <text>企业信息</text>
+                </view>
+                <view class="content">
+                    <van-field v-model="searchForm.address" label="企业地址" placeholder="请输入企业地址" />
+                    <van-field v-model="searchForm.state" is-link readonly name="picker" label="经营状态"
+                        placeholder="请选择经营状态" @click="statePricker = true" />
+                    <van-popup v-model:show="statePricker" position="bottom" round>
+                        <van-picker :columns="columns" @confirm="onConfirm" @cancel="cancel" show-toolbar />
+                    </van-popup>
+                    <van-field label="注册资本（万元）" label-width="115px">
+                        <template #input>
+                            <van-field v-model="searchForm.registerCapitalMin"
+                                oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="最小" type="number"
+                                integer />
+                            <view style="margin: 0 10px;">~</view>
+                            <van-field v-model="searchForm.registerCapitalMax"
+                                oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="最大" type="number"
+                                integer />
+                        </template>
+                    </van-field>
+                    <van-cell title="选择多个日期" :value="searchForm.time" @click="timeShow = true" />
+                    <van-calendar v-model:show="timeShow" type="range" @confirm="onConfirmTime" allow-same-day />
+                </view>
+            </view>
+        <InterestSelect useFlag="enterprise" ref="interestSelectRef"></InterestSelect>
+        </view>
+        <view class="container-footer">
+            <van-button color="#198bfe" @click="resetFn" type="primary"
+               >重置</van-button>
+            <van-button color="#198bfe" @click="submitFn" type="primary"
+               >查询</van-button>
+        </view>
+    </view>
+</template>
+
+<script>
+import AddressSelect from '@/pages/components/addressSelect/index'
+import InterestSelect from '@/pages/components/interestSelect/index'
+export default {
+    //import引入的组件需要注入到对象中才能使用
+    components: { AddressSelect,InterestSelect },
+    data() {
+        //这里存放数据
+        return {
+            searchForm: {
+                state: "", // 经营状态
+                registerCapitalMin: "", //注册资本最小值
+                registerCapitalMax: "", //注册资本最大值
+                text: "",
+                registerTimeMin: "", //注册时间最小值
+                registerTimeMax: "", //注册时间最大值
+            },
+            statePricker: false, //经营状态选择器
+            columns: ["变更", "在业", "存续", "开业", "注销"],
+            timeShow: false
+        };
+    },
+    //监听属性 类似于data概念
+    computed: {
+
+    },
+    //监控data中的数据变化
+    watch: {},
+    //方法集合
+    methods: {
+        onConfirm(value) {
+            this.searchForm.state = value
+            this.statePricker = false
+        },
+        cancel() {
+            this.statePricker = false
+        },
+        // 日期选择器
+        onConfirmTime(dates) {
+            const [start, end] = dates
+            this.timeShow = false;
+            this.searchForm.time = ` ${this.formatDate(start)} / ${this.formatDate(end)}`;
+            this.searchForm.registerTimeMin = this.formatDate(start)
+            this.searchForm.registerTimeMax = this.formatDate(end)
+        },
+        // 获取显示的值
+        formatDate(date) {
+            return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+        },
+        // 查询 - 重置 事件按钮
+        resetFn() {
+            this.searchForm = {
+                state: "",
+                registerCapitalMin: "",
+                registerCapitalMax: "",
+                text: "",
+                registerTimeMin: "",
+                registerTimeMax: ""
+            }
+            this.$refs.addressSelectRef.form={}
+            this.$store.commit('template/changeCompanySearch', this.searchForm);
+        },
+        submitFn() {
+            if (this.searchForm.registerCapitalMin > this.searchForm.registerCapitalMax && this.searchForm.registerCapitalMin) {
+                this.searchForm.registerCapitalMax = this.searchForm.registerCapitalMin
+                this.searchForm.registerCapitalMin = 0
+            }
+            uni.navigateTo({
+                url: "/subPages/pages/companyManage/search/list",
+            })
+            this.$store.commit('template/changeCompanySearch', {...this.searchForm,...this.$refs.addressSelectRef.form});
+        }
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）
+    created() {
+
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）
+    mounted() {
+
+    },
+    beforeCreate() { }, //生命周期 - 创建之前
+    beforeMount() { }, //生命周期 - 挂载之前
+    beforeUpdate() { }, //生命周期 - 更新之前
+    updated() { }, //生命周期 - 更新之后
+    beforeDestroy() { }, //生命周期 - 销毁之前
+    destroyed() { }, //生命周期 - 销毁完成
+    activated() {
+    }, //如果页面有keep-alive缓存功能，这个函数会触发
+}
+</script>
+<style lang='scss' scoped>
+//@import url(); 引入公共css类
+.page-container {
+  background-color: #f5f5f5;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+
+.container-center {
+  flex: 1;
+  padding: 30rpx;
+  overflow: auto;
+}
+
+.container-footer {
+  height: 100rpx;
+  display: flex;
+  gap: 40px;
+  justify-content: center;
+  align-items: center;
+  padding: 0 30rpx;
+  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.2); /* 只显示上方阴影 */
+
+  ::v-deep .van-button {
+    width: 30%;
+    height: 30px;
+  }
+}
+</style>

src/subPages/pages/companyManage/search/list.vue

@@ -0,0 +1,334 @@
+<!-- 列表页 -->
+<template>
+    <view>
+        <van-search v-model="searchValue" show-action @click="searchFromFn" :clearable="false" class="my-button">
+            <template #action>
+                <view style="display: flex;">
+                    <div @click="addCompanyFn" style="margin-right: 10px;">新增</div>
+                    <div @click="searchFromFn">筛选</div>
+                </view>
+            </template>
+        </van-search>
+        <view class="search_text">
+            <text>查询结果：{{ totalNum }} 条</text>
+        </view>
+        <view class="botBox">
+            <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="loadFn">
+                <!-- <van-cell v-for="item in list" :key="item" :title="item" /> -->
+                <view class="list_box" v-for="item in list" :key="item.id">
+                    <view class="list_top">
+                        <view>
+                            <text class="item_title">
+                                {{ item.signboardName ? item.signboardName : "-" }}
+                            </text>
+                            <text class="item_state">
+                                ({{ item.state ? item.state : "-" }})
+                            </text>
+                        </view>
+                        <div class="button_box" @click="detailsInfo(item)">详情</div>
+                    </view>
+                    <view class="list_btn">
+                        统一社会信用代码：{{ item.creditCode ? item.creditCode : "-" }}
+                    </view>
+                    <view class="list_btn">
+                        法人代表：{{ item.companyFr ? item.companyFr : "-" }}
+                    </view>
+                    <view class="list_btn">
+                        注册地址 ：{{ item.signAddress ? item.signAddress : "-" }}
+                    </view>
+                    <view class="list_btn">
+                        实际经营地址 ：{{ item.manageAddress ? item.manageAddress : "-" }}
+                    </view>
+                </view>
+            </van-list>
+        </view>
+        <!-- 弹出层 -- 筛选  -->
+        <van-popup v-model:show="show" position="bottom" :close-on-click-overlay="false" style="padding: 15px 0;">
+            <AddressSelect title="" ref="addressSelectRef"></AddressSelect>
+            <!-- <van-cell-group inset> -->
+                <van-field v-model="searchForm.state" is-link readonly name="picker" label="经营状态" placeholder="请选择经营状态"
+                    @click="statePricker = true" />
+                <van-popup v-model:show="statePricker" position="bottom" round>
+                    <van-picker :columns="columns" @confirm="onConfirm" @cancel="cancel" show-toolbar />
+                </van-popup>
+                <van-field label="招牌名称" v-model="searchForm.signboardName" placeholder="请输入" />
+                <van-field label="统一社会信用代码" v-model="searchForm.creditCode" placeholder="请输入" />
+            <!-- </van-cell-group> -->
+            <view class="buttonStyle">
+                <van-button color="#1989fa" @click="closeFn" size="small"
+                    style="width: 25%; border-radius: 8px;">取消</van-button>
+                <van-button color="#1989fa" @click="resetFn" size="small"
+                    style="width: 25%; border-radius: 8px;">重置</van-button>
+                <van-button color="#1989fa" @click="submitFn" size="small"
+                    style="width: 25%; border-radius: 8px;">查询</van-button>
+            </view>
+        </van-popup>
+    </view>
+</template>
+
+<script>
+import { getCompanyBtSelectBatchCompanyList } from "@/api/company"
+import AddressSelect from '@/pages/components/addressSelect/index'
+export default {
+    //import引入的组件需要注入到对象中才能使用
+    components: { AddressSelect },
+    data() {
+        //这里存放数据
+        return {
+            searchValue: "",
+            loading: false,
+            finished: false,
+            list: [],
+            current: 0,
+            size: 10,
+            totalNum: 0,
+            show: false,
+            searchForm: {
+                state: "",
+                signboardName: "", //招牌名称
+                creditCode: "", //统一社会信用代码
+                districtId: "",
+                streetId: "",
+                communityId: "",
+                gridId: "",
+                gardenId: "",
+                buildingId: "",
+                unitId: "",
+                room: ""
+            },
+            statePricker: false, //经营状态选择器
+            columns: ["变更", "在业", "存续", "开业", "注销"],
+            timeShow: false,
+        };
+    },
+    //监听属性 类似于data概念
+    computed: {
+        companySearch() {
+            return this.$store.state.template.companySearch
+        },
+    },
+    //监控data中的数据变化
+    watch: {
+
+    },
+    //方法集合
+    methods: {
+        // 获取查询的数据
+        getSearch() {
+            for (let key in this.companySearch) {
+                if (this.companySearch[key] && Object.hasOwnProperty.call(this.searchForm, key)) {
+                    this.searchForm[key] = this.companySearch[key]
+                }
+            }
+        },
+        // 查询条件数量
+        countNum(val) {
+            const arr = ['districtId', 'streetId', 'communityId', 'gridId', 'companyName', 'state', 'registerCapitalMin', 'registerCapitalMax', 'registerTimeMin', 'registerTimeMax', 'logoutTimeMin', 'logoutTimeMax', 'gardenId', 'buildingId', 'unitId', 'room', 'address', 'signboardName', 'creditCode', 'key']
+            let number = 0
+            for (let key in val) {
+                if (Object.prototype.hasOwnProperty.call(val, key) && arr.includes(key) && val[key] || (key.slice(-2) == "Id" && val[key])) {
+                    number = number + 1
+                }
+            }
+            this.searchValue = `${number}个查询条件`
+        },
+        // 企业新增
+        addCompanyFn() {
+            uni.navigateTo({
+                url: "/subPages/pages/companyManage/search/com/addCompany",
+            })
+            console.log("点击新增")
+        },
+        // 筛选
+        searchFromFn() {
+            this.show = true;
+            this.getSearch()
+            let obj = {}
+            for (let key in this.companySearch) {
+                if (key.slice(-2) == "Id" || key == "room" || key.slice(-4) == "Name") {
+                    obj[key] = this.companySearch[key]
+                }
+            }
+            setTimeout(()=>{
+                this.$refs.addressSelectRef.getFrom(obj)
+            },100)
+        },
+        // 搜索
+        // onSearch() {
+        //     getCompanyBtSelectBatchCompanyList({
+        //         current: this.current,
+        //         size: this.size,
+        //         ...this.companySearch
+        //     }).then(res => {
+        //         console.log(res, "获取的数据")
+        //         this.list = res.data.records
+        //         this.totalNum = res.data.total
+        //     })
+        // },
+        // 点击清空按钮触发
+        resetFn() {
+            console.log("点击清空按钮")
+        },
+        // 获取列表数据
+        getList() {
+            // 
+        },
+        loadFn() {
+            this.loading = true;
+            this.current += 1;
+            getCompanyBtSelectBatchCompanyList({
+                current: this.current,
+                size: this.size,
+                ...this.companySearch
+            }).then(res => {
+                this.list = this.list.concat(res.data.records)
+                this.loading = false;
+                if (res.data.records.length < this.size) {
+                    this.finished = true
+                }
+                this.totalNum = res.data.total
+            })
+        },
+        // 企业详情页
+        detailsInfo(item) {
+            console.log(item, "企业详情")
+        },
+        onConfirm(value) {
+            this.searchForm.state = value
+            this.statePricker = false
+        },
+        cancel() {
+            this.statePricker = false
+        },
+        // 查询 - 重置 事件按钮
+        resetFn() {
+            this.searchForm = {
+                state: "",
+                registerCapitalMin: "",
+                registerCapitalMax: "",
+                text: "",
+                registerTimeMin: "",
+                registerTimeMax: ""
+            }
+            this.$refs.addressSelectRef.form={}
+        },
+        submitFn() {
+            this.show = false
+            this.$store.commit('template/changeCompanySearch', {...this.searchForm,...this.$refs.addressSelectRef.form});
+            this.countNum({...this.searchForm,...this.$refs.addressSelectRef.form})
+            this.current = 0
+            this.list = []
+            this.loadFn()
+        },
+        closeFn() {
+            this.show = false
+            this.resetFn()
+        }
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）
+    created() {
+
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）
+    mounted() {
+        this.countNum(this.$store.state.template.companySearch)
+        this.getSearch()
+    },
+    beforeCreate() { }, //生命周期 - 创建之前
+    beforeMount() { }, //生命周期 - 挂载之前
+    beforeUpdate() { }, //生命周期 - 更新之前
+    updated() { }, //生命周期 - 更新之后
+    beforeDestroy() { }, //生命周期 - 销毁之前
+    destroyed() { }, //生命周期 - 销毁完成
+    activated() {
+
+    }, //如果页面有keep-alive缓存功能，这个函数会触发
+}
+</script>
+<style lang='scss' scoped>
+// @import url(); 引入公共css类
+.my-button {
+    ::v-deep .van-field__control {
+        color: red;
+    }
+}
+
+.search_text {
+    height: 40px;
+    line-height: 40px;
+    padding: 0 16px;
+    width: 100%;
+}
+
+.botBox {
+    height: calc(95vh - 60px);
+    flex: 1;
+    width: 100%;
+    overflow-y: auto;
+
+    // 循环的盒子样式
+    .list_box {
+        width: 100%;
+        border-bottom: 1px solid #f0f0f0;
+        display: flex;
+        flex-direction: column;
+        box-sizing: border-box;
+        cursor: pointer;
+        background-color: #ffffff;
+        padding: 10px 15px;
+        margin-bottom: 5px;
+
+        .list_top {
+            display: flex;
+            justify-content: space-between;
+
+            .item_title {
+                font-size: 16px;
+                font-weight: 600;
+                margin-right: 10px
+            }
+
+            .item_state {
+                font-size: 13px;
+            }
+
+            .button_box {
+                width: 60px;
+                border: 1px solid rgb(27, 110, 243);
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                font-size: 13px;
+                color: rgb(27, 110, 243);
+                border-radius: 5px;
+                margin-left: 10px;
+                height: 30px;
+            }
+        }
+
+        .list_concent {
+            display: flex;
+            justify-content: space-between;
+            width: 100%;
+            margin: 5px 0;
+            font-size: 14px;
+        }
+
+        .list_btn {
+            width: 100%;
+            margin: 5px 0;
+            font-size: 14px;
+            display: block;
+        }
+    }
+}
+
+.buttonStyle {
+    width: 100%;
+    display: flex;
+    justify-content: space-around;
+    padding: 0 16px;
+    box-sizing: border-box;
+    margin: 20px 0;
+}
+</style>