<template> <a-modal title="详情" width="85%" :visible="visible" :maskClosable="false" :confirmLoading="confirmLoading" @cancel="handleCancel" destroyOnClose > <template #footer> <a-button @click="handleCancel" style="margin-left: 8px;">取消</a-button> <a-button @click="handlePrint" style="margin-left: 8px;">打印</a-button> <a-button type="primary" @click="addNotice" style="margin-left: 8px;" :disabled="!(formState.state=='1')">通知</a-button> <a-popconfirm title="确定反馈通知吗?" ok-text="是" cancel-text="否" @confirm="feedbackNotice" @cancel="handleCancelPop('visibleFk')" :visible="visibleFk"> <a-button type="primary" style="margin-left: 8px;" :disabled="!(formState.state=='2')" @click="()=>visibleFk = true">反馈通知</a-button> </a-popconfirm> <a-popconfirm title="确定推送吗?" ok-text="是" cancel-text="否" @confirm="push" @cancel="handleCancelPop('visibleTs')" :visible="visibleTs"> <a-button type="primary" style="margin-left: 8px;" :disabled="!(formState.state=='3'&&!confirmLoading)" @click="()=>visibleTs = true">推送</a-button> </a-popconfirm> <a-popconfirm title="确定完结吗?" ok-text="是" cancel-text="否" @confirm="end" @cancel="handleCancelPop('visibleWj')" :visible="visibleWj"> <a-button type="primary" style="margin-left: 8px;" :disabled="!(formState.state=='3'|| formState.state=='4')" @click="()=>visibleWj = true">完结</a-button> </a-popconfirm> </template> <a-spin :spinning="confirmLoading"> <div class="table-page-search-wrapper" > <div> <a-form-model layout="inline" ref="form" :model="formState" :rules="validatorRules" labelAlign="right" class="kk"> <a-row :gutter="24"> <a-col :span="8" > <a-form-model-item label="日期" prop="accidentData" > <a-input v-model="formState.accidentData" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="8" > <a-form-model-item label="质量事故单主题" prop="accidentTheme"> <a-input v-model="formState.accidentTheme" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="8"> <a-form-model-item label="质量事故单号" prop="accidentNumber"> <a-input v-model="formState.accidentNumber" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> </a-row> <a-row :gutter="24"> <a-col :span="8" > <a-form-model-item label="客户" prop="customer" > <a-input v-model="formState.customer" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="8" > <a-form-model-item label="工厂(事故发生地)" prop="factory"> <a-input v-model="formState.factory" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="8" > <a-form-model-item label="责任单位" prop="responsibilityCompany"> <a-input v-model="formState.responsibilityCompany" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> </a-row> <a-divider /> <a-row :gutter="24"> <a-col :span="6" > <a-form-model-item label="责任人1" prop="responsibilityPerson1" > <j-search-select-tag v-model="formState.responsibilityPerson1" placeholder="" dict="sys_user,realname,username" @search="searchName" :disabled="true" /> </a-form-model-item> </a-col> <a-col :span="6" > <a-form-model-item label="责任人2" prop="responsibilityPerson2" > <j-search-select-tag v-model="formState.responsibilityPerson2" placeholder="" dict="sys_user,realname,username" @search="searchName" :disabled="true" /> </a-form-model-item> </a-col> <a-col :span="6" > <a-form-model-item label="责任人3" prop="responsibilityPerson3"> <j-search-select-tag v-model="formState.responsibilityPerson3" placeholder="" dict="sys_user,realname,username" @search="searchName" :disabled="true" /> </a-form-model-item> </a-col> <a-col :span="6"> <a-form-model-item label="责任人4" prop="responsibilityPerson4"> <j-search-select-tag v-model="formState.responsibilityPerson4" placeholder="" dict="sys_user,realname,username" @search="searchName" :disabled="true" /> </a-form-model-item> </a-col> </a-row> <a-row :gutter="24"> <a-col :span="6" > <a-form-model-item label="金额1" prop="sum1" > <a-input v-model="formState.sum1" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="6" > <a-form-model-item label="金额2" prop="sum2" > <a-input v-model="formState.sum2" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="6" > <a-form-model-item label="金额3" prop="sum3"> <a-input v-model="formState.sum3" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="6"> <a-form-model-item label="金额4" prop="sum4" > <a-input v-model="formState.sum4" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> </a-row> <a-divider /> <a-row :gutter="24"> <!-- <a-col :span="8" > <a-form-model-item label="币种" prop="moneyType"> <a-input v-model="formState.moneyType" placeholder="请输入" readOnly></a-input> </a-form-model-item> </a-col> --> <a-col :span="8" > <a-form-model-item label="总金额" prop="totalMoney" > <a-input v-model="formState.totalMoney" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="8" > <a-form-model-item label="业务类型" prop="businessType"> <a-input v-model="formState.businessType" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> </a-row> <a-row :gutter="24"> <a-col :span="8" > <a-form-model-item label="成衣销售订单号" prop="garmentSalesOrder"> <a-input v-model="formState.garmentSalesOrder" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="8" > <a-form-model-item label="款号" prop="styleNumber" > <a-input v-model="formState.styleNumber" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="8" > <a-form-model-item label="物料" prop="material"> <a-input v-model="formState.material" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> </a-row> <a-row :gutter="24"> <a-col :span="8" > <a-form-model-item label="计划员" prop="planPersonnel"> <a-input v-model="formState.planPersonnel" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="8" > <a-form-model-item label="业务员" prop="businessPeople" > <j-search-select-tag v-model="formState.businessPeople" placeholder="" dict="sys_user,realname,username" @search="searchName" :disabled="true" /> </a-form-model-item> </a-col> <a-col :span="8" > <a-form-model-item label="QC" prop="qualityControl"> <j-search-select-tag v-model="formState.qualityControl" placeholder="" dict="sys_user,realname,username" @search="searchName" :disabled="true" /> </a-form-model-item> </a-col> </a-row> <a-row :gutter="24"> <a-col :span="24" style="height: 290px;"> <a-form-model-item label="情况说明" prop="presentationCondition" class="fff"> <a-input v-model="formState.presentationCondition" type="textarea" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> </a-row> </a-form-model> </div> <!-- 子表单区域 --> <!-- <a-button type="primary" @click="addList" style="margin-bottom: 1%;">增行</a-button> --> <a-table bordered :columns="incidentTicketChildrenTable.columns" :data-source="incidentTicketChildrenTable.dataSource" :loading="incidentTicketChildrenTable.loading" :scroll="{x: 1500,y:300 }" :pagination="false" > <!-- 汇率 --> <span slot="exchangeRate" slot-scope="text, record, index"> <a-input placeholder="请输入" v-model="record.exchangeRate" /> </span> <!-- 实际事故金额 --> <span slot="practicalSum" slot-scope="text, record, index"> <a-input placeholder="请输入" v-model="record.practicalSum" /> </span> <!-- U8生成运费发票号 --> <span slot="u8Invoice" slot-scope="text, record, index"> <a-input placeholder="请输入" v-model="record.u8Invoice" /> </span> <!-- 账套号 --> <span slot="zhanghaoId" slot-scope="text, record, index"> <a-input placeholder="请输入" v-model="record.zhanghaoId" /> </span> <!-- 备注 --> <span slot="remark" slot-scope="text, record, index"> <a-input placeholder="请输入" v-model="record.remark" /> </span> </a-table> <!-- 主表单区域 --> <a-form-model layout="inline" ref="form" :model="formState" :rules="validatorRules"> <a-row :gutter="24"> <a-col :span="12" > <a-form-model-item label="附件上传" prop="accessory" class="ff"> <j-upload v-model="accessory" :disabled="true"></j-upload> </a-form-model-item> </a-col> <a-col :span="12" > <a-form-model-item label="工厂签章" prop="factorySignature" class="ff"> <j-upload v-model="factorySignature" :disabled="true"></j-upload> </a-form-model-item> </a-col> </a-row> <a-row :gutter="24"> <a-col :span="24" style="height: 230px;"> <a-form-model-item label="财务备注" prop="financeRemark" class="caiwu"> <a-input v-model="formState.financeRemark" type="textarea" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> </a-row> <a-row :gutter="24"> <a-col :span="12" > <a-form-model-item label="财务添加附件" prop="accessory2" class="ff "> <j-upload v-model="accessory2" ></j-upload> </a-form-model-item> </a-col> </a-row> <a-row :gutter="24"> <a-col :span="12"> <a-form-model-item label="通知人" prop="Noticer"> <a-input v-model="formState.Noticer" placeholder="请输入" ></a-input> </a-form-model-item> </a-col> <a-col :span="12"> <a-form-model-item label="通知时间" prop="Noticer"> <a-input v-model="formState.createTime" placeholder="请输入" readOnly></a-input> </a-form-model-item> </a-col> </a-row> <a-row :gutter="24"> <a-col :span="6"> <a-form-model-item label="U8订单备注" prop="orderRemarks"> <a-input v-model="formState.orderRemarks" placeholder="请输入" readOnly></a-input> </a-form-model-item> </a-col> <a-col :span="6"> <a-form-model-item label="U8开票日期" prop="orderRemarks"> <a-date-picker placeholder="请选择" format="YYYY-MM-DD" style="width: 100%" v-model="formState.invoicingDate" disabled="true" /> </a-form-model-item> </a-col> <a-col :span="6" > <a-form-model-item label="填报人" prop="informant"> <a-input v-model="formState.informant" placeholder="请输入" readOnly ></a-input> </a-form-model-item> </a-col> <a-col :span="6" > <a-form-model-item label="部门" prop="department"> <a-input v-model="formState.department" placeholder="请输入" readOnly></a-input> </a-form-model-item> </a-col> </a-row> </a-form-model> <j-select-biz-component ref="JSelectBizComponent" @send-notice="sendNotice" :multi="true" /> </div> </a-spin> <!-- 打印 --> <div class="col-md-6 column" style="display: none;" id="printBox"> <h1 style="text-align: center;">质量事故处理单</h1> <table class="table table-bordered" style="border:2px solid #999"> <thead> </thead> <tbody> <tr> <td class="tdOne">日期</td> <td class="tdTwo"> {{ formState.accidentData }}</td> <td class="tdOne">质量事故单号</td> <td class="tdTwo">{{ formState.accidentNumber }}</td> <td class="tdOne">质量事故主题</td> <td class="tdTwo">{{ formState.accidentTheme }}</td> </tr> <tr> <td class="tdOne">客户</td> <td class="tdTwo" >{{formState.customer }}</td> <td class="tdOne">工厂</td> <td class="tdTwo" >{{ formState.factory}}</td> <td class="tdOne">责任单位</td> <td class="tdTwo" >{{ formState.responsibilityCompany }}</td> </tr> <tr> <td class="tdOne">责任人1</td> <td class="tdOne">{{ formState.responsibilityPerson1 }}</td> <td class="tdOne">责任人2</td> <td class="tdOne">{{ formState.responsibilityPerson2 }}</td> <td class="tdOne">责任人3</td> <td class="tdOne">{{ formState.responsibilityPerson3 }}</td> </tr> <tr> <td class="tdOne">金额1</td> <td class="tdOne">{{ formState.sum1 }}</td> <td class="tdOne">金额2</td> <td class="tdOne">{{ formState.sum2 }}</td> <td class="tdOne">金额3</td> <td class="tdOne">{{ formState.sum3 }}</td> </tr> <tr> <td class="tdOne">总金额</td> <td class="tdOne">{{ formState.totalMoney }}</td> <td class="tdOne">业务类型</td> <td class="tdOne">{{ formState.businessType }}</td> <td class="tdOne"></td> <td class="tdOne"></td> </tr> <tr> <td class="tdOne">成衣销售订单号</td> <td class="tdOne">{{ formState.garmentSalesOrder }}</td> <td class="tdOne">款号</td> <td class="tdOne">{{ formState.styleNumber }}</td> <td class="tdOne">物料</td> <td class="tdOne">{{ formState.material }}</td> </tr> <tr> <td class="tdOne">计划员</td> <td class="tdOne">{{ formState.planPersonnel }}</td> <td class="tdOne">业务员</td> <td class="tdOne">{{ formState.businessPeople }}</td> <td class="tdOne">QC</td> <td class="tdOne">{{ formState.qualityControl }}</td> </tr> <tr style="height: 50px;"> <td class="tdOne" rowspan="3">情况说明</td> <td class="tdOne" colspan="5" rowspan="3">{{ formState.presentationCondition }}</td> </tr> </tbody> </table> <table class="table table-bordered" style="margin-top: 2%;border:2px solid #999"> <thead> <th>计划单号</th> <th>事故类型</th> <th>币种</th> <th>事故金额</th> <th>汇率</th> <th>实际事故金额</th> <th>U8生成运费发票号</th> <th>账套号</th> <th>备注</th> </thead> <tbody> <tr v-for="(item, key) in incidentTicketChildrenTable.dataSource"> <td>{{item.planNumber}}</td> <td>{{item.accidentType}}</td> <td>{{item.moneyType}}</td> <td>{{item.accidentSum}}</td> <td>{{item.exchangeRate}}</td> <td>{{item.practicalSum}}</td> <td>{{item.u8Invoice}}</td> <td>{{item.zhanghaoId}}</td> <td>{{item.remark}}</td> </tr> </tbody> </table> <table class="table table-bordered" style="margin-top: 2%;border:2px solid #999"> <thead> </thead> <tbody> <tr style="height: 50px;"> <td class="tdOne" style="width: 1%;">财务备注</td> <td class="tdOne" colspan="7" >{{formState.financeRemark}}</td> </tr> </tbody> </table> <div style="width:100%;display: flex;justify-content: space-around;margin-top: 2%;"> <span style="">填报人:{{ formState.informant }}</span> <span style="margin-left: 30%;">通知人:{{ formState.Noticer }}</span> </div> <div style="width:100%;justify-content: space-around;margin-right: 2%;"> <img ghost style="margin-left: 50%;" width="340px" height="160px" src="http://www.myfitt.cn:18087/jeecg-boot/sys/common/static/temp/20230310100319_1678417947827.png"/> </div> </div> </a-modal> </template> <script> import JSelectBizComponent from './JSelectUserByDepModal' import pick from 'lodash.pick' import { FormTypes,getRefPromise } from '@/utils/JEditableTableUtil' import { JEditableTableMixin } from '@/mixins/JEditableTableMixin' import { validateDuplicateValue } from '@/utils/util' import JDictSelectTag from "@/components/dict/JDictSelectTag" import { putAction,getAction } from '@/api/manage' import JUpload from '@/components/jeecg/JUpload' import JSearchSelectTag from '@/components/dict/JSearchSelectTag' import moment from 'moment' export default { name: 'IncidentTicketModalDetail', mixins: [JEditableTableMixin], components: { JDictSelectTag, JSelectBizComponent, JUpload, JSearchSelectTag, moment }, data() { return { labelCol: { span: 8 }, wrapperCol: { span: 16 }, labelCol2: { span: 3 }, wrapperCol2: { span: 20 }, formState:{}, confirmLoading:false, visibleFk:false, visibleTs:false, visibleWj:false, accessory2:[], accessory:[], factorySignature:[], columns: [ { title: '姓名', align: 'center', width: '20%', widthRight: '70%', dataIndex: 'realname' }, { title: '账号', align: 'center', width: '20%', dataIndex: 'username' }, { title: '电话', align: 'center', width: '23%', dataIndex: 'phone' }, { title: '出生日期', align: 'center', width: '23%', dataIndex: 'birthday' } ], multi:true, // 新增时子表默认添加几行空数据 addDefaultRowNum: 1, validatorRules: { accidentData: {rules: [ ]}, accidentTheme: {rules: [ ]}, accidentPersonLiable: {rules: [ ]}, supplier: {rules: [ ]}, personLiable: {rules: [ ]}, accidentNumber: {rules: [ ]}, customer: {rules: [ ]}, factory: {rules: [ ]}, responsibilityPerson1: {rules: [ ]}, responsibilityPerson2: {rules: [ ]}, responsibilityPerson3: {rules: [ ]}, responsibilityPerson4: {rules: [ ]}, responsibilityPerson5: {rules: [ ]}, sum1: {rules: [ ]}, sum2: {rules: [ ]}, sum3: {rules: [ ]}, sum4: {rules: [ ]}, sum5: {rules: [ ]}, responsibilityCompany: {rules: [ ]}, moneyType: {rules: [ ]}, totalMoney: {rules: [ ]}, businessType: {rules: [ ]}, garmentSalesOrder: {rules: [ ]}, styleNumber: {rules: [ ]}, material: {rules: [ ]}, planPersonnel: {rules: [ ]}, businessPeople: {rules: [ ]}, qualityControl: {rules: [ ]}, planNumber: {rules: [ ]}, accidentType: {rules: [ ]}, accidentSum: {rules: [ ]}, presentationCondition: {rules: [ ]}, accessory: {rules: [ ]}, informant: {rules: [ ]}, factorySignature: {rules: [ ]}, financeRemark: {rules: [ ]}, accessory2: {rules: [ ]}, isLeaders: {rules: [ ]}, incidentTicketId: {rules: [ ]}, tableNameChildren: {rules: [ ]}, }, refKeys: ['incidentTicketChildren', ], tableKeys:['incidentTicketChildren', ], activeKey: 'incidentTicketChildren', // 森_工厂质量事故单-子表 incidentTicketChildrenTable: { loading: false, dataSource: [], columns: [ { title: '计划单号', align: "center", dataIndex: 'planNumber', width: 140, width: '7%', // scopedSlots: { customRender: 'planNumber' }, }, { title: '事故类型', align: "center", dataIndex: 'accidentType', width: 140, width: '7%', // scopedSlots: { customRender: 'accidentType' }, }, { title: '币种', align: "center", dataIndex: 'moneyType', width: '7%', // scopedSlots: { customRender: 'accidentType' }, }, { title: '事故金额', align: "center", dataIndex: 'accidentSum', width: 140, width: '7%', // scopedSlots: { customRender: 'accidentSum' }, }, { title: '汇率', align: "center", dataIndex: 'exchangeRate', width: 140, width: '9%', // scopedSlots: { customRender: 'exchangeRate' }, }, { title: '实际事故金额', align: "center", dataIndex: 'practicalSum', width: 140, width: '7%', // scopedSlots: { customRender: 'practicalSum' }, }, { title: 'U8生成运费发票号', align: "center", dataIndex: 'u8Invoice', width: '9%', // scopedSlots: { customRender: 'u8Invoice' }, }, { title: '账套号', align: "center", dataIndex: 'zhanghaoId', width: '9%', // scopedSlots: { customRender: 'zhanghaoId' }, }, { title: '备注', align: "center", dataIndex: 'remark', width: '20%', // scopedSlots: { customRender: 'remark' }, }, ] }, url: { add: "/oa/incidentTicket/add", edit: "/oa/incidentTicket/edit", incidentTicketChildren: { list: '/oa/incidentTicket/queryIncidentTicketChildrenByMainId' }, list:'/sys/user/list' } } }, methods: { addNotice(){ // this.$refs.JSelectBizComponent.visible = true this.$refs.JSelectBizComponent.showModal() }, feedbackNotice(){ this.visibleFk =false getAction('/oa/incidentTicket/noticeUserReturn', {headId:this.formState.id,title:this.formState.accidentTheme,code:this.formState.accidentNumber}).then((res) => { if(res.success){ this.$message.success(res.message) this.getNotifier(this.formState.id) this.formState.state='3' this.$forceUpdate() }else{ this.$message.warning(res.message) } }) }, push(){ this.visibleTs = false var pushOk = 'yes' this.incidentTicketChildrenTable.dataSource.every(item=>{ if(item.zhanghaoId==''||!item.zhanghaoId){ this.$message.warning('请选择账套号!') pushOk = 'no' return false; } return true }) if(pushOk=='yes'){ this.confirmLoading = true getAction('/oa/incidentTicket/propelling', {headId:this.formState.id}).then((res) => { if(res.success){ this.$message.success(res.message) this.handleCancel() this.confirmLoading = false }else{ this.$message.warning(res.message) this.confirmLoading = false } }) } }, end(){ this.visibleWj = false getAction('/oa/incidentTicket/endOrder', {headId:this.formState.id}).then((res) => { if(res.success){ this.$message.success(res.message) this.handleCancel() }else{ this.$message.warning(res.message) } }) }, sendNotice(ids){ getAction('/oa/incidentTicket/noticeUser', {ids:ids,headId:this.formState.id,code:this.formState.accidentNumber,title:this.formState.accidentTheme}).then((res) => { if(res.success){ this.$message.success(res.message) this.getNotifier(this.formState.id) this.formState.state='2' this.$forceUpdate() }else{ this.$message.warning(res.message) } }) }, getHeaderList(id){ getAction('/oa/incidentTicket/queryById', {id:id}).then((res) => { if(res.success){ var zhuId = '' //主表id this.formState=res.result //详情 this.formState=res.result //详情 this.formState.invoicingDate = (this.formState.invoicingDate!==''&& this.formState.invoicingDate) ?moment(this.formState.invoicingDate):'' this.formState.accidentData = moment( this.formState.accidentData).format('YYYY-MM-DD'); this.accessory2 = this.formState.accessory2?JSON.parse(this.formState.accessory2):[] var accessory2Z =[] this.accessory2.map(item=>{ accessory2Z.push(item.url) }) this.accessory2 = accessory2Z this.accessory = this.formState.accessory?JSON.parse(this.formState.accessory):[] var accessoryZ=[] this.accessory.map(item =>{ accessoryZ.push(item.url) }) this.accessory =accessoryZ this.factorySignature = this.formState.factorySignature?JSON.parse(this.formState.factorySignature):[] var factorySignatureZ=[] this.factorySignature.map(item =>{ factorySignatureZ.push(item.url) }) this.factorySignature =factorySignatureZ // zhuId = res.result.id this.getTable(zhuId) this.getNotifier(zhuId) }else{ this.$message.warning(res.message) } }) }, getTable(id){ getAction('/oa/incidentTicket/queryIncidentTicketChildrenByMainId', {id:id}).then((res) => { if(res.success){ this.incidentTicketChildrenTable.dataSource = res.result }else{ this.$message.warning(res.message) } }) }, getNotifier(id){ getAction('/oa/incidentTicketMsg/queryByMainId', {id:id}).then((res) => { if(res.success){ var noticeList =[] res.result.map(item=>{ if(item.confirm != null && item.confirm != '' && item.confirm != '否'){ noticeList.push(item.userName+'('+item.confirm+')') }else{ noticeList.push(item.userName+'') } }) this.formState.Noticer = noticeList.toString() this.formState.createTime = moment(res.result[0].createTime).format('YYYY-MM-DD') this.$forceUpdate() } }) }, //关闭 handleCancel(){ this.incidentTicketChildrenTable.dataSource =[] this.formState = {} this.visible = false this.visibleWj = false this.visibleTs = false this.visibleFk = false this.$emit('close') }, // 关闭提示框 handleCancelPop(data){ if(data=='visibleFk') this.visibleFk = false if(data=='visibleTs') this.visibleTs = false if(data=='visibleWj') this.visibleWj = false }, handlePrint(){ this.$nextTick(() => { const html = window.document.getElementById('printBox').innerHTML const win = window.open(); const style = '<style>\n' + 'table{width: 100% !important;border-collapse: collapse;border-spacing: 0;overflow-x:hidden;}\n' + 'th,td{width:5%;height: 18px;border: 1px solid #999;font-size: 12px;color: #333;max-width:2000px;text-align: center;}\n' + 'th{color: #333}\n' // +'@media print{@page {size:landscape}}' + '</style>';; win.document.write(style+html); win.focus(); setTimeout(function(){ win.print(); win.close(); },1200) }) }, // getAllTable() { // let values = this.tableKeys.map(key => getRefPromise(this, key)) // return Promise.all(values) // }, /** 调用完edit()方法之后会自动调用此方法 */ // editAfter() { // let fieldval = pick(this.model,'accidentData','accidentTheme','accidentPersonLiable','supplier','personLiable','accidentNumber','customer','factory','responsibilityPerson1','responsibilityPerson2','responsibilityPerson3','responsibilityPerson4','responsibilityPerson5','sum1','sum2','sum3','sum4','sum5','responsibilityCompany','moneyType','totalMoney','businessType','garmentSalesOrder','styleNumber','material','planPersonnel','businessPeople','qualityControl','planNumber','accidentType','accidentSum','presentationCondition','accessory','informant','factorySignature','financeRemark','accessory2','isLeaders','incidentTicketId','tableNameChildren') // this.$nextTick(() => { // this.form.setFieldsValue(fieldval) // }) // // 加载子表数据 // if (this.model.id) { // let params = { id: this.model.id } // this.requestSubTableData(this.url.incidentTicketChildren.list, params, this.incidentTicketChildrenTable) // } // }, /** 整理成formData */ classifyIntoFormData(allValues) { let main = Object.assign(this.model, allValues.formValue) return { ...main, // 展开 incidentTicketChildrenList: allValues.tablesValue[0].values, } }, validateError(msg){ this.$message.error(msg) }, popupCallback(row){ this.form.setFieldsValue(pick(row,'accidentData','accidentTheme','accidentPersonLiable','supplier','personLiable','accidentNumber','customer','factory','responsibilityPerson1','responsibilityPerson2','responsibilityPerson3','responsibilityPerson4','responsibilityPerson5','sum1','sum2','sum3','sum4','sum5','responsibilityCompany','moneyType','totalMoney','businessType','garmentSalesOrder','styleNumber','material','planPersonnel','businessPeople','qualityControl','planNumber','accidentType','accidentSum','presentationCondition','accessory','informant','factorySignature','financeRemark','accessory2','isLeaders','incidentTicketId','tableNameChildren')) }, } } </script> <style lang="less" scoped> /deep/ .ant-table-wrapper{ margin-bottom: 2%; } /deep/ .nresume .ant-input{ height: 100px !important; } /deep/ .fff .ant-input{ height: 280px !important; } /deep/ .caiwu .ant-input{ height: 226px !important; } /deep/ .ff .ant-form-item-control { display: contents; } /deep/.table-page-search-wrapper .ant-form-inline .ant-form-item>.ant-form-item-label{ width: 118px; } /deep/ .ant-table td { white-space: break-spaces !important; word-break: break-word; } </style>