Prechádzať zdrojové kódy

平台链属管理页面样式调整

zhanglb 3 rokov pred
rodič
commit
0280ca603a

+ 93 - 359
front-vue/src/views/service/rel/companyRelManage.vue

@@ -1,224 +1,90 @@
 <template>
 <div class="app-container zap-main">
-    <el-row
+    <search-bar
         v-if="activeName === '0'"
-        class="zap-table-search">
-        <el-row style="padding-top: 16px;">
-            <right-toolbar
-                class="zap-right-toolbar"
-                :showSearch.sync="showSearch"
-                @queryTable="getList">收起</right-toolbar>
-            <span class="zap-table-search__title">所选条件:</span>
-            <div style="float: right;margin-right:1%">
-                <el-button
-                    type="cyan"
-                    icon="el-icon-search"
-                    @click="handleQuery">搜索</el-button>
-                <el-button
-                    icon="el-icon-refresh"
-                    @click="resetQuery"
-                    style="float: ;">重置</el-button>
-                <column-setting
-                    class="zap-column-setting"
-                    :checkList="checkList"
-                    :tableList="tableList"
-                    :selfDom="selfDom"
-                    :tableId="tableId"></column-setting>
-            </div>
-            <hr style="margin-top: 16px;" />
-            <el-form
-                :model="queryParams"
-                ref="queryForm"
-                :inline="true"
-                v-show="showSearch"
-                label-width="auto">
-                <el-form-item
-                    label="发起方"
-                    prop="scpName"
-                    size="large">
-                    <el-input
-                        maxlength="30"
-                        v-model="queryParams.scpName"
-                        placeholder="请输入发起方"
-                        clearable
-                        size="small"
-                        @keyup.enter.native="handleQuery" />
-                </el-form-item>
-                <el-form-item
-                    label="接收方"
-                    prop="scpContarct"
-                    size="large">
-                    <el-input
-                        maxlength="30"
-                        v-model="queryParams.scpContarct"
-                        placeholder="请输入接收方"
-                        clearable
-                        @keyup.enter.native="handleQuery" />
-                </el-form-item>
-                <el-form-item
-                    label="链属状态"
-                    prop="scrStatus"
-                    size="large">
-                    <el-select
-                        v-model="queryParams.scrStatus"
-                        placeholder="链属状态"
-                        clearable>
-                        <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="scpStatus"
-                    size="large">
-                    <el-select
-                        v-model="queryParams.scpStatus"
-                        placeholder="认证状态"
-                        clearable>
-                        <el-option
-                            v-for="dict in scpStatusOptions"
-                            :key="dict.dictValue"
-                            :label="dict.dictLabel"
-                            :value="dict.dictValue"></el-option>
-                    </el-select>
-                </el-form-item>
-            </el-form>
-        </el-row>
-    </el-row>
-    <el-row
+        :checkList="checkList"
+        :tableList="tableList"
+        :selfDom="selfDom"
+        :tableId="tableId"
+        @query="handleQuery"
+        @reset="resetQuery">
+        <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="auto">
+            <el-form-item label="发起方" prop="scpName" size="large">
+                <el-input
+                    maxlength="30"
+                    v-model="queryParams.scpName"
+                    placeholder="请输入发起方"
+                    clearable
+                    size="small"
+                    @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item label="接收方" prop="scpContarct" size="large">
+                <el-input maxlength="30" v-model="queryParams.scpContarct" placeholder="请输入接收方" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item label="链属状态" prop="scrStatus" size="large">
+                <el-select v-model="queryParams.scrStatus" placeholder="链属状态" clearable>
+                    <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="scpStatus" size="large">
+                <el-select v-model="queryParams.scpStatus" placeholder="认证状态" clearable>
+                    <el-option v-for="dict in scpStatusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
+                </el-select>
+            </el-form-item>
+        </el-form>
+    </search-bar>
+    <search-bar
         v-if="activeName === '1'"
-        class="zap-table-search">
-        <el-row style="padding-top: 16px;">
-            <right-toolbar
-                class="zap-right-toolbar"
-                :showSearch.sync="showSearch"
-                @queryTable="getSpare">收起</right-toolbar>
-            <span class="zap-table-search__title">所选条件:</span>
-            <div style="float: right;margin-right:1%">
-                <el-button
-                    type="cyan"
-                    icon="el-icon-search"
-                    @click="handleSpareQuery">搜索</el-button>
-                <el-button
-                    icon="el-icon-refresh"
-                    @click="resetSpareQuery"
-                    style="float: ;">重置</el-button>
-            </div>
-            <hr style="margin-top: 16px;" />
-            <el-form
-                :model="spareParams"
-                ref="querySpareForm"
-                :inline="true"
-                v-show="showSearch"
-                label-width="auto">
-                <el-form-item
-                    label="企业名称"
-                    prop="companyName"
-                    size="large">
-                    <el-input
-                        maxlength="30"
-                        v-model="spareParams.companyName"
-                        placeholder="请输入企业名称"
-                        clearable
-                        @keyup.enter.native="handleSpareQuery" />
-                </el-form-item>
-                <el-form-item
-                    label="社会统一代码"
-                    prop="scySocialCode"
-                    size="large">
-                    <el-input
-                        maxlength="30"
-                        v-model="spareParams.scySocialCode"
-                        placeholder="请输入社会统一代码"
-                        clearable
-                        @keyup.enter.native="handleSpareQuery" />
-                </el-form-item>
-                <el-form-item
-                    label="链属关系"
-                    prop="scrType"
-                    size="large">
-                    <el-select
-                        v-model="spareParams.scrType"
-                        placeholder="链属关系"
-                        clearable>
-                        <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-row>
-    </el-row>
+        :hiddenSetting="true"
+        @query="handleSpareQuery"
+        @reset="resetSpareQuery">
+        <el-form :model="spareParams" ref="querySpareForm" :inline="true" v-show="showSearch" label-width="auto">
+            <el-form-item label="企业名称" prop="companyName" size="large">
+                <el-input maxlength="30" v-model="spareParams.companyName" placeholder="请输入企业名称" clearable @keyup.enter.native="handleSpareQuery" />
+            </el-form-item>
+            <el-form-item label="社会统一代码" prop="scySocialCode" size="large">
+                <el-input maxlength="30" v-model="spareParams.scySocialCode" placeholder="请输入社会统一代码" clearable @keyup.enter.native="handleSpareQuery" />
+            </el-form-item>
+            <el-form-item label="链属关系" prop="scrType" size="large">
+                <el-select v-model="spareParams.scrType" placeholder="链属关系" clearable>
+                    <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-row class="zap-form zap-margin-top">
         <el-tabs v-model="activeName">
             <el-tab-pane label="链属列表">
                 <div class="zap-content">
-                    <el-button
-                        type="warning"
-                        icon="el-icon-upload2"
-                        @click="handleImport"
-                        style="background-color: #23C6C8;
-    border-color:#23C6C8">导入</el-button>
+                    <el-button type="warning" icon="el-icon-upload2" @click="handleImport">导入</el-button>
                 </div>
 
-                <el-table
-                    v-loading="loading"
-                    :data="companyRelList"
-                    stripe>
-                    <el-table-column
-                        label="序号"
-                        type="index"
-                        width="50"
-                        align="center">
+                <el-table v-loading="loading" :data="companyRelList" stripe>
+                    <el-table-column label="序号" type="index" width="50" align="center">
                         <template slot-scope="scope">
                             <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        label="发起方"
-                        align="center"
-                        prop="launchScyName"
-                        v-if="uncheckList.launchScyName"
-                        show-overflow-tooltip>
+                    <el-table-column label="发起方" align="center" prop="launchScyName" v-if="uncheckList.launchScyName" show-overflow-tooltip>
                         <template slot-scope="scope">
                             <span v-if="scope.row.rel">{{scope.row.launchScyName}}</span>
                             <span v-if="scope.row.spare">{{scope.row.spareScyName}}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        label="链属关系(发起方)"
-                        align="center"
-                        prop="launchScrLaunchType"
-                        v-if="uncheckList.launchScrLaunchType"
-                        show-overflow-tooltip>
+                    <el-table-column label="链属关系(发起方)" align="center" prop="launchScrLaunchType" v-if="uncheckList.launchScrLaunchType" show-overflow-tooltip>
                         <template slot-scope="scope">
                             <span v-if="scope.row.rel">{{launchScrLaunchTypeFormat(scope.row.launchScrLaunchType)}}</span>
                             <span v-if="scope.row.spare && scope.row.scpType == '01'">{{launchScrLaunchTypeFormat("00")}}</span>
                             <span v-if="scope.row.spare && scope.row.scpType == '00'">{{launchScrLaunchTypeFormat("01")}}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        label="接收方"
-                        align="center"
-                        prop="receiveScyName"
-                        v-if="uncheckList.receiveScyName"
-                        show-overflow-tooltip>
+                    <el-table-column label="接收方" align="center" prop="receiveScyName" v-if="uncheckList.receiveScyName" show-overflow-tooltip>
                         <template slot-scope="scope">
                             <span v-if="scope.row.rel">{{scope.row.receiveScyName}}</span>
                             <span v-if="scope.row.spare">{{scope.row.scpName}}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        label="链属关系(接收方)"
-                        align="center"
-                        prop="launchScrReceiveType"
-                        v-if="uncheckList.launchScrReceiveType"
-                        show-overflow-tooltip>
+                    <el-table-column label="链属关系(接收方)" align="center" prop="launchScrReceiveType" v-if="uncheckList.launchScrReceiveType" show-overflow-tooltip>
                         <template slot-scope="scope">
                             <span v-if="scope.row.rel">{{launchScrReceiveTypeFormat(scope.row.launchScrReceiveType)}}</span>
                             <span v-if="scope.row.spare">{{launchScrReceiveTypeFormat(scope.row.scpType)}}</span>
@@ -243,86 +109,37 @@
               v-if="uncheckList.scpContarctEmail"
               show-overflow-tooltip
             ></el-table-column> -->
-                    <el-table-column
-                        label="链属状态"
-                        align="center"
-                        prop="launchScrStatus"
-                        v-if="uncheckList.launchScrStatus"
-                        :formatter="launchScrStatusFormat"></el-table-column>
-                    <el-table-column
-                        label="认证状态(接收方)"
-                        align="center"
-                        prop="scpStatus"
-                        v-if="uncheckList.scpStatus"
-                        :formatter="scpStatusFormat"></el-table-column>
+                    <el-table-column label="链属状态" align="center" prop="launchScrStatus" v-if="uncheckList.launchScrStatus" :formatter="launchScrStatusFormat"></el-table-column>
+                    <el-table-column label="认证状态(接收方)" align="center" prop="scpStatus" v-if="uncheckList.scpStatus" :formatter="scpStatusFormat"></el-table-column>
                 </el-table>
 
-                <pagination
-                    v-show="total > 0"
-                    :total="total"
-                    :page.sync="queryParams.pageNum"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList" />
+                <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
             </el-tab-pane>
 
             <el-tab-pane label="链属未认证">
                 <!-- 未认证列表 -->
 
                 <div class="zap-content">
-                    <el-button
-                        type="warning"
-                        icon="el-icon-upload2"
-                        @click="handleImport"
-                        style="background-color: #23C6C8;
-    border-color:#23C6C8">导入</el-button>
+                    <el-button type="warning" icon="el-icon-upload2" @click="handleImport">导入</el-button>
                 </div>
 
                 <!-- 未认证企业信息列表 -->
-                <el-table
-                    v-loading="loading"
-                    :data="spareOwnlist"
-                    stripe>
-                    <el-table-column
-                        label="序号"
-                        type="index"
-                        width="50"
-                        align="center">
+                <el-table v-loading="loading" :data="spareOwnlist" stripe>
+                    <el-table-column label="序号" type="index" width="50" align="center">
                         <template slot-scope="scope">
                             <span>{{(spareParams.pageNum - 1) * spareParams.pageSize + scope.$index + 1}}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        label="发起方"
-                        align="center"
-                        prop="scyName"
-                        show-overflow-tooltip />
-                    <el-table-column
-                        label="链属关系(发起方)"
-                        align="center"
-                        width="113px"
-                        prop="lanchScpType">
+                    <el-table-column label="发起方" align="center" prop="scyName" show-overflow-tooltip />
+                    <el-table-column label="链属关系(发起方)" align="center" width="113px" prop="lanchScpType">
                         <template slot-scope="scope">
                             <span v-if="scope.row.scpType == '00'">{{lanchScpTypeFormat("01")}}</span>
                             <span v-if="scope.row.scpType == '01'">{{lanchScpTypeFormat("00")}}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        label="接收方"
-                        align="center"
-                        prop="scpName"
-                        show-overflow-tooltip />
-                    <el-table-column
-                        label="社会统一代码(接收方)"
-                        align="center"
-                        width="150px"
-                        prop="scpSocialCode"
-                        show-overflow-tooltip />
-                    <el-table-column
-                        label="链属关系(接收方)"
-                        align="center"
-                        width="113px"
-                        prop="scpType"
-                        :formatter="scpTypeFormat" />
+                    <el-table-column label="接收方" align="center" prop="scpName" show-overflow-tooltip />
+                    <el-table-column label="社会统一代码(接收方)" align="center" width="150px" prop="scpSocialCode" show-overflow-tooltip />
+                    <el-table-column label="链属关系(接收方)" align="center" width="113px" prop="scpType" :formatter="scpTypeFormat" />
                     <!-- <el-table-column
      label="联系人"
      align="center"
@@ -341,35 +158,15 @@
               prop="scpContarctEmail"
               show-overflow-tooltip
             /> -->
-                    <el-table-column
-                        label="状态"
-                        align="center"
-                        width="100px"
-                        prop="scpStatus"
-                        :formatter="scpStatusFormat" />
+                    <el-table-column label="状态" align="center" width="100px" prop="scpStatus" :formatter="scpStatusFormat" />
                 </el-table>
-                <pagination
-                    v-show="spareTitol > 0"
-                    :total="spareTitol"
-                    :page.sync="spareParams.pageNum"
-                    :limit.sync="spareParams.pageSize"
-                    @pagination="getSpare" />
+                <pagination v-show="spareTitol > 0" :total="spareTitol" :page.sync="spareParams.pageNum" :limit.sync="spareParams.pageSize" @pagination="getSpare" />
             </el-tab-pane>
 
             <!-- 企业详情对话框 -->
-            <el-dialog
-                :title="titleDetail"
-                :visible.sync="openDetail"
-                width="800px"
-                append-to-body>
-                <el-form
-                    ref="formDetail"
-                    :model="formDetail"
-                    label-width="140px"
-                    :inline="true">
-                    <el-form-item
-                        label="企业名称"
-                        prop="scyName">
+            <el-dialog :title="titleDetail" :visible.sync="openDetail" width="800px" append-to-body>
+                <el-form ref="formDetail" :model="formDetail" label-width="140px" :inline="true">
+                    <el-form-item label="企业名称" prop="scyName">
                         <el-input
                             v-model="formDetail.scyName"
                             placeholder="请输入企业名称"
@@ -378,54 +175,24 @@
                             maxlength="20"
                             show-word-limit />
                     </el-form-item>
-                    <el-form-item
-                        label="企业统一代码"
-                        prop="scySocialCode">
-                        <el-input
-                            v-model="formDetail.scySocialCode"
-                            placeholder="请输入企业统一代码"
-                            disabled
-                            maxlength="18"
-                            show-word-limit />
+                    <el-form-item label="企业统一代码" prop="scySocialCode">
+                        <el-input v-model="formDetail.scySocialCode" placeholder="请输入企业统一代码" disabled maxlength="18" show-word-limit />
                     </el-form-item>
-                    <el-form-item
-                        label="联系人"
-                        prop="scyLegal">
-                        <el-input
-                            v-model="formDetail.scyLegal"
-                            placeholder="请输入联系人"
-                            disabled
-                            maxlength="5"
-                            show-word-limit />
+                    <el-form-item label="联系人" prop="scyLegal">
+                        <el-input v-model="formDetail.scyLegal" placeholder="请输入联系人" disabled maxlength="5" show-word-limit />
                     </el-form-item>
-                    <el-form-item
-                        label="联系人手机号"
-                        prop="scyPhone">
-                        <el-input
-                            v-model="formDetail.scyPhone"
-                            placeholder="请输入联系人手机号"
-                            disabled
-                            maxlength="11"
-                            show-word-limit />
+                    <el-form-item label="联系人手机号" prop="scyPhone">
+                        <el-input v-model="formDetail.scyPhone" placeholder="请输入联系人手机号" disabled maxlength="11" show-word-limit />
                     </el-form-item>
                 </el-form>
-                <div
-                    slot="footer"
-                    class="dialog-footer">
+                <div slot="footer" class="dialog-footer">
                     <el-button @click="cancelDetail">取 消</el-button>
                 </div>
             </el-dialog>
 
             <!-- 导入窗口 -->
-            <el-dialog
-                :title="upload.title"
-                :visible.sync="upload.open"
-                width="600px"
-                append-to-body>
-                <el-row
-                    type="flex"
-                    align="middle"
-                    justify="center">
+            <el-dialog :title="upload.title" :visible.sync="upload.open" width="600px" append-to-body>
+                <el-row type="flex" align="middle" justify="center">
                     <el-upload
                         class="zap-upload-invoice__form"
                         ref="upload"
@@ -447,47 +214,22 @@
                             <div class="zap-upload-invoice__tip">按住Ctrl可同时多选,单个文件不能超过2mb</div>
                             <div class="zap-upload-invoice__tip">严禁上传包含色情、暴力、反动等相关违法信息的文件。</div>
                         </div>
-                        <div
-                            class="el-upload__tip"
-                            slot="tip">
+                        <div class="el-upload__tip" slot="tip">
                             <!-- <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据 -->
-                            <el-link
-                                type="info"
-                                style="font-size:12px"
-                                @click="importAdminTemplate">下载模板</el-link>
+                            <el-link type="info" style="font-size:12px" @click="importAdminTemplate">下载模板</el-link>
                         </div>
                     </el-upload>
                 </el-row>
-                <el-row
-                    style="height: 109px;"
-                    type="flex"
-                    align="middle"
-                    justify="center">
-                    <el-button
-                        type="primary"
-                        plain
-                        @click="upload.open = false">取 消</el-button>
-                    <el-button
-                        type="primary"
-                        @click="submitFileForm">确 定</el-button>
+                <el-row style="height: 109px;" type="flex" align="middle" justify="center">
+                    <el-button type="primary" plain @click="upload.open = false">取 消</el-button>
+                    <el-button type="primary" @click="submitFileForm">确 定</el-button>
                 </el-row>
             </el-dialog>
 
             <!-- 平台下载模板 -->
-            <el-dialog
-                :title="templateTitle"
-                :visible.sync="templateOpen"
-                width="400px"
-                append-to-body>
-                <el-form
-                    ref="templateForm"
-                    :model="templateForm"
-                    :rules="templateRules"
-                    label-width="100px"
-                    :inline="true">
-                    <el-form-item
-                        label="企业名称"
-                        prop="scyId">
+            <el-dialog :title="templateTitle" :visible.sync="templateOpen" width="400px" append-to-body>
+                <el-form ref="templateForm" :model="templateForm" :rules="templateRules" label-width="100px" :inline="true">
+                    <el-form-item label="企业名称" prop="scyId">
                         <el-select
                             v-model="templateForm.scyId"
                             filterable
@@ -496,21 +238,13 @@
                             @clear="clearBoth"
                             placeholder="请选择核心企业"
                             :remote-method="getCompanyIdList">
-                            <el-option
-                                v-for="(item,index) in companyIdList"
-                                :key="index"
-                                :label="item.scyName"
-                                :value="item.scyId">
+                            <el-option v-for="(item,index) in companyIdList" :key="index" :label="item.scyName" :value="item.scyId">
                             </el-option>
                         </el-select>
                     </el-form-item>
                 </el-form>
-                <div
-                    slot="footer"
-                    class="dialog-footer">
-                    <el-button
-                        type="primary"
-                        @click="submitTemplateForm">确 定</el-button>
+                <div slot="footer" class="dialog-footer">
+                    <el-button type="primary" @click="submitTemplateForm">确 定</el-button>
                     <el-button @click="cancelTemplateForm">取 消</el-button>
                 </div>
             </el-dialog>