修改中英文切换

jero-web/src/components/tableDate/index.vue

@@ -5,30 +5,36 @@
         class="table"
         rowKey="id"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
-        :columns="columns"
         :pagination="false"
-        :scroll="{x: 1600}"
+        :scroll="{x: true}"
         :data-source="dataSource"
         :loading="loading"
+        :columns="columns"
         @change="tableOnChange"
       >
         <span slot="operation" slot-scope="record">
-               <a class="text" v-for="(ol,index) in OperationList"
-                  @click="OperationClick(ol,record)">
-                 <span v-if="ol.text == '取消收藏'">
-                        {{!record.collectFlag || record.collectFlag == 0 ? '收藏' :'取消收藏'}}
-                 </span>
-                 <span v-else-if="ol.text == '取消订阅'">
-                        {{!record.subscribeFlag || record.subscribeFlag == 0 ? '订阅' :'取消订阅'}}
-                 </span>
-                <span v-else>
-                   {{ol.text}}
-                </span>
-               </a>
-        </span>
+                     <a class="text" v-for="(ol,index) in OperationList"
+                        @click="OperationClick(ol,record)">
+                        <span v-if="ol.text == '取消收藏'">
+                                    {{!record.collectFlag || record.collectFlag == 0 ? '收藏' :'取消收藏'}}
+                        </span>
+                        <span v-else-if="ol.text == '取消订阅'">
+                                    {{!record.subscribeFlag || record.subscribeFlag == 0 ? '订阅' :'取消订阅'}}
+                       </span>
+                        <span v-else>
+                               {{ol.text}}
+                         </span>
+                     </a>
+         </span>
         <span slot="detailClick" slot-scope="text,record">
-               <a class="text" :title="text" @click="detailClick(record)">{{text}}</a>
+              <a class="text" :title="text" @click="detailClick(record)">{{text}}</a>
         </span>
+        <span slot="detailText" slot-scope="text,record">
+              <span class="text" :title="text">
+               {{text.length > 18?text.slice(0,17)+'...':text}}
+              </span>
+        </span>
+
       </a-table>
     </div>
     <div class="page" v-if="dataSource.length > 0">
@@ -138,6 +144,10 @@
                 this.columns[index].scopedSlots = {
                   customRender: 'detailClick'
                 }
+              } else {
+                this.columns[index].scopedSlots = {
+                  customRender: 'detailText'
+                }
               }
             })
             let width = 0
@@ -177,6 +187,9 @@
         postAction(this.url.tableList, params).then((res) => {
           if (res.success) {
             this.dataSource = res.result.records
+            this.dataSource.forEach((val) => {
+              val.function_territory = val.function_territory + 'dsfsdfs 收到付款了山东黄搞定；分两个地方骨科大夫的咖啡馆里的法国金弗兰克是的积分流口水的房间的斯洛伐克第三方'
+            })
             this.total = res.result.total
             this.loading = false
           } else {
@@ -209,6 +222,10 @@
   .table .ant-table-column-title {
     font-weight: bold;
   }
+
+  .ant-table td {
+    white-space: nowrap;
+  }
 </style>
 <style scoped>
   .box {