企业信息链属关系样式调整

front-vue/src/views/service/companyInformation/companyInformation.vue

@@ -364,37 +364,17 @@
             </el-tab-pane>
             <!--———————————————————————————————————— 链属关系 ————————————————————————————————————————————————-->
             <el-tab-pane v-if="companyType != '03'" label="链属关系" name="Section">
-                <span style="margin-bottom: 10px;color:#333333;font:14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial,sans-serif">所选条件:</span>
-                <div style="float: right;margin-right:1%">
-                    <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-                    <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" style="float: ;">重置</el-button>
-                </div>
-                <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="150px">
-                    <!-- <el-form-item label="企业名称" prop="companyName">
-                        <el-input maxlength="30" v-model="queryParams.companyName" placeholder="请输入企业名称" clearable size="small" @keyup.enter.native="handleQuery" />
-                    </el-form-item>
-                    <el-form-item label="社会统一代码" prop="scySocialCode">
-                        <el-input maxlength="30" v-model="queryParams.scySocialCode" placeholder="请输入社会统一代码" clearable size="small" @keyup.enter.native="handleQuery" />
-                    </el-form-item>
-                    <el-form-item label="链属状态" prop="scrStatus">
-                        <el-select v-model="queryParams.scrStatus" placeholder="链属状态" clearable size="small" style="width: 215px">
-                            <el-option v-for="dict in scrStatusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
-                        </el-select>
-                    </el-form-item> -->
-                    <el-form-item label="企业类型" prop="scrType">
-                        <el-select v-model="queryParams.scrType" placeholder="企业类型" clearable size="small" style="width: 215px">
-                            <el-option v-for="dict in scrTypeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
-                        </el-select>
-                    </el-form-item>
-                </el-form>
-                <el-table v-loading="loading" :data="relList" stripe border>
+                <search-bar :hiddenSetting="true" @query="handleQuery" @reset="resetQuery" style="padding-left: 0;padding-right: 0;">
+                    <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="150px">
+                        <el-form-item label="企业类型" prop="scrType">
+                            <el-select v-model="queryParams.scrType" placeholder="企业类型" clearable size="small" style="width: 215px">
+                                <el-option v-for="dict in scrTypeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
+                </search-bar>
+                <el-table v-loading="loading" :data="relList" stripe>
                     <el-table-column label="序号" type="index" width="55" align="center" />
-                    <!-- <el-table-column label="企业编号" align="center" prop="companyNumber" show-overflow-tooltip>
-                        <template slot-scope="scope">
-                            <span v-if="scope.row.launch">{{scope.row.launchReceiveScrCompanyId}}</span>
-                            <span v-else>{{scope.row.launchCompanyId}}</span>
-                        </template>
-                    </el-table-column> -->
                     <el-table-column label="社会统一代码" align="center" prop="companyCode" show-overflow-tooltip>
                         <template slot-scope="scope">
                             <span v-if="scope.row.launch">{{scope.row.receiveScySocialCode}}</span>
@@ -455,9 +435,10 @@ import {
 } from "@/api/service/companyInformation/companyInformation";
 import { getToken } from "@/utils/auth";
 import {getNowUser } from "@/api/system/user";
+import SearchBar from '@/components/SearchBar/index.vue'
 export default {
     name: "companyInformation",
-    components: {},
+    components: {SearchBar},
     data() {
         return {
             scyCfcaUserId:null,