项目库-可伸缩列

jero-web/src/views/projectManagement/components/TaskParameterCollection.vue

@@ -45,6 +45,7 @@
         ref='table'
         size='middle'
         rowKey='id'
+        :components="drag(columns,'columns')"
         :columns='columns'
         :dataSource='dataSource'
         :pagination='false'
@@ -138,6 +139,7 @@
   import { ACCESS_TOKEN } from '@/store/mutation-types'
   import eventBUs from '@/common/event'
   import store from '@/store/'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'TaskParameterCollection',
@@ -148,6 +150,7 @@
       HistoricalVersion,
       ProjectCollectionParameters
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         columns: [

jero-web/src/views/projectManagement/components/certificationDirectory.vue

@@ -17,6 +17,7 @@
           </div>
         </div>
         <a-table
+          :components="drag(columns,'columnsAll')"
           :columns="columns"
           :scroll="{x: 900}"
           :data-source="dataList"
@@ -67,6 +68,7 @@
   import { getAction, postAction, deleteAction } from '@/api/manage'
   import certificationDirectoryAdd from './certificationDirectoryAdd'
   import viewFileModel from '@/components/viewFileModel/index'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'certificationDirectory',
@@ -75,6 +77,7 @@
       viewFileModel
     },
     props: ['isDisplayNum'],
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -86,45 +89,52 @@
             title: this.$t('directoryName'),
             dataIndex: 'directoryName',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 132
           },
           {
             title: this.$t('batch'),
             dataIndex: 'lot',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 132
           },
           {
             title: this.$t('catalogFile'),
             dataIndex: 'directoryFile',
             align: 'left',
             ellipsis: true,
-            scopedSlots: { customRender: 'operationFile' }
+            scopedSlots: { customRender: 'operationFile' },
+            width: 132
           },
           {
             title: this.$t('testScheme'),
             dataIndex: 'experimentFile',
             align: 'left',
             ellipsis: true,
-            scopedSlots: { customRender: 'operationFile' }
+            scopedSlots: { customRender: 'operationFile' },
+            width: 132
           },
           {
             title: this.$t('testReportLocation'),
             dataIndex: 'detectionReportLocation',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 132
           },
           {
             title: this.$t('explain'),
             dataIndex: 'explainInfo',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 132
           },
           {
             title: this.$t('uploadTime'),
             dataIndex: 'uploadTime',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 130
           },
           {
             title: this.$t('operation'),

jero-web/src/views/projectManagement/components/certificationProgressEchart.vue

@@ -7,6 +7,7 @@
       <div id="main-right">
         <a-table
           ref="table"
+          :components="drag(columns,'columns')"
           :loading="loading"
           :pagination="false"
           :scroll="{x: true}"
@@ -27,6 +28,7 @@
   import * as echarts from 'echarts'
   import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
   import responsibilityList from './responsibilityList'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'certificationProgress',
@@ -39,6 +41,7 @@
         default: []
       }
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         loading: false,
@@ -50,28 +53,33 @@
         columns: [
           {
             title: this.$t('notInvolved'),
-            align: 'center',
-            dataIndex: 'notInvolved'
+            align: 'left',
+            dataIndex: 'notInvolved',
+            width: 102
           },
           {
             title: this.$t('toBeStarted'),
-            align: 'center',
-            dataIndex: 'toBeStarted'
+            align: 'left',
+            dataIndex: 'toBeStarted',
+            width: 102
           },
           {
             title: this.$t('inProgress'),
-            align: 'center',
-            dataIndex: 'inProgress'
+            align: 'left',
+            dataIndex: 'inProgress',
+            width: 102
           },
           {
             title: this.$t('experimentFailed'),
-            align: 'center',
-            dataIndex: 'experimentFailed'
+            align: 'left',
+            dataIndex: 'experimentFailed',
+            width: 122
           },
           {
             title: this.$t('experimentPassed'),
-            align: 'center',
-            dataIndex: 'experimentPassed'
+            align: 'left',
+            dataIndex: 'experimentPassed',
+            width: 122
           }
         ]
       }

jero-web/src/views/projectManagement/components/currentStatusOfTheProjectEcharts.vue

@@ -14,6 +14,7 @@
       <div id="main-right">
         <a-table
           ref="table"
+          :components="drag(columns,'columns')"
           :loading="loading"
           :pagination="false"
           :scroll="{x: true}"
@@ -34,6 +35,7 @@
   import * as echarts from 'echarts'
   import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
   import responsibilityList from './responsibilityList'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'CurrentStatusOfTheProjectEcharts',
@@ -46,6 +48,7 @@
         default: []
       }
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         loading: false,
@@ -57,23 +60,27 @@
         columns: [
           {
             title: this.$t('red'),
-            align: 'center',
-            dataIndex: 'redCount'
+            align: 'left',
+            dataIndex: 'redCount',
+            width: 139
           },
           {
             title: this.$t('yellow'),
-            align: 'center',
-            dataIndex: 'yellowCount'
+            align: 'left',
+            dataIndex: 'yellowCount',
+            width: 139
           },
           {
             title: this.$t('green'),
-            align: 'center',
-            dataIndex: 'greenCount'
+            align: 'left',
+            dataIndex: 'greenCount',
+            width: 139
           },
           {
             title: this.$t('blue'),
-            align: 'center',
-            dataIndex: 'blueCount'
+            align: 'left',
+            dataIndex: 'blueCount',
+            width: 139
           }
         ]
       }

jero-web/src/views/projectManagement/components/customizeList.vue

@@ -10,6 +10,7 @@
     style="height: 100%;overflow: auto;padding-bottom: 53px;">
     <div style="margin-bottom: 60px">
       <a-table
+        :components="drag(columns,'columns')"
         :columns="columns"
         rowKey="id"
         :scroll="{x: 800}"
@@ -42,11 +43,13 @@
 
 <script>
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'transferList',
     components: {},
     props: ['url'],
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -58,7 +61,8 @@
             title: this.$t('customColumn'),
             dataIndex: 'name',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 884
           },
         ],
         dataList: [

jero-web/src/views/projectManagement/components/historicalVersionList.vue

@@ -14,9 +14,10 @@
     </template>
     <a-table
       class="table"
+      :components="drag(columns,'columns')"
       :columns="columns"
       :pagination="false"
-      :scroll="{y: 400}"
+      :scroll="{x:'100%',y: 400}"
       :data-source="dataSource"
       :loading="loading"
     >
@@ -29,9 +30,11 @@
 
 <script>
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'historicalVersionList',
+    mixins: [ResizeColumnProvide, ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -46,13 +49,15 @@
             title: this.$t('versionName'),
             dataIndex: 'versionsName',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 362
           },
           {
             title: this.$t('finalizationTime'),
             dataIndex: 'createTime',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 362
           },
           {
             title: this.$t('operation'),

jero-web/src/views/projectManagement/components/listAddModel.vue

@@ -60,6 +60,7 @@
         </a-form>
       </div>
       <a-table
+        :components="drag(columns,'columns')"
         :columns="columns"
         rowKey="id"
         :scroll="{x: 1200}"
@@ -93,6 +94,7 @@
 <script>
   import { getAction, postAction } from '@/api/manage'
   import globalAdvancedQuery from '@/components/globalAdvancedQuery/index'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'listAddModel',
@@ -100,6 +102,7 @@
       globalAdvancedQuery
     },
     props: ['url'],
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         toggleSearchStatus: false,
@@ -112,19 +115,22 @@
             title: this.$t('standard'),
             dataIndex: 'serial_number',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           {
             title: this.$t('title'),
             dataIndex: 'title',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           {
             title: this.$t('zoneOfApplication'),
             dataIndex: 'region',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           // {
           //   title: this.$t('status'),
@@ -142,13 +148,15 @@
             title: this.$t('ImplementationDate'),
             dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           {
             title: this.$t('vehicleInProductionDate'),
             dataIndex: 'implement_time',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           // {
           //   title: this.$t('correspondingStandard'),

jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue

@@ -105,6 +105,7 @@
               :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"-->
       <a-table
         class="table"
+        :components="drag(columns,'columnsAll')"
         :columns="columns"
         rowKey="id"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
@@ -270,6 +271,7 @@
   import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
   import ImportFile from '@/components/ImportFile/index'
   import { mapGetters } from 'vuex'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'listOfRelevantPersonnel',
@@ -278,6 +280,7 @@
       ImportFile,
       personBatting
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         toggleSearchStatus: false,
@@ -288,31 +291,36 @@
             title: this.$t('areaOfResponsibility'),
             align: 'left',
             dataIndex: 'dutyTerritory_dictText',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             align: 'left',
             dataIndex: 'lawEngineerName',
             slots: { title: 'regulatoryEngineer' },
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             align: 'left',
             slots: { title: 'engineeringInterfacePerson' },
             dataIndex: 'engineeringInterfacePersonName',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             align: 'left',
             slots: { title: 'certifiedEngineer' },
             dataIndex: 'certificationEngineerName',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             title: this.$t('remarks'),
             align: 'left',
             dataIndex: 'remark',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             title: this.$t('operation'),
@@ -689,4 +697,8 @@
   /*/deep/.table .ant-table-tbody > tr > td {*/
   /*  color: #040B29 ;*/
   /*}*/
+
+  .table {
+    margin-bottom: 60px;
+  }
 </style>

jero-web/src/views/projectManagement/components/nonConformance.vue

@@ -51,6 +51,7 @@
       <a-table
         ref="table"
         size="middle"
+        :components="drag(columns,'columns')"
         :loading="loading"
         rowKey="uuid"
         :pagination="false"
@@ -85,9 +86,11 @@
 <script>
   import { getAction, postAction, downloadFile, deleteAction,downloadFilePost } from '@/api/manage'
   import store from '@/store/'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'nonConformance',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         queryParam: {},

jero-web/src/views/projectManagement/components/responsibilityList.vue

@@ -20,6 +20,7 @@
     </div>
     <a-table
       ref="table"
+      :components="drag(columns,'columns')"
       :loading="loading"
       :pagination="false"
       :scroll="{x: true,y:400}"
@@ -36,9 +37,11 @@
 <script>
   import { getAction, postAction, downloadFile } from '@/api/manage'
   import moment from 'moment'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'responsibilityList',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -55,7 +58,7 @@
           {
             title: this.$t('areaOfResponsibility'),
             dataIndex: 'dutyTerritoryName',
-            align: 'center',
+            align: 'left',
             width: 400,
             ellipsis: true,
             scopedSlots: { customRender: 'areaOfResponsibility' }
@@ -63,7 +66,7 @@
           {
             title: this.$t('Quantity'),
             dataIndex: 'amount',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 300
           }

jero-web/src/views/projectManagement/components/transferList.vue

@@ -31,6 +31,7 @@
         </a-form>
       </div>
       <a-table
+        :components="drag(columns,'columns')"
         :columns="columns"
         rowKey="id"
         :scroll="{x: 1000}"
@@ -63,11 +64,13 @@
 
 <script>
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'transferList',
     components: {},
     props: ['url'],
+    mixins: [ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -79,25 +82,29 @@
             title: this.$t('VirtualListName'),
             dataIndex: 'name',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 235
           },
           {
             title: this.$t('instructionForUse'),
             dataIndex: 'useExplain',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 235
           },
           {
             title: this.$t('updateTime'),
             dataIndex: 'updateTime',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 235
           },
           {
             title: this.$t('creater'),
             dataIndex: 'createBy',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 235
           }
         ],
         dataList: [],

jero-web/src/views/projectManagement/components/versionStatistics.vue

@@ -31,6 +31,7 @@
       <!--        </a-form>-->
       <!--      </div>-->
       <a-table
+        :components="drag(columns,'columns')"
         :columns="columns"
         :rowKey="(record)=>JSON.stringify(record)"
         :scroll="{x: '100%',y:500}"
@@ -63,9 +64,11 @@
 
 <script>
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'versionStatistics',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,