diff --git a/src/application/mk/index.js b/src/application/mk/index.js index 97665a4..e311fa2 100644 --- a/src/application/mk/index.js +++ b/src/application/mk/index.js @@ -28,7 +28,7 @@ VXETable.renderer.add('MkGridDataSelector', { // 创建一个下拉表格渲染 return } }) -VXETable.renderer.add('MkGridSelect', { +VXETable.renderer.add('MkGridSelect', { autofocus: '.vxe-input--inner', renderEdit(h, renderOpts, params) { return @@ -43,7 +43,7 @@ VXETable.renderer.add('MkFormDataSelector', { const props = renderOpts.props || {} return } -}) +}) VXETable.renderer.add('MkFormInputShow', { // 项内容模板 renderItemContent(h, renderOpts, params) { @@ -54,45 +54,45 @@ VXETable.renderer.add('MkFormInputShow', { }) - + VXETable.renderer.add('MkFormUploader', { - // 项内容模板 - renderItemContent(h, renderOpts, params) { - const { data, field } = params - const props = renderOpts.props || {} - const options = renderOpts.options || [] - return - } + // 项内容模板 + renderItemContent(h, renderOpts, params) { + const { data, field } = params + const props = renderOpts.props || {} + const options = renderOpts.options || [] + return + } }) VXETable.renderer.add('MkFormCropper', { - // 项内容模板 - renderItemContent(h, renderOpts, params) { - const { data, field } = params - const props = renderOpts.props || {} - const options = renderOpts.options || [] - return - } + // 项内容模板 + renderItemContent(h, renderOpts, params) { + const { data, field } = params + const props = renderOpts.props || {} + const options = renderOpts.options || [] + return + } }) VXETable.renderer.add('MkFormEditor', { - // 项内容模板 - renderItemContent(h, renderOpts, params) { - const { data, field } = params - const props = renderOpts.props || {} - const options = renderOpts.options || [] - return - } + // 项内容模板 + renderItemContent(h, renderOpts, params) { + const { data, field } = params + const props = renderOpts.props || {} + const options = renderOpts.options || [] + return + } }) VXETable.formats.mixin({ formatYesNo({ cellValue }) { // 格式化是否 return cellValue ? '是' : '否' }, - formatRef({ cellValue,column }) { // 格式化参照 - - if(column && column.params + formatRef({ cellValue, column }) { // 格式化参照 + + if (column && column.params && column.params.dataType == "object" - && column.params.textField && typeof(cellValue) == "object" - - ){ + && column.params.textField && typeof (cellValue) == "object" + + ) { return cellValue[column.params.textField]; } return cellValue && cellValue[1] ? cellValue[1] : '' @@ -104,63 +104,78 @@ VXETable.formats.mixin({ return '未审'; }, formatDateTime({ cellValue }) { // 日期时间格式化 - if(typeof(cellValue) == "number"){ + if (typeof (cellValue) == "number") { cellValue = new Date(cellValue * 1000); } return XEUtils.toDateString(cellValue, 'yyyy-MM-dd HH:mm:ss') - }, + }, formatDate({ cellValue }) { // 日期格式化 - if(typeof(cellValue) == "number"){ + if (typeof (cellValue) == "number") { cellValue = new Date(cellValue * 1000); } return XEUtils.toDateString(cellValue, 'yyyy-MM-dd') }, formatNumber({ cellValue }) { // 数字格式化 - if(cellValue === 0) return '0'; - if(!cellValue) return ''; + if (cellValue === 0) return '0'; + if (!cellValue) return ''; return parseFloat(cellValue).toFixed(2) }, formatImage({ cellValue }) { // 格式化状态 if (!cellValue) return ''; return ``; }, - formatEnum({ cellValue,column }) { // 格式化状态 - if (cellValue == null) return ''; - if(!column.params) return ''; - for(let i =0;i' + column.params[i].label + ''; } } return ''; }, formatPercentage({ cellValue }) { // 百分比的形式显示 - if(cellValue === 0) return '0%'; - if(!cellValue) return ''; - return parseFloat(cellValue).toFixed(2) +"%"; + if (cellValue === 0) return '0%'; + if (!cellValue) return ''; + return parseFloat(cellValue).toFixed(2) + "%"; }, -}) +}) + +VXETable.renderer.add('enum', { + renderDefault(h, renderOpts, params) { + let { row, column } = params + let cellValue = row[column.field]; + for (let i = 0; column.params && i < column.params.data.length; i++) { + if (column.params.data[i].value == cellValue) { + let cls = column.params.cls + ' ' + column.params.cls +'_'+column.params.data[i].value; + return {column.params.data[i].label}; + } + } + return ; + } +}) + var mk = { - ...modal, // modal + ...modal, // modal - ...apis, //API调用相关的方法 + ...apis, //API调用相关的方法 ...funs, //常用的方法 - ...form, //表单常用的方法 + ...form, //表单常用的方法 - config: config, + config: config, - dialog: dialog, + dialog: dialog, - uploadFile :uploader.uploadFile, - getPreviewSrc:uploader.getPreviewSrc, + uploadFile: uploader.uploadFile, + getPreviewSrc: uploader.getPreviewSrc, getWindowSize: () => { return { - width: document.documentElement.clientWidth || document.body.clientWidth, - height: document.documentElement.clientHeight || document.body.clientHeight + width: document.documentElement.clientWidth || document.body.clientWidth, + height: document.documentElement.clientHeight || document.body.clientHeight }; }, @@ -178,27 +193,27 @@ var mk = { Vue.component(MkFormDataSelector.name, MkFormDataSelector) - Vue.component(MkGridDataSelector.name, MkGridDataSelector) - Vue.component(MkGridSelect.name, MkGridSelect) + Vue.component(MkGridDataSelector.name, MkGridDataSelector) + Vue.component(MkGridSelect.name, MkGridSelect) Vue.component(MkPrinter.name, MkPrinter) Vue.component(MkCropper.name, MkCropper) - - Vue.component(switchCompany.name, switchCompany) - - Vue.component(MkFormUploader.name,MkFormUploader); - Vue.component(MkFormEditor.name,MkFormEditor); - Vue.component(MkFormCropper.name,MkFormCropper); - Vue.component(MkFormInputShow.name,MkFormInputShow); - Vue.component(BasicPageList.name,BasicPageList); - Vue.component(BasicPageEdit.name,BasicPageEdit); - - + Vue.component(switchCompany.name, switchCompany) + + Vue.component(MkFormUploader.name, MkFormUploader); + Vue.component(MkFormEditor.name, MkFormEditor); + Vue.component(MkFormCropper.name, MkFormCropper); + Vue.component(MkFormInputShow.name, MkFormInputShow); + Vue.component(BasicPageList.name, BasicPageList); + Vue.component(BasicPageEdit.name, BasicPageEdit); + + + //图片预览组件 //使用方法:this.$hevueImgPreview(url) Vue.use(hevueImgPreview) - + }, @@ -238,5 +253,5 @@ var mk = { } return filter; } -}; +}; export default mk; \ No newline at end of file diff --git a/src/application/mk/style/main.css b/src/application/mk/style/main.css index 24f240a..5bf91f2 100644 --- a/src/application/mk/style/main.css +++ b/src/application/mk/style/main.css @@ -158,4 +158,32 @@ cursor: pointer; left: 10px; top: 50px; z-index: 999; +} + +.finish_status{ + padding:3px 8px; +} +.finish_status_2{ + background: #F6FFED; + border:1px solid #B7EB8F; + color: #7BD34F; +} +.finish_status_1{ + background: #F0F0EE; + border:1px solid #FFA39E; + color: #F63C45; +} + +.audit_status{ + padding:3px 8px; +} +.audit_status_1{ + background: #F6FFED; + border:1px solid #B7EB8F; + color: #7BD34F; +} +.audit_status_2{ + background: #F0F0EE; + border:1px solid #FFA39E; + color: #F63C45; } \ No newline at end of file diff --git a/src/pages/Middle/Mes/MesProductionOrder/MesProductionOrder/List.vue b/src/pages/Middle/Mes/MesProductionOrder/MesProductionOrder/List.vue index 56a3051..8b92097 100644 --- a/src/pages/Middle/Mes/MesProductionOrder/MesProductionOrder/List.vue +++ b/src/pages/Middle/Mes/MesProductionOrder/MesProductionOrder/List.vue @@ -86,11 +86,14 @@ export default { id: 'datagrid_1', // 表格唯一标识 columns: [ - { type: 'checkbox', width: 'auto' }, // 多选框 + { type: 'checkbox', width: 80 }, // 多选框 { title: '操作', slots: { default: 'op' }, width: 120 }, { field: 'production_number', sortable: true, title: '单据编码', width: 250 }, // 编码 - { field: 'audit_status', params:[{label:"已审批",value:1},{label:"未审批",value:0}] , formatter: 'formatEnum', width: 160, sortable: true, title: '审批状态', showHeaderOverflow: true }, // 审批状态 + { field: 'audit_status', params:{data:[{label:"已审批",value:1},{label:"未审批",value:0}],cls:'audit_status'} , cellRender:{name: 'enum'}, width: 160, sortable: true, title: '审批状态', showHeaderOverflow: true }, // 审批状态 + { field: 'plan_finish_status', params:{data:[{label:"已完成",value:2},{label:"未完成",value:1}],cls:'finish_status'} , cellRender:{name: 'enum'}, width: 160, sortable: true, title: '完成状态', showHeaderOverflow: true }, // 完成状态 + + { field: 'create_time', formatter: 'formatDate', width: 100, sortable: true, title: '单据日期', showHeaderOverflow: true }, // 创建时间 { field: 'create_time', formatter: 'formatDate', width: 100, sortable: true, title: '创建时间', showHeaderOverflow: true }, // 创建时间 { field: 'update_time', formatter: 'formatDate', width: 100, sortable: true, title: '更新时间', showHeaderOverflow: true }, // 更新时间 diff --git a/src/pages/Middle/Mes/MesProductionOrder/MesProductionOrder/voucher.vue b/src/pages/Middle/Mes/MesProductionOrder/MesProductionOrder/voucher.vue index a22b8e9..2e9c427 100644 --- a/src/pages/Middle/Mes/MesProductionOrder/MesProductionOrder/voucher.vue +++ b/src/pages/Middle/Mes/MesProductionOrder/MesProductionOrder/voucher.vue @@ -69,7 +69,7 @@