新增链属弹窗样式调整

front-vue/src/assets/styles/huyi.scss

@@ -304,6 +304,7 @@
   font-size: 16px;
   color: #ffffff;
 }
+.el-dialog__headerbtn .el-dialog__close:hover,
 .el-dialog__headerbtn .el-dialog__close {
   font-size: 20px;
   color: #ffffff;

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

@@ -392,7 +392,7 @@
                 <el-tabs v-model="activeIndex">
                     <!-- 全部-->
                     <el-tab-pane label="全部">
-                        <el-table v-loading="loading" stripe :data="infList" @selection-change="handleSelectionChange" border>
+                        <el-table v-loading="loading" stripe :data="infList" @selection-change="handleSelectionChange">
                             <el-table-column label="序号" type="index" width="50" align="center">
                                 <template slot-scope="scope">
                                     <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
@@ -448,7 +448,7 @@
                         <!--开立中-->
                     </el-tab-pane>
                     <el-tab-pane label="开立中">
-                        <el-table v-loading="loading" stripe :data="infOpeningList" @selection-change="handleSelectionChange" border>
+                        <el-table v-loading="loading" stripe :data="infOpeningList" @selection-change="handleSelectionChange">
                             <el-table-column label="序号" type="index" width="50" align="center">
                                 <template slot-scope="scope">
                                     <span>{{(queryParamsOpening.pageNum - 1) * queryParamsOpening.pageSize + scope.$index + 1}}</span>
@@ -498,7 +498,7 @@
                     </el-tab-pane>
                     <!--已生效-->
                     <el-tab-pane label="已生效">
-                        <el-table v-loading="loading" stripe :data="infSignList" @selection-change="handleSelectionChange" border>
+                        <el-table v-loading="loading" stripe :data="infSignList" @selection-change="handleSelectionChange">
                             <el-table-column label="序号" type="index" width="50" align="center">
                                 <template slot-scope="scope">
                                     <span>{{(queryParamsSign.pageNum - 1) * queryParamsSign.pageSize + scope.$index + 1}}</span>
@@ -549,7 +549,7 @@
 
                     <!--融资中-->
                     <el-tab-pane label="融资中">
-                        <el-table v-loading="loading" stripe :data="infFinancingList" @selection-change="handleSelectionChange" border>
+                        <el-table v-loading="loading" stripe :data="infFinancingList" @selection-change="handleSelectionChange">
                             <el-table-column label="序号" type="index" width="50" align="center">
                                 <template slot-scope="scope">
                                     <span>{{(queryParamsFinancing.pageNum - 1) * queryParamsFinancing.pageSize + scope.$index + 1}}</span>
@@ -600,7 +600,7 @@
                     </el-tab-pane>
                     <!--已融资-->
                     <el-tab-pane label="已融资">
-                        <el-table v-loading="loading" stripe :data="infFinancedList" @selection-change="handleSelectionChange" border>
+                        <el-table v-loading="loading" stripe :data="infFinancedList" @selection-change="handleSelectionChange">
                             <el-table-column label="序号" type="index" width="50" align="center">
                                 <template slot-scope="scope">
                                     <span>{{(queryParamsFinanced.pageNum - 1) * queryParamsFinanced.pageSize + scope.$index + 1}}</span>
@@ -651,7 +651,7 @@
                     </el-tab-pane>
                     <!--已拒绝-->
                     <el-tab-pane label="已拒绝">
-                        <el-table v-loading="loading" stripe :data="infInvalidList" @selection-change="handleSelectionChange" border>
+                        <el-table v-loading="loading" stripe :data="infInvalidList" @selection-change="handleSelectionChange">
                             <el-table-column label="序号" type="index" width="50" align="center">
                                 <template slot-scope="scope">
                                     <span>{{(queryParamsInvalid.pageNum - 1) * queryParamsInvalid.pageSize + scope.$index + 1}}</span>
@@ -702,7 +702,7 @@
                     </el-tab-pane>
                     <!--已结算-->
                     <el-tab-pane label="已结算">
-                        <el-table v-loading="loading" stripe :data="settlementList" @selection-change="handleSelectionChange" border>
+                        <el-table v-loading="loading" stripe :data="settlementList" @selection-change="handleSelectionChange">
                             <el-table-column label="序号" type="index" width="50" align="center">
                                 <template slot-scope="scope">
                                     <span>{{(queryParamsSettlement.pageNum - 1) * queryParamsSettlement.pageSize + scope.$index + 1}}</span>
@@ -753,7 +753,7 @@
                     </el-tab-pane>
                     <!--已过期-->
                     <el-tab-pane label="已过期">
-                        <el-table v-loading="loading" stripe :data="overdueList" @selection-change="handleSelectionChange" border>
+                        <el-table v-loading="loading" stripe :data="overdueList" @selection-change="handleSelectionChange">
                             <el-table-column label="序号" type="index" width="50" align="center">
                                 <template slot-scope="scope">
                                     <span>{{(queryParamsOverdue.pageNum - 1) * queryParamsOverdue.pageSize + scope.$index + 1}}</span>

front-vue/src/views/service/rel/companyRel.vue

@@ -124,37 +124,53 @@
                 </el-tab-pane>
 
                 <!-- 添加链属框 -->
-                <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
-                    <el-form ref="form" :model="form" :rules="rules" label-width="auto" :inline="true">
-                        <el-form-item label="企业编号" prop="scyId" style="display:none" size="large">
-                            <el-input v-model="form.scyId" disabled />
-                        </el-form-item>
-                        <el-form-item label="链属关系" prop="scrReceiveType" size="large">
-                            <el-select v-model="form.scrReceiveType" 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-item label="企业名称" prop="scyName" size="large">
-                            <el-select v-model="form.scyName" filterable allow-create clearable @clear="clearRemote" @change="choice" remote reserve-keyword placeholder="请输入关键词" :remote-method="remoteMethod">
-                                <el-option v-for="item in companyList" :key="item.value" :label="item.label" :value="item.label"></el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="企业统一代码" prop="scySocialCode" size="large">
-                            <el-input v-model="form.scySocialCode" placeholder="请输入企业统一代码" maxlength="18" show-word-limit />
-                        </el-form-item>
-                        <el-form-item label="联系人" prop="scrContarct" size="large">
-                            <el-input v-model="form.scrContarct" placeholder="请输入联系人" maxlength="10" show-word-limit />
-                        </el-form-item>
-                        <el-form-item label="联系人手机号" prop="scrContarctPhone" size="large">
-                            <el-input v-model="form.scrContarctPhone" placeholder="请输入联系人手机号" maxlength="11" show-word-limit />
-                        </el-form-item>
-                        <el-form-item label="邮箱" prop="scrContarctEmail" size="large">
-                            <el-input v-model="form.scrContarctEmail" placeholder="请输入邮箱" maxlength="60" show-word-limit />
-                        </el-form-item>
+                <el-dialog :title="title" :visible.sync="open" width="837px" append-to-body class="zap-chain-dialog">
+                    <el-form ref="form" :model="form" :rules="rules" label-width="auto" :inline="true" class="zap-chain-dialog-content">
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="企业编号" prop="scyId" style="display:none">
+                                    <el-input v-model="form.scyId" disabled />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="链属关系" prop="scrReceiveType">
+                                    <el-select v-model="form.scrReceiveType" 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-col>
+                            <el-col :span="12">
+                                <el-form-item label="企业名称" prop="scyName">
+                                    <el-select v-model="form.scyName" filterable allow-create clearable @clear="clearRemote" @change="choice" remote reserve-keyword placeholder="请输入关键词" :remote-method="remoteMethod">
+                                        <el-option v-for="item in companyList" :key="item.value" :label="item.label" :value="item.label"></el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="企业统一代码" prop="scySocialCode">
+                                    <el-input v-model="form.scySocialCode" placeholder="请输入企业统一代码" maxlength="18" show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="联系人" prop="scrContarct">
+                                    <el-input v-model="form.scrContarct" placeholder="请输入联系人" maxlength="10" show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="联系人手机号" prop="scrContarctPhone">
+                                    <el-input v-model="form.scrContarctPhone" placeholder="请输入联系人手机号" maxlength="11" show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="邮箱" prop="scrContarctEmail">
+                                    <el-input v-model="form.scrContarctEmail" placeholder="请输入邮箱" maxlength="60" show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
                     </el-form>
                     <el-row style="height: 109px;" type="flex" align="middle" justify="center">
-                        <el-button type="primary" plain @click="cancel">取 消</el-button>
                         <el-button type="primary" @click="submitForm">确 定</el-button>
+                        <el-button plain @click="cancel">取 消</el-button>
                     </el-row>
                 </el-dialog>
 
@@ -1093,6 +1109,7 @@ export default {
 };
 </script>
 </style>
+
 <style lang="scss" scoped>
 ::v-deep .el-tabs__item {
     width: 105px;
@@ -1103,6 +1120,21 @@ export default {
     font-size: 16px;
 }
 
+.zap-chain-dialog {
+    ::v-deep .el-form--inline .el-form-item {
+        margin-right: 0;
+    }
+
+    ::v-deep .el-select,
+    ::v-deep .el-form-item--medium .el-form-item__content {
+        width: 240px !important;
+    }
+
+    .zap-chain-dialog-content {
+        padding: 32px 50px 0;
+    }
+}
+
 .zap-credit__content {
     position: relative;
     padding: 0 13px 25px;