工作组项目、普通项目悬浮信息

src/views/mailManagement/ContractMail.vue

@@ -64,13 +64,18 @@
             <div class="primary-color" v-html="text"></div>
           </template>
 
+          <template slot="text" slot-scope="text">
+            <j-ellipsis :value="text" :length="18"></j-ellipsis>
+          </template>
+
           <span slot="print" slot-scope="text, record" class="action-span-cell">
             <a-button type="primary" :disabled="record.sendMethod === '1' ? false : true">打印</a-button>
           </span>
           <span slot="action" slot-scope="text, record" class="action-span-cell">
             <a @click="handleAdd(record.id)" v-if="record.postStatus === '0'" v-has="'contractMail:mail'">邮寄</a>
             <a @click="handleEdit(record)" v-if="record.postStatus === '1'" v-has="'contractMail:edit'">修改</a>
-            <a @click="goLogistics(record)" v-if="record.postStatus === '1'" v-has="'contractMail:checkLogistics'">查看物流</a>
+            <a @click="goLogistics(record)" v-if="record.postStatus === '1'"
+               v-has="'contractMail:checkLogistics'">查看物流</a>
           </span>
         </a-table>
       </div>
@@ -79,9 +84,9 @@
   </div>
 </template>
 <script>
-import {mixinDevice} from '@/utils/mixin'
-import {JeroListMixin} from '@/mixins/JeroListMixin'
-import {RangeDateMixin} from '@/mixins/RangeDateMixin'
+import { mixinDevice } from '@/utils/mixin'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import { RangeDateMixin } from '@/mixins/RangeDateMixin'
 import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
 import IconImg from '@/assets/imgs/icon/xin.png'
 import MailContractModal from './modules/MailContractModal'
@@ -118,47 +123,63 @@ export default {
         {
           title: '合同编号',
           align: 'center',
+          width: 200,
           dataIndex: 'contractNum',
-          scopedSlots: {customRender: 'htmlSlot'}
+          scopedSlots: { customRender: 'htmlSlot' }
         },
         {
           title: '合同名称',
           align: 'center',
+          width: 250,
           dataIndex: 'contractName',
+          scopedSlots: { customRender: 'projectName' }
         },
         {
           title: '签订单位',
           align: 'center',
+          width: 200,
           dataIndex: 'signedCompanyTemporaryName',
+          scopedSlots: { customRender: 'projectName' }
         },
         {
           title: '负责人',
           align: 'center',
+          width: 200,
           dataIndex: 'principalName',
+          scopedSlots: { customRender: 'projectName' }
         },
         {
           title: '合同总金额',
           align: 'center',
+          width: 200,
           dataIndex: 'contractAmount',
+          scopedSlots: { customRender: 'projectName' }
         },
         {
           title: '邮寄联系人',
           align: 'center',
+          width: 200,
           dataIndex: 'liaisonMan',
+          scopedSlots: { customRender: 'projectName' }
         },
         {
           title: '联系人电话',
           align: 'center',
+          width: 200,
           dataIndex: 'mobile',
+          scopedSlots: { customRender: 'projectName' }
         },
         {
           title: '状态',
           align: 'center',
+          width: 200,
           dataIndex: 'postStatus_dictText',
+          scopedSlots: { customRender: 'projectName' }
         },
         {
           title: '打印',
           align: 'center',
+          width: 100,
           dataIndex: '',
           scopedSlots: { customRender: 'print' }
         },
@@ -167,20 +188,20 @@ export default {
           align: 'center',
           fixed: 'right',
           width: 160,
-          scopedSlots: {customRender: 'action'}
-        },
+          scopedSlots: { customRender: 'action' }
+        }
       ],
       url: {
         list: '/payMailContract/payMailContract/list',
-        exportXlsUrl: '/payMailContract/payMailContract/exportXls',
-      },
+        exportXlsUrl: '/payMailContract/payMailContract/exportXls'
+      }
     }
   },
   methods: {
     //  查看物流
     goLogistics(record) {
       const com = Number(record.sendMethod) === 1 && 'ems' || 'shunfeng'
-      window.open(`https://www.kuaidi100.com/chaxun?com=${com}&nu=${record.postNo}`)
+      window.open(`https://www.kuaidi100.com/chaxun?com=${ com }&nu=${ record.postNo }`)
     },
     handleAdd: function (id) {
       this.$refs.modalForm.add(id)
@@ -202,7 +223,7 @@ export default {
       }
       console.log('导出参数', param)
       downloadFile(this.url.exportXlsUrl, fileName + '.xls', param)
-    },
+    }
   }
 }
 </script>