森语-事故处理单

src/views/oa/IncidentTicketList.vue

@@ -17,7 +17,7 @@
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
             <a-form-item label="填报人">
               <j-search-select-tag v-model="queryParam.informant" placeholder="" 
-                   dict="sys_user,realname,username" @search="searchName"/>
+                   dict="sys_user,realname,realname" @search="searchName"/>
               <!-- <j-dict-select-tag placeholder="请选择填报人" v-model="queryParam.informant" dictCode="sys_user ,realname,username"/> -->
             </a-form-item>
           </a-col>
@@ -101,7 +101,7 @@
         :dataSource="dataSource"
         :pagination="ipagination"
         :loading="loading"
-        :scroll="{x: 1635}"
+        :scroll="{x: 1500,y:500}"
         :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
         @change="handleTableChange">
 
@@ -186,7 +186,7 @@ import moment from 'moment'
       moment
     },
     data () {
-      let ellipsis = (v, l = 30) => <j-ellipsis value={v} length={l} /> // 省略
+      let ellipsis = (v, l ) => <j-ellipsis value={v} length={l} /> // 省略
       return {
         description: '森_工厂质量事故单-主表管理页面',
         // 表头
@@ -196,7 +196,7 @@ import moment from 'moment'
             align:"center",
             ellipsis: true,
             dataIndex: 'accidentData',
-            width:110
+            width:130
           
           },
           {
@@ -204,21 +204,21 @@ import moment from 'moment'
             align:"center",
             customRender: (t) => ellipsis(t),
             dataIndex: 'accidentNumber',
-            width:130
+            width:150
           },
           {
             title:'财务备注',
             align:"center",
             dataIndex: 'financeRemark',
-            customRender: (t) => ellipsis(t),
-            width:240,  
+            customRender: (t) => ellipsis(t,30),
+            width:400,  
           },
           {
             title:'质量事故单主题',
             align:"center",
-            // customRender: (t) => ellipsis(t),
+            customRender: (t) => ellipsis(t,25),
             dataIndex: 'accidentTheme',
-            // width:170,
+            width:360,
             ellipsis: true,
           },
           {
@@ -226,50 +226,50 @@ import moment from 'moment'
             align:"center",
             customRender: (t) => ellipsis(t),
             dataIndex: 'responsibilityCompany',
-            width:105,
+            width:150,
           },
           {
             title:'责任人1',
             align:"center",
             dataIndex: 'responsibilityPerson1',
-            width:85
+            width:90
           },
           {
             title:'责任人2',
             align:"center",
             dataIndex: 'responsibilityPerson2',
-            width:85
+            width:90
           },
           {
             title:'责任人3',
             align:"center",
             dataIndex: 'responsibilityPerson3',
-            width:85
+            width:90
           },
           {
             title:'填报人',
             align:"center",
             dataIndex: 'informant',
-            width:85
+            width:90
           },
 
           {
             title:'计划单号',
             align:"center",
             dataIndex: 'planNumber',
-            width:130
+            width:150
           },
           {
             title:'款号',
             align:"center",
             dataIndex: 'styleNumber',
-            width:100
+            width:120
           },
           {
             title:'总金额',
             align:"center",
             dataIndex: 'totalMoney',
-            width:80
+            width:100
           },
           {
             title:'状态',
@@ -277,7 +277,7 @@ import moment from 'moment'
             dataIndex: 'state',
             fixed:"right",
             scopedSlots: { customRender: 'state' },
-            width:110
+            width:120
           },
           {
             title: '操作',
@@ -285,7 +285,7 @@ import moment from 'moment'
             align:"center",
             scopedSlots: { customRender: 'action' },
             fixed:"right",
-            width:120
+            width:135
           }
         ],
         url: {
@@ -341,6 +341,20 @@ import moment from 'moment'
     }
   }
 </script>
-<style scoped>
+<style scoped  lang="less">
   @import '~@assets/less/common.less';
+  /deep/ .ant-table td {
+    // white-space: break-spaces !important;
+    word-break: break-word;
+}
+/deep/ .ant-table-tbody .ant-table-row td{
+    padding-top: 8px !important ;
+    padding-bottom: 8px !important;
+}
+/deep/ .ant-table-thead > tr, .ant-table-tbody > tr {
+    height: 0px !important;
+}
+/deep/ .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
+    padding: 8px 16px !important;
+}
 </style>

src/views/oa/modules/IncidentTicketModalDetail.vue

@@ -559,9 +559,13 @@
              var accessoryZ=[]
 
              this.accessory.map(item =>{
+              console.log(item.url)
+              debugger
               accessoryZ.push(item.url)
+            
              })
              this.accessory =accessoryZ
+             debugger
 
              this.factorySignature = this.formState.factorySignature?JSON.parse(this.formState.factorySignature):[]
              var factorySignatureZ=[]