修改css样式

src/views/iosBasicData/bcorps/detailsPage.vue

@@ -70,6 +70,10 @@
               <el-input v-model="formData.enAddr" placeholder="请输入英文地址" clearable :style="{ width: '100%' }">
               </el-input>
             </el-form-item> -->
+            <el-form-item label="邮箱" prop="email">
+              <el-input v-model="formData.email" placeholder="请输入邮箱" clearable :style="{ width: '100%' }">
+              </el-input>
+            </el-form-item>
           </el-col>
         </el-row>
 
@@ -390,9 +394,9 @@
               <el-table :data="formData.corpsBankList"
                 :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
                 style="width: 100%">
-                <el-table-column prop="uscc" label="统一社会信用代码" width="180" />
-                <el-table-column prop="accountName" label="账号名称" width="180" />
-                <el-table-column prop="accountBank" label="账号银行" width="180" />
+                <!-- <el-table-column prop="uscc" label="统一社会信用代码" width="180" /> -->
+                <el-table-column prop="accountName" label="账户名称" width="180" />
+                <el-table-column prop="accountBank" label="开户银行" width="180" />
                 <el-table-column prop="accountNo" label="银行账号" width="180" />
                 <el-table-column prop="curId" label="币别" width="180" />
                 <el-table-column prop="subjectNumber" label="科目编码" width="180" />
@@ -460,8 +464,6 @@
                 :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
                 style="width: 100%">
                 <!-- <el-table-column prop="pid" label="主表id" width="180" /> -->
-                <el-table-column prop="guaranteeNo" label="保函号码" width="180" />
-                <el-table-column prop="guaranteeDate" label="保函日期" width="180" />
                 <el-table-column prop="invoiceHeader" label="发票抬头" width="180" />
                 <el-table-column prop="uscc" label="税号" width="180" />
                 <el-table-column prop="address" label="地址" width="180" />
@@ -474,6 +476,8 @@
                 <el-table-column prop="accountBankCny" label="人民币账户银行" width="180" />
                 <el-table-column prop="accountBankUsd" label="美元账户银行" width="180" />
                 <el-table-column prop="accountNoUsd" label="美元银行账号" width="180" />
+                <el-table-column prop="guaranteeNo" label="保函号码" width="180" />
+                <el-table-column prop="guaranteeDate" label="保函日期" width="180" />
                 <el-table-column prop="version" label="版本" width="180" />
                 <el-table-column prop="status" label="状态" width="180">
                   <template slot-scope="scope">
@@ -566,13 +570,13 @@
           </el-form-item>
         </div>
         <div v-if="activeName == 'yhxx'">
-          <el-form-item label="统一社会信用代码" prop="uscc">
+          <!-- <el-form-item label="统一社会信用代码" prop="uscc">
             <el-input v-model="corpsAttnForm.uscc"></el-input>
-          </el-form-item>
-          <el-form-item label="账号名称" prop="accountName">
+          </el-form-item> -->
+          <el-form-item label="账户名称" prop="accountName">
             <el-input v-model="corpsAttnForm.accountName"></el-input>
           </el-form-item>
-          <el-form-item label="账号银行" prop="accountBank">
+          <el-form-item label="开户银行" prop="accountBank">
             <el-input v-model="corpsAttnForm.accountBank"></el-input>
           </el-form-item>
           <el-form-item label="银行账号" prop="accountNo">
@@ -632,14 +636,7 @@
           </el-form-item>
         </div>
         <div v-if="activeName == 'fptt'">
-          <el-form-item label="保函号码" prop="guaranteeNo">
-            <el-input v-model="corpsAttnForm.guaranteeNo"></el-input>
-          </el-form-item>
-          <el-form-item label="保函日期" prop="guaranteeDate">
-            <el-date-picker v-model="corpsAttnForm.guaranteeDate" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"
-              :style="{ width: '100%' }">
-            </el-date-picker>
-          </el-form-item>
+          
           <el-form-item label="发票抬头" prop="invoiceHeader">
             <el-input v-model="corpsAttnForm.invoiceHeader"></el-input>
           </el-form-item>
@@ -679,6 +676,16 @@
           <el-form-item label="美元银行账号" prop="accountNoUsd">
             <el-input v-model="corpsAttnForm.accountNoUsd"></el-input>
           </el-form-item>
+
+          <el-form-item label="保函号码" prop="guaranteeNo">
+            <el-input v-model="corpsAttnForm.guaranteeNo"></el-input>
+          </el-form-item>
+          <el-form-item label="保函日期" prop="guaranteeDate">
+            <el-date-picker v-model="corpsAttnForm.guaranteeDate" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"
+              :style="{ width: '100%' }">
+            </el-date-picker>
+          </el-form-item>
+
           <el-form-item label="状态" prop="status">
             <el-select v-model="corpsAttnForm.status" placeholder="请选择状态" :style="{ width: '100%' }">
               <el-option label="正常" :value="0"></el-option>

src/views/iosBasicData/bcorps/index.vue

@@ -55,6 +55,56 @@
                 <small slot="more">...</small>
               </avue-text-ellipsis>
             </template>
+            <template slot="shortName" slot-scope="scope">
+              <avue-text-ellipsis :text="scope.row.shortName" :height="30" use-tooltip placement="top">
+                <small slot="more">...</small>
+              </avue-text-ellipsis>
+            </template>
+            <template slot="tel" slot-scope="scope">
+              <avue-text-ellipsis :text="scope.row.tel" :height="30" use-tooltip placement="top">
+                <small slot="more">...</small>
+              </avue-text-ellipsis>
+            </template>
+            <template slot="fax" slot-scope="scope">
+              <avue-text-ellipsis :text="scope.row.fax" :height="30" use-tooltip placement="top">
+                <small slot="more">...</small>
+              </avue-text-ellipsis>
+            </template>
+            <template slot="adminProfiles" slot-scope="scope">
+              <avue-text-ellipsis :text="scope.row.adminProfiles" :height="30" use-tooltip placement="top">
+                <small slot="more">...</small>
+              </avue-text-ellipsis>
+            </template>
+            <template slot="seaEmail" slot-scope="scope">
+              <avue-text-ellipsis :text="scope.row.seaEmail" :height="30" use-tooltip placement="top">
+                <small slot="more">...</small>
+              </avue-text-ellipsis>
+            </template>
+            <template slot="airEmail" slot-scope="scope">
+              <avue-text-ellipsis :text="scope.row.airEmail" :height="30" use-tooltip placement="top">
+                <small slot="more">...</small>
+              </avue-text-ellipsis>
+            </template>
+            <template slot="unCode" slot-scope="scope">
+              <avue-text-ellipsis :text="scope.row.unCode" :height="30" use-tooltip placement="top">
+                <small slot="more">...</small>
+              </avue-text-ellipsis>
+            </template>
+            <template slot="customsCode" slot-scope="scope">
+              <avue-text-ellipsis :text="scope.row.customsCode" :height="30" use-tooltip placement="top">
+                <small slot="more">...</small>
+              </avue-text-ellipsis>
+            </template>
+            <template slot="scacCode" slot-scope="scope">
+              <avue-text-ellipsis :text="scope.row.scacCode" :height="30" use-tooltip placement="top">
+                <small slot="more">...</small>
+              </avue-text-ellipsis>
+            </template>
+            <template slot="email" slot-scope="scope">
+              <avue-text-ellipsis :text="scope.row.email" :height="30" use-tooltip placement="top">
+                <small slot="more">...</small>
+              </avue-text-ellipsis>
+            </template>
             <template slot="enAddr" slot-scope="scope">
               <avue-text-ellipsis :text="scope.row.enAddr" :height="30" use-tooltip placement="top">
                 <small slot="more">...</small>
@@ -192,9 +242,11 @@ export default {
         height: 'auto',
         calcHeight: 30,
         tip: false,
+        searchIcon: true,
+        searchIndex: 3,
         excelBtn: true,
         searchShow: true,
-        searchMenuSpan: 24,
+        searchMenuSpan: 6,
         border: true,
         index: true,
         viewBtn: true,
@@ -257,6 +309,7 @@ export default {
           {
             label: "简称",
             prop: "shortName",
+            width: "180",
             rules: [{
               required: true,
               message: "请输入简称",
@@ -324,6 +377,7 @@ export default {
           {
             label: "电话",
             prop: "tel",
+            width: "120",
             search: true,
             rules: [{
               required: true,
@@ -334,6 +388,7 @@ export default {
           {
             label: "传真",
             prop: "fax",
+            width: "120",
             rules: [{
               required: true,
               message: "请输入传真",
@@ -343,6 +398,7 @@ export default {
           {
             label: "电子邮箱",
             prop: "email",
+            width: "160",
             rules: [{
               required: true,
               message: "请输入电子邮箱",
@@ -448,6 +504,7 @@ export default {
           {
             label: "分管员",
             prop: "adminProfiles",
+            width: "100",
             rules: [{
               required: true,
               message: "请输入分管员",
@@ -457,6 +514,7 @@ export default {
           {
             label: "海运邮箱",
             prop: "seaEmail",
+            width: "160",
             rules: [{
               required: true,
               message: "请输入海运邮箱",
@@ -466,6 +524,7 @@ export default {
           {
             label: "空运邮箱",
             prop: "airEmail",
+            width: "160",
             rules: [{
               required: true,
               message: "请输入空运邮箱",
@@ -475,6 +534,7 @@ export default {
           {
             label: "国际编码",
             prop: "unCode",
+            width: "160",
             rules: [{
               required: true,
               message: "请输入国际编码",
@@ -484,6 +544,7 @@ export default {
           {
             label: "海关编码",
             prop: "customsCode",
+            width: "160",
             rules: [{
               required: true,
               message: "请输入海关编码",
@@ -493,6 +554,7 @@ export default {
           {
             label: "SCAC 代码",
             prop: "scacCode",
+            width: "160",
             width: 100,
             rules: [{
               required: true,
@@ -1236,4 +1298,8 @@ export default {
 /deep/ .el-tree-node__content>.el-tree-node__expand-icon {
   visibility: hidden;
 }
+
+/deep/ .el-col-md-8 {
+  width: 24.33333%;
+}
 </style>