Compare commits
2 Commits
500b29c404
...
77d0472d7c
Author | SHA1 | Date |
---|---|---|
xiaobai | 77d0472d7c | 3 years ago |
xiaobai | 46090bad32 | 3 years ago |
8 changed files with 1679 additions and 32 deletions
@ -0,0 +1,103 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<baseInfo :from-type="type" :array-group="arrayGroup" /> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import baseInfo from '@/views/ysjl/3000/common/index' |
|||
|
|||
export default { |
|||
name: 'ElevatorYeyin', |
|||
components: { baseInfo }, |
|||
data() { |
|||
return { |
|||
type: 11, |
|||
arrayGroup: [ |
|||
{ |
|||
header: [ |
|||
{ |
|||
label: '层站', |
|||
prop: 'D7', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '6.8门的闭合', |
|||
type: 1 |
|||
} |
|||
], |
|||
data: [] |
|||
}, |
|||
{ |
|||
header: [ |
|||
{ |
|||
label: '层站', |
|||
prop: 'D5', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '6.2门扇与门扇', |
|||
prop: 'D4', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '6.2门扇与立柱', |
|||
prop: 'D3', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '7.3.1门扇与门楣', |
|||
prop: 'D2', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '7.3.1门扇与地坎', |
|||
prop: 'D1', |
|||
type: 1 |
|||
} |
|||
], |
|||
data: [] |
|||
} |
|||
], |
|||
tableHeader2: [ |
|||
{ |
|||
label: '电动机电流载重量百分比', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '30%', |
|||
prop: 'D1', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '40%', |
|||
prop: 'D2', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '45%', |
|||
prop: 'D3', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '50%', |
|||
prop: 'D4', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '60%', |
|||
prop: 'D5', |
|||
type: 1 |
|||
} |
|||
], |
|||
list: [], |
|||
list1: [] |
|||
} |
|||
}, |
|||
computed: {}, |
|||
created() {}, |
|||
methods: {} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
@ -0,0 +1,103 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<baseInfo :from-type="type" :array-group="arrayGroup" /> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import baseInfo from '@/views/ysjl/3000/common/index' |
|||
|
|||
export default { |
|||
name: 'ElevatorYeyin', |
|||
components: { baseInfo }, |
|||
data() { |
|||
return { |
|||
type: 12, |
|||
arrayGroup: [ |
|||
{ |
|||
header: [ |
|||
{ |
|||
label: '层站', |
|||
prop: 'D7', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '6.8门的闭合', |
|||
type: 1 |
|||
} |
|||
], |
|||
data: [] |
|||
}, |
|||
{ |
|||
header: [ |
|||
{ |
|||
label: '层站', |
|||
prop: 'D5', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '6.2门扇与门扇', |
|||
prop: 'D4', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '6.2门扇与立柱', |
|||
prop: 'D3', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '7.3.1门扇与门楣', |
|||
prop: 'D2', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '7.3.1门扇与地坎', |
|||
prop: 'D1', |
|||
type: 1 |
|||
} |
|||
], |
|||
data: [] |
|||
} |
|||
], |
|||
tableHeader2: [ |
|||
{ |
|||
label: '电动机电流载重量百分比', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '30%', |
|||
prop: 'D1', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '40%', |
|||
prop: 'D2', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '45%', |
|||
prop: 'D3', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '50%', |
|||
prop: 'D4', |
|||
type: 1 |
|||
}, |
|||
{ |
|||
label: '60%', |
|||
prop: 'D5', |
|||
type: 1 |
|||
} |
|||
], |
|||
list: [], |
|||
list1: [] |
|||
} |
|||
}, |
|||
computed: {}, |
|||
created() {}, |
|||
methods: {} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
@ -0,0 +1,731 @@ |
|||
<!--工业锅炉内部检验--> |
|||
<template> |
|||
<div class="app-container"> |
|||
<sticky style="margin-bottom: 10px;"> |
|||
<div class="sub-navbar"> |
|||
<el-button v-if="state === 'create'" type="success" icon="el-icon-edit" size="medium" @click="saveYsjl('add')"> |
|||
保存 |
|||
</el-button> |
|||
<el-button v-if="state === 'update'" type="primary" icon="el-icon-edit" size="medium" @click="saveYsjl('upd')"> |
|||
更新 |
|||
</el-button> |
|||
<el-button v-if="state === 'update'" type="success" icon="el-icon-upload2" size="medium" @click="saveYsjl('build')"> |
|||
生成报告 |
|||
</el-button> |
|||
<el-button v-if="state !== 'create'" type="warning" icon="el-icon-view" size="medium" @click="common.viewYsjl(ysjl.id, 'YSJL', false)"> |
|||
预览 |
|||
</el-button> |
|||
</div> |
|||
</sticky> |
|||
<el-tabs v-model="checkedTab" type="card"> |
|||
<el-tab-pane label="基本信息" name="first"> |
|||
<el-form ref="ysjl" :model="ysjl" class="el-form" label-position="right" label-width="100px"> |
|||
<fieldset> |
|||
<legend>基本信息</legend> |
|||
<el-row :gutter="25"> |
|||
<el-col v-if="state === 'create' || ysjl.jilubianhao === null || ysjl.jilubianhao === ''" :span="14"> |
|||
<el-form-item label="记录编号"> |
|||
<el-input v-model="jlbh1" style="width:80px" disabled /> |
|||
<el-input v-model="jlbh2" style="width:80px" disabled />- |
|||
<el-input v-model="jlbh3" style="width:85px" @blur="judgeRepeat(jlbh1 + jlbh2 + '-' + jlbh3 , ysjl.id)" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col v-else :span="9"> |
|||
<el-form-item label="记录编号" prop="jilubianhao"> |
|||
<el-input v-if="state !== 'create'" v-model="ysjl.jilubianhao" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col v-if="isRepeat" :span="2" style="vertical-align: middle;padding-top: 3px;font-size: 15px;"> |
|||
<span style="color:red">编号重复</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="设备注册代码(使用登记证编号)" prop="zhucedaima" label-width="200"> |
|||
<el-input v-model="ysjl.zhucedaima" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="车辆牌号" prop="车辆牌号"> |
|||
<el-input v-model="ysjl.cheliangpaihao" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="使用单位" prop="shiyongdanwei" label-width="160px"> |
|||
<el-input v-model="ysjl.shiyongdanwei" :disabled="edit" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="设备单位地址" prop="anzhuangdidian"> |
|||
<el-input v-model="ysjl.anzhuangdidian" :disabled="edit" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="检验地址" prop="anzhuangdidian"> |
|||
<el-input v-model="ysjl.anzhuangdidian" :disabled="edit" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="联系人" prop="shiyongdanweiLianxiren"> |
|||
<el-input v-model="ysjl.shiyongdanweiLianxiren" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="联系电话" prop="shiyongdanweiDianhua"> |
|||
<el-input v-model="ysjl.shiyongdanweiDianhua" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="设备品种(名称)" prop="shebeipinzhong"> |
|||
<el-input v-model="ysjl.shebeipinzhong" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="产品型号" prop="guigexinghao"> |
|||
<el-input v-model="ysjl.guigexinghao" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="设备代码" prop="shebeidaima"> |
|||
<el-input v-model="ysjl.shebeidaima" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="产品编号" prop="chanpinbianhao"> |
|||
<el-input v-model="ysjl.chanpinbianhao" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="制造单位" prop="zhizaodanwei"> |
|||
<el-input v-model="ysjl.zhizaodanwei" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="制造日期" prop="zhizaoriqi"> |
|||
<el-date-picker v-model="ysjl.zhizaoriqi" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="改造单位" prop="gaizaodanwei"> |
|||
<el-input v-model="ysjl.gaizaodanwei" :disabled="edit" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="改造日期" prop="gaizaoriqi"> |
|||
<el-date-picker v-model="ysjl.gaizaoriqi" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="发动机(电机)编号" prop="fadongjibianhao"> |
|||
<el-input v-model="param.fadongjibianhao" :disabled="edit" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="燃料种类" prop="ranliaozhonglei"> |
|||
<el-input v-model="param.ranliaozhonglei" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="额定起重量" prop="edingqizhongliang"> |
|||
<el-input v-model="param.edingqizhongliang" :disabled="edit"> |
|||
<span slot="suffix">/kg</span> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="自重" prop="kongchezhongliang"> |
|||
<el-input v-model="param.kongchezhongliang" :disabled="edit"> |
|||
<span slot="suffix">/kg</span> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="防爆功能" prop="fangbaogongneng"> |
|||
<el-input v-model="param.fangbaogongneng" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="空载最大起升高度" prop="kongzaigaodu"> |
|||
<el-input v-model="param.kongzaigaodu" :disabled="edit"> |
|||
<span slot="suffix">mm</span> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="空载最大运行速度" prop="sudukongzai"> |
|||
<el-input v-model="param.sudukongzai" :disabled="edit"> |
|||
<span slot="suffix">km/h</span> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item |
|||
label="使用区域" |
|||
prop="shiyongquyu" |
|||
> |
|||
<el-radio-group v-model="param.shiyongquyu"> |
|||
<el-radio label="厂区"> |
|||
厂区 |
|||
</el-radio> |
|||
<el-radio label="旅游景区"> |
|||
旅游景区 |
|||
</el-radio> |
|||
<el-radio label="游乐场所"> |
|||
游乐场所 |
|||
</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item |
|||
label="检验环境条件" |
|||
prop="jianyanhuanjingtiaojian" |
|||
> |
|||
<el-radio-group v-model="ysjl.jianyanhuanjingtiaojian"> |
|||
<el-radio label="符合"> |
|||
符合 |
|||
</el-radio> |
|||
<el-radio label="不符合"> |
|||
不符合 |
|||
</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</fieldset> |
|||
|
|||
<fieldset> |
|||
<legend>检验信息</legend> |
|||
<el-row :gutter="20" style="margin-bottom:20px"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="检验依据" prop="jianyanyiju"> |
|||
<el-input v-model="ysjl.jianyanyiju" type="textarea" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="主要检验仪器和设备" prop="gongjuxianghao"> |
|||
<el-input |
|||
v-model="param.gongjuxianghao" |
|||
style="width: 100px" |
|||
/>号检验专用工具箱 |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="检验结论" prop="jianyanjielun"> |
|||
<el-radio-group v-model="ysjl.jianyanjielun"> |
|||
<el-radio label="合格"> |
|||
合格 |
|||
</el-radio> |
|||
<el-radio label="不合格"> |
|||
不合格 |
|||
</el-radio> |
|||
<el-radio label="复检合格"> |
|||
复检合格 |
|||
</el-radio> |
|||
<el-radio label="复检不合格"> |
|||
复检不合格 |
|||
</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18" style="height: auto"> |
|||
<el-form-item label="检验情况(备注)" prop="beizhu"> |
|||
<el-input |
|||
v-model="ysjl.beizhu" |
|||
type="textarea" |
|||
:autosize="{ minRows: 2, maxRows: 5 }" |
|||
:disabled="edit" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="检验完成日期" prop="jianyanjieshuriqi"> |
|||
<el-date-picker |
|||
v-model="ysjl.jianyanjieshuriqi" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期" |
|||
style="width: 100%" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="下次检验日期" prop="xiacijianyanriqi"> |
|||
<el-date-picker |
|||
v-model="ysjl.xiacijianyanriqi" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期" |
|||
style="width: 100%" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<template> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="检验人员" prop="jianyanrenyuan"> |
|||
<el-input v-model="ysjl.jianyanrenyuan" disabled /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<sign-name |
|||
:jianyanrenyuan="jianyanrenyuan" |
|||
:ysjl="ysjl" |
|||
:custom-clear-sign="customClearSign" |
|||
@setSignValue="signNameValue" |
|||
/> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- <el-row :gutter="10"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="编制" prop="jianyanrenyuan"> |
|||
<el-input v-model="ysjl.jianyanrenyuan" disabled /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<sign-name |
|||
:jianyanrenyuan="jianyanrenyuan" |
|||
:ysjl="ysjl" |
|||
:custom-clear-sign="customClearSign" |
|||
@setSignValue="signNameValue" |
|||
/> |
|||
</el-col> |
|||
</el-row> --> |
|||
</template> |
|||
</fieldset> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="检验项目" name="second"> |
|||
<el-table ref="sybjSData" :data="sybjSData" :span-method="tableJs.mergeColRows" border stripe style="width:90%"> |
|||
<el-table-column align="center" label="检验项目"> |
|||
<el-table-column align="center" prop="jianyanxiang" width="200" /> |
|||
<el-table-column align="left" prop="jianyanneirong" /> |
|||
</el-table-column> |
|||
<el-table-column align="center" prop="D1" label="检验结果"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.D1" :disabled="edit" type="text" placeholder="请选择" style="width: 100%;" filterable allow-create default-first-option> |
|||
<el-option label="√" value="√" /> |
|||
<el-option label="○" value="○" /> |
|||
<el-option label="×" value="×" /> |
|||
<el-option label="/" value="/" /> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<br> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Sticky from '@/components/Sticky' |
|||
import SignName from '@/views/common/SignName' |
|||
import Utils from '@/utils/contact' |
|||
import merge from 'webpack-merge' |
|||
import { getDepartmentTreeList } from '@/api/common' |
|||
export default { |
|||
name: 'GlGynbYsjl', |
|||
components: { SignName, Sticky }, |
|||
data() { |
|||
return { |
|||
jlbh1: 'GN', |
|||
jlbh2: '(' + new Date().getFullYear() + ')', |
|||
jlbh3: '', |
|||
ysjl: { |
|||
shiyongdanwei: '' |
|||
}, |
|||
param: {}, |
|||
state: this.$route.query.state, |
|||
jianyanrenyuan: '', |
|||
departmentId: this.$store.getters.departmentId, |
|||
isRepeat: false, |
|||
edit: false, |
|||
sybjSData: [], |
|||
tableData: [], |
|||
users: [], |
|||
checkedTab: 'first', |
|||
ysjlId: this.$route.query.id, |
|||
// 表格合并相关 |
|||
// 参与列合并的字段,在这里增加即可 |
|||
cols: [ |
|||
{ |
|||
name: 'jianyanxiang', // 参与计算的列名,必须和el-table-column prop=''值一致 |
|||
getValue(row) { // 该列用于比较的值的获取方法 |
|||
return row.jianyanxiang |
|||
} |
|||
} |
|||
], |
|||
departmemtArr: [] |
|||
} |
|||
}, |
|||
computed: { |
|||
|
|||
}, |
|||
watch: { |
|||
// jlbh3: function(val) { |
|||
// this.ysjl.jilubianhao = this.jlbh1 + this.jlbh2 + '-' + val |
|||
// this.judgeRepeat(this.ysjl.jilubianhao, this.ysjl.id) |
|||
// }, |
|||
// jilubianhao: function(newValue) { |
|||
// this.judgeRepeat(newValue, this.ysjl.id) |
|||
// } |
|||
}, |
|||
// 添加F5刷新监听事件 |
|||
mounted() { |
|||
window.addEventListener('beforeunload', this.beforeunloadHandler, false) |
|||
}, |
|||
created() { |
|||
if (this.state === 'create') { |
|||
this.initYsjl() |
|||
this.getJyxm(1) |
|||
// 查询最大记录编号 |
|||
this.getMaxBh() |
|||
} else { |
|||
this.getYsjl(this.$route.query.id) |
|||
this.getJyxm(1) |
|||
} |
|||
this.getUserList() |
|||
this.getDepartmentArr() |
|||
}, |
|||
beforeDestroy() { |
|||
window.removeEventListener('beforeunload', this.beforeunloadHandler, false) |
|||
}, |
|||
methods: { |
|||
getDepartmentArr() { |
|||
getDepartmentTreeList().then(res => { |
|||
this.departmemtArr = res |
|||
}) |
|||
}, |
|||
/** |
|||
* 签名方法 |
|||
* @param data |
|||
*/ |
|||
signNameValue(data) { |
|||
this.ysjl.jianyanrenyuan = String(data.id) |
|||
this.jianyanrenyuan = data.name |
|||
this.common.signName(this.ysjl.id, this.ysjl.jianyanrenyuan) |
|||
}, |
|||
customClearSign(fieldName) { |
|||
const data = { |
|||
id: |
|||
this.ysjl.jianyanrenyuan && |
|||
this.common |
|||
.deleteElement( |
|||
this.ysjl.jianyanrenyuan.split(','), |
|||
String(this.$store.getters.userId) |
|||
) |
|||
.join(','), |
|||
name: |
|||
this.jianyanrenyuan && |
|||
this.common |
|||
.deleteElement( |
|||
this.jianyanrenyuan.split(','), |
|||
this.$store.getters.nickname |
|||
) |
|||
.join(','), |
|||
fieldName: fieldName |
|||
} |
|||
this.signNameValue(data) |
|||
}, |
|||
// 查询最大记录编号 |
|||
getMaxBh() { |
|||
const aheadPart = this.jlbh1 + this.jlbh2 |
|||
this.api({ |
|||
url: '/ysjl/gainCurrentBh', |
|||
method: 'get', |
|||
params: { |
|||
aheadPart: aheadPart + '-', |
|||
hinderPart: '' |
|||
} |
|||
}).then(data => { |
|||
this.jlbh3 = data |
|||
}) |
|||
}, |
|||
initYsjl() { |
|||
this.api({ |
|||
url: '/ysjl/initYsjl', |
|||
method: 'post', |
|||
data: { |
|||
templateId: this.$route.query.templateId, |
|||
renwuId: this.$route.query.renwuId, |
|||
neibuleibie: this.$route.query.neibuleibie, |
|||
sblbdm: this.$route.query.sblbdm, |
|||
sblbmc: this.$route.query.sblbmc, |
|||
sbpzdm: this.$route.query.sbpzdm, |
|||
sbpzmc: this.$route.query.sbpzmc |
|||
} |
|||
}).then(data => { |
|||
this.ysjl = data.ysjl |
|||
this.param = (data.param !== null && data.param !== undefined) ? data.param : {} |
|||
this.ysjl.jianyanjieshuriqi = this.formatter.dateFormat('YYYY-MM-dd') |
|||
this.getXcjyrq() |
|||
this.ysjl.jilubianhao = this.jilubianhao |
|||
this.ysjl.baogaobianhao = null // 避免从设备中取值导致信息错误 |
|||
this.ysjl.jianyanjielun = '符合要求' |
|||
this.param.jiezhi = '水' |
|||
this.ysjl.jigouhezhunzhenghao = process.env.VUE_APP_HZZBH |
|||
this.ysjl.beizhu = '/' |
|||
this.ysjl.xiacijianyanriqishuoming = '/' |
|||
this.ysjl.anzhuangdidian = this.ysjl.shiyongdanweiDizhi |
|||
this.$set(this.param, 'qita', '/') |
|||
// 制造日期、投用日期、上次检验日期设置成正确的日期格式 |
|||
this.ysjl.zhizaoriqi = this.common.checkDateFormat(this.ysjl.zhizaoriqi) |
|||
this.ysjl.touyongriqi = this.common.checkDateFormat(this.ysjl.touyongriqi) |
|||
this.param.shangcijianyanriqi = this.common.checkDateFormat(this.param.shangcijianyanriqi) |
|||
}) |
|||
}, |
|||
getYsjl(id) { |
|||
this.api({ |
|||
url: '/ysjl', |
|||
method: 'get', |
|||
params: { |
|||
ysjlId: id |
|||
} |
|||
}).then(data => { |
|||
this.ysjl = data |
|||
if (this.ysjl.jianyanrenyuan !== null && this.ysjl.jianyanrenyuan.length > 0) { |
|||
this.jianyanrenyuan = this.common.convertCnName(this.ysjl.jianyanrenyuan) |
|||
} |
|||
// 查询最大记录编号 |
|||
if (this.ysjl.jilubianhao === null || this.ysjl.jilubianhao === undefined || this.ysjl.jilubianhao === '') { |
|||
this.getMaxBh() |
|||
} |
|||
this.getParam(this.ysjl.id, this.ysjl.shebeizhongleidaima) |
|||
}) |
|||
}, |
|||
getParam(ysjlId, sbzldm) { |
|||
// 根据原始记录id查询参数 |
|||
this.api({ |
|||
url: '/ysjl/getParamByYsjlId', |
|||
method: 'get', |
|||
params: { |
|||
ysjlId: ysjlId, |
|||
sbzldm: sbzldm |
|||
} |
|||
}).then(data => { |
|||
this.param = data |
|||
}) |
|||
}, |
|||
// 查询检验项目 |
|||
getJyxm(sort) { |
|||
let url = '' |
|||
let data = {} |
|||
if (this.state === 'create') { |
|||
url = '/jyxm/getCyJyxm' |
|||
data = { |
|||
templateId: this.$route.query.templateId, |
|||
order: sort |
|||
} |
|||
} else { |
|||
url = '/jyxm/getCyJyxmByYsjl' |
|||
data = { |
|||
ysjlId: this.ysjlId, |
|||
isReport: false, |
|||
templateId: this.$route.query.templateId, |
|||
order: sort |
|||
} |
|||
} |
|||
this.api({ |
|||
url: url, |
|||
method: 'get', |
|||
params: data |
|||
}).then(data => { |
|||
if (this.state === 'create') { |
|||
data.forEach(row => { |
|||
this.sybjSData.push({ |
|||
id: row.id, |
|||
jianyanxiang: row.jianyanxiang, |
|||
jianyanneirong: row.jianyanneirong, |
|||
D1: row.jianyanjieguo |
|||
}) |
|||
}) |
|||
} else { |
|||
data.forEach(row => { |
|||
this.sybjSData.push({ |
|||
id: row.id, |
|||
jianyanxiang: row.jianyanxiang, |
|||
jianyanneirong: row.jianyanneirong, |
|||
D1: row.D1 |
|||
}) |
|||
}) |
|||
} |
|||
this.tableJs.getData(this.cols, undefined, this.sybjSData) |
|||
}) |
|||
}, |
|||
getUserList() { |
|||
this.api({ |
|||
url: '/user/all', |
|||
method: 'get' |
|||
}).then(data => { |
|||
this.users = data |
|||
}) |
|||
}, |
|||
saveYsjl: function(operation) { |
|||
if (operation === 'add') { |
|||
if (this.jlbh3.trim() === '') { |
|||
this.$message({ message: '请先确认记录编号是否完整!', type: 'warning' }) |
|||
return false |
|||
} |
|||
} |
|||
// 把第一个检验项目表中的检验结果单独放到字段中 |
|||
const tableData = [] |
|||
this.sybjSData.forEach((row) => { |
|||
tableData.push({ |
|||
ysjlId: this.ysjlId, |
|||
beizhu: row.beizhu, |
|||
dicJyxmId: row.dicJyxmId, |
|||
jianyanjieguo: row.jianyanjieguo ? row.jianyanjieguo : '', |
|||
jianyanjielun: row.jianyanjielun ? row.jianyanjielun : '', |
|||
jyxmMode: 0, |
|||
sort: row.sort, |
|||
orders: row.orders, |
|||
cjState: 0 |
|||
}) |
|||
}) |
|||
let method = '' |
|||
this.ysjl.bglx = 1 |
|||
this.ysjl.cjState = 'ysjl' |
|||
this.ysjl.zfState = 0 |
|||
this.ysjl.jianyanxiangmu = 'gynb' |
|||
this.ysjl.jlprintState = 0 |
|||
if (this.ysjl.jianyanjielun === '不符合要求') { |
|||
this.ysjl.xiacijianyanriqi = null |
|||
} |
|||
if (operation === 'add') { |
|||
this.ysjl.jilubianhao = this.jlbh1 + this.jlbh2 + '-' + this.jlbh3 |
|||
method = 'post' |
|||
} else if (operation === 'build') { |
|||
if (this.ysjl.jianyanrenyuan === null || this.ysjl.jianyanrenyuan === '') { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '请先签名再生成报告!' |
|||
}) |
|||
return false |
|||
} |
|||
if (this.ysjl.sfdId === null || this.ysjl.sfdId === '') { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '请先追加或者创建收费单后在尝试!' |
|||
}) |
|||
return false |
|||
} |
|||
method = 'put' |
|||
} else if (operation === 'upd') { |
|||
method = 'put' |
|||
} |
|||
if (this.isRepeat) { |
|||
this.$message({ message: '记录编号重复,请先修改记录编号再保存', type: 'error' }) |
|||
return false |
|||
} else { |
|||
this.$refs['ysjl'].validate(valid => { |
|||
if (valid) { |
|||
const jyxm = tableData |
|||
this.api({ |
|||
url: '/ysjl', |
|||
method: method, |
|||
data: { |
|||
ysjl: this.ysjl, |
|||
param: this.param, |
|||
cyJyxm: {}, |
|||
jdJyxm: jyxm |
|||
} |
|||
}).then(data => { |
|||
Utils.$emit('task-list') |
|||
Utils.$emit('ysjl-list') |
|||
if (operation === 'add' && data !== '') { |
|||
this.$message({ message: '保存成功, 请前往待办记录中查看。', type: 'success' }) |
|||
this.ysjl.id = data |
|||
this.param.ysjlId = data |
|||
// 刷新路由网址 |
|||
this.$store.dispatch('delCurrentViews', { |
|||
view: this.$route, |
|||
$router: this.$router |
|||
}) |
|||
} else if (operation === 'upd') { |
|||
this.$message({ message: '更新成功', type: 'success' }) |
|||
// 替换路由中的参数 |
|||
this.$router.push({ |
|||
query: merge(this.$route.query, { 'jianyanrenyuan': this.ysjl.jianyanrenyuan }) |
|||
}) |
|||
// this.$refs.bill.updateChargeBill() |
|||
} else { |
|||
Utils.$emit('ysjl-list') |
|||
Utils.$emit('ysjl-yb-list') |
|||
Utils.$emit('bggl-daiban-list') |
|||
this.$message({ message: '生成报告成功', type: 'success' }) |
|||
this.$store.dispatch('delCurrentViews', { |
|||
view: this.$route, |
|||
$router: this.$router |
|||
}) |
|||
} |
|||
this.state = 'update' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
judgeRepeat(bianhao, id) { |
|||
this.api({ |
|||
url: '/ysjl/judgeRepeat', |
|||
method: 'get', |
|||
params: { |
|||
ysjlId: id, |
|||
bianhao: bianhao |
|||
} |
|||
}).then(data => { |
|||
if (data > 0) { |
|||
this.isRepeat = true |
|||
} else { |
|||
this.isRepeat = false |
|||
} |
|||
}) |
|||
}, |
|||
getXcjyrq() { |
|||
const xcjyrq = new Date(this.ysjl.jianyanjieshuriqi) |
|||
xcjyrq.setFullYear(xcjyrq.getFullYear() + 2, xcjyrq.getMonth(), xcjyrq.getDate() - 1) |
|||
this.ysjl.xiacijianyanriqi = this.formatter.dateFormat('YYYY-MM-dd', xcjyrq) |
|||
}, |
|||
setYsjlData(data) { |
|||
this.ysjl.sfdId = data |
|||
}, |
|||
// F5刷新监听 |
|||
beforeunloadHandler(e) { |
|||
e.returnValue = '' |
|||
} |
|||
} |
|||
} |
|||
</script> |
@ -0,0 +1,698 @@ |
|||
<!--工业锅炉内部检验--> |
|||
<template> |
|||
<div class="app-container"> |
|||
<sticky style="margin-bottom: 10px;"> |
|||
<div class="sub-navbar"> |
|||
<el-button v-if="state === 'create'" type="success" icon="el-icon-edit" size="medium" @click="saveYsjl('add')"> |
|||
保存 |
|||
</el-button> |
|||
<el-button v-if="state === 'update'" type="primary" icon="el-icon-edit" size="medium" @click="saveYsjl('upd')"> |
|||
更新 |
|||
</el-button> |
|||
<el-button v-if="state === 'update'" type="success" icon="el-icon-upload2" size="medium" @click="saveYsjl('build')"> |
|||
生成报告 |
|||
</el-button> |
|||
<el-button v-if="state !== 'create'" type="warning" icon="el-icon-view" size="medium" @click="common.viewYsjl(ysjl.id, 'YSJL', false)"> |
|||
预览 |
|||
</el-button> |
|||
</div> |
|||
</sticky> |
|||
<el-tabs v-model="checkedTab" type="card"> |
|||
<el-tab-pane label="基本信息" name="first"> |
|||
<el-form ref="ysjl" :model="ysjl" class="el-form" label-position="right" label-width="150px"> |
|||
<fieldset> |
|||
<legend>基本信息</legend> |
|||
<el-row :gutter="25"> |
|||
<el-col v-if="state === 'create' || ysjl.jilubianhao === null || ysjl.jilubianhao === ''" :span="14"> |
|||
<el-form-item label="记录编号"> |
|||
<el-input v-model="jlbh1" style="width:80px" disabled /> |
|||
<el-input v-model="jlbh2" style="width:80px" disabled />- |
|||
<el-input v-model="jlbh3" style="width:85px" @blur="judgeRepeat(jlbh1 + jlbh2 + '-' + jlbh3 , ysjl.id)" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col v-else :span="9"> |
|||
<el-form-item label="记录编号" prop="jilubianhao"> |
|||
<el-input v-if="state !== 'create'" v-model="ysjl.jilubianhao" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col v-if="isRepeat" :span="2" style="vertical-align: middle;padding-top: 3px;font-size: 15px;"> |
|||
<span style="color:red">编号重复</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="设备注册代码(使用登记证编号)" prop="zhucedaima" label-width="300px"> |
|||
<el-input v-model="ysjl.zhucedaima" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="车辆牌号" prop="车辆牌号"> |
|||
<el-input v-model="carNum" disabled style="width:80px" /> |
|||
<el-input v-model="ysjl.cheliangpaihao" :disabled="edit" style="width:80px" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="使用单位" prop="shiyongdanwei" label-width="160px"> |
|||
<el-input v-model="ysjl.shiyongdanwei" :disabled="edit" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="设备单位地址" prop="anzhuangdidian"> |
|||
<el-input v-model="ysjl.anzhuangdidian" :disabled="edit" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="检验地址" prop="anzhuangdidian"> |
|||
<el-input v-model="ysjl.anzhuangdidian" :disabled="edit" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="使用单位联系人" prop="shiyongdanweiLianxiren"> |
|||
<el-input v-model="ysjl.shiyongdanweiLianxiren" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="联系电话" prop="shiyongdanweiDianhua"> |
|||
<el-input v-model="ysjl.shiyongdanweiDianhua" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="设备品种(名称)" prop="shebeipinzhong"> |
|||
<el-input v-model="ysjl.shebeipinzhong" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="产品型号" prop="guigexinghao"> |
|||
<el-input v-model="ysjl.guigexinghao" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="设备代码" prop="shebeidaima"> |
|||
<el-input v-model="ysjl.shebeidaima" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="产品编号" prop="chanpinbianhao"> |
|||
<el-input v-model="ysjl.chanpinbianhao" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="制造单位" prop="zhizaodanwei"> |
|||
<el-input v-model="ysjl.zhizaodanwei" :disabled="edit" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="制造日期" prop="zhizaoriqi"> |
|||
<el-date-picker v-model="ysjl.zhizaoriqi" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="改造单位" prop="gaizaodanwei"> |
|||
<el-input v-model="ysjl.gaizaodanwei" :disabled="edit" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="改造日期" prop="gaizaoriqi"> |
|||
<el-date-picker v-model="ysjl.gaizaoriqi" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="发动机(电机)编号" prop="fadongjibianhao"> |
|||
<el-input v-model="param.fadongjibianhao" :disabled="edit" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item |
|||
label="使用区域" |
|||
prop="shiyongquyu" |
|||
> |
|||
<el-radio-group v-model="param.shiyongquyu"> |
|||
<el-radio label="厂区"> |
|||
厂区 |
|||
</el-radio> |
|||
<el-radio label="旅游景区"> |
|||
旅游景区 |
|||
</el-radio> |
|||
<el-radio label="游乐场所"> |
|||
游乐场所 |
|||
</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</fieldset> |
|||
<fieldset> |
|||
<legend>设备技术参数</legend> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="额定载客人数" prop="edingzaizhongliang"> |
|||
<el-input v-model="param.edingzaizhongliang" type="text"> |
|||
<span slot="suffix">人</span> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="整机整备质量" prop="zhengbeizhiliang"> |
|||
<el-input v-model="param.zhengbeizhiliang" type="text"> |
|||
<span slot="suffix">kg</span> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="最大运行速度" prop="sudukongzai"> |
|||
<el-input |
|||
v-model="param.sudukongzai" |
|||
type="text" |
|||
> |
|||
<span slot="suffix">km/h</span> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="列车车厢数" prop="liechecheliangshu"> |
|||
<el-input v-model="param.liechecheliangshu" type="text"> |
|||
<span slot="suffix">节</span> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="最大行驶坡度" prop="xingshipodu"> |
|||
<el-input v-model="param.xingshipodu" type="text"> |
|||
<span slot="suffix">%</span> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="动力方式" prop="donglifangshi"> |
|||
<el-input v-model="param.donglifangshi" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</fieldset> |
|||
<fieldset> |
|||
<legend>检验信息</legend> |
|||
<el-row :gutter="20" style="margin-bottom:20px"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="检验依据" prop="jianyanyiju"> |
|||
<el-input v-model="ysjl.jianyanyiju" type="textarea" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="主要检验仪器和设备" prop="gongjuxianghao"> |
|||
<el-input |
|||
v-model="param.gongjuxianghao" |
|||
style="width: 100px" |
|||
/>号检验专用工具箱 |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="检验结论" prop="jianyanjielun"> |
|||
<el-radio-group v-model="ysjl.jianyanjielun"> |
|||
<el-radio label="合格"> |
|||
合格 |
|||
</el-radio> |
|||
<el-radio label="不合格"> |
|||
不合格 |
|||
</el-radio> |
|||
<el-radio label="复检合格"> |
|||
复检合格 |
|||
</el-radio> |
|||
<el-radio label="复检不合格"> |
|||
复检不合格 |
|||
</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18" style="height: auto"> |
|||
<el-form-item label="检验情况(备注)" prop="beizhu"> |
|||
<el-input |
|||
v-model="ysjl.beizhu" |
|||
type="textarea" |
|||
:autosize="{ minRows: 2, maxRows: 5 }" |
|||
:disabled="edit" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="检验完成日期" prop="jianyanjieshuriqi"> |
|||
<el-date-picker |
|||
v-model="ysjl.jianyanjieshuriqi" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期" |
|||
style="width: 100%" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="下次检验日期" prop="xiacijianyanriqi"> |
|||
<el-date-picker |
|||
v-model="ysjl.xiacijianyanriqi" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期" |
|||
style="width: 100%" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<template> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="检验人员" prop="jianyanrenyuan"> |
|||
<el-input v-model="ysjl.jianyanrenyuan" disabled /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<sign-name |
|||
:jianyanrenyuan="jianyanrenyuan" |
|||
:ysjl="ysjl" |
|||
:custom-clear-sign="customClearSign" |
|||
@setSignValue="signNameValue" |
|||
/> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- <el-row :gutter="10"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="编制" prop="jianyanrenyuan"> |
|||
<el-input v-model="ysjl.jianyanrenyuan" disabled /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<sign-name |
|||
:jianyanrenyuan="jianyanrenyuan" |
|||
:ysjl="ysjl" |
|||
:custom-clear-sign="customClearSign" |
|||
@setSignValue="signNameValue" |
|||
/> |
|||
</el-col> |
|||
</el-row> --> |
|||
</template> |
|||
</fieldset> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="检验项目" name="second"> |
|||
<el-table ref="sybjSData" :data="sybjSData" :span-method="tableJs.mergeColRows" border stripe style="width:90%"> |
|||
<el-table-column align="center" label="检验项目"> |
|||
<el-table-column align="center" prop="jianyanxiang" width="200" /> |
|||
<el-table-column align="left" prop="jianyanneirong" /> |
|||
</el-table-column> |
|||
<el-table-column align="center" prop="D1" label="检验结果"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.D1" :disabled="edit" type="text" placeholder="请选择" style="width: 100%;" filterable allow-create default-first-option> |
|||
<el-option label="√" value="√" /> |
|||
<el-option label="○" value="○" /> |
|||
<el-option label="×" value="×" /> |
|||
<el-option label="/" value="/" /> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<br> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Sticky from '@/components/Sticky' |
|||
import SignName from '@/views/common/SignName' |
|||
import Utils from '@/utils/contact' |
|||
import merge from 'webpack-merge' |
|||
import { getDepartmentTreeList } from '@/api/common' |
|||
export default { |
|||
name: 'GlGynbYsjl', |
|||
components: { SignName, Sticky }, |
|||
data() { |
|||
return { |
|||
jlbh1: 'GN', |
|||
jlbh2: '(' + new Date().getFullYear() + ')', |
|||
jlbh3: '', |
|||
ysjl: { |
|||
shiyongdanwei: '' |
|||
}, |
|||
carNum: '鲁·', |
|||
param: {}, |
|||
state: this.$route.query.state, |
|||
jianyanrenyuan: '', |
|||
departmentId: this.$store.getters.departmentId, |
|||
isRepeat: false, |
|||
edit: false, |
|||
sybjSData: [], |
|||
tableData: [], |
|||
users: [], |
|||
checkedTab: 'first', |
|||
ysjlId: this.$route.query.id, |
|||
// 表格合并相关 |
|||
// 参与列合并的字段,在这里增加即可 |
|||
cols: [ |
|||
{ |
|||
name: 'jianyanxiang', // 参与计算的列名,必须和el-table-column prop=''值一致 |
|||
getValue(row) { // 该列用于比较的值的获取方法 |
|||
return row.jianyanxiang |
|||
} |
|||
} |
|||
], |
|||
departmemtArr: [] |
|||
} |
|||
}, |
|||
computed: { |
|||
|
|||
}, |
|||
watch: { |
|||
// jlbh3: function(val) { |
|||
// this.ysjl.jilubianhao = this.jlbh1 + this.jlbh2 + '-' + val |
|||
// this.judgeRepeat(this.ysjl.jilubianhao, this.ysjl.id) |
|||
// }, |
|||
// jilubianhao: function(newValue) { |
|||
// this.judgeRepeat(newValue, this.ysjl.id) |
|||
// } |
|||
}, |
|||
// 添加F5刷新监听事件 |
|||
mounted() { |
|||
window.addEventListener('beforeunload', this.beforeunloadHandler, false) |
|||
}, |
|||
created() { |
|||
if (this.state === 'create') { |
|||
this.initYsjl() |
|||
this.getJyxm(1) |
|||
// 查询最大记录编号 |
|||
this.getMaxBh() |
|||
} else { |
|||
this.getYsjl(this.$route.query.id) |
|||
this.getJyxm(1) |
|||
} |
|||
this.getUserList() |
|||
this.getDepartmentArr() |
|||
}, |
|||
beforeDestroy() { |
|||
window.removeEventListener('beforeunload', this.beforeunloadHandler, false) |
|||
}, |
|||
methods: { |
|||
getDepartmentArr() { |
|||
getDepartmentTreeList().then(res => { |
|||
this.departmemtArr = res |
|||
}) |
|||
}, |
|||
/** |
|||
* 签名方法 |
|||
* @param data |
|||
*/ |
|||
signNameValue(data) { |
|||
this.ysjl.jianyanrenyuan = String(data.id) |
|||
this.jianyanrenyuan = data.name |
|||
this.common.signName(this.ysjl.id, this.ysjl.jianyanrenyuan) |
|||
}, |
|||
customClearSign(fieldName) { |
|||
const data = { |
|||
id: |
|||
this.ysjl.jianyanrenyuan && |
|||
this.common |
|||
.deleteElement( |
|||
this.ysjl.jianyanrenyuan.split(','), |
|||
String(this.$store.getters.userId) |
|||
) |
|||
.join(','), |
|||
name: |
|||
this.jianyanrenyuan && |
|||
this.common |
|||
.deleteElement( |
|||
this.jianyanrenyuan.split(','), |
|||
this.$store.getters.nickname |
|||
) |
|||
.join(','), |
|||
fieldName: fieldName |
|||
} |
|||
this.signNameValue(data) |
|||
}, |
|||
// 查询最大记录编号 |
|||
getMaxBh() { |
|||
const aheadPart = this.jlbh1 + this.jlbh2 |
|||
this.api({ |
|||
url: '/ysjl/gainCurrentBh', |
|||
method: 'get', |
|||
params: { |
|||
aheadPart: aheadPart + '-', |
|||
hinderPart: '' |
|||
} |
|||
}).then(data => { |
|||
this.jlbh3 = data |
|||
}) |
|||
}, |
|||
initYsjl() { |
|||
this.api({ |
|||
url: '/ysjl/initYsjl', |
|||
method: 'post', |
|||
data: { |
|||
templateId: this.$route.query.templateId, |
|||
renwuId: this.$route.query.renwuId, |
|||
neibuleibie: this.$route.query.neibuleibie, |
|||
sblbdm: this.$route.query.sblbdm, |
|||
sblbmc: this.$route.query.sblbmc, |
|||
sbpzdm: this.$route.query.sbpzdm, |
|||
sbpzmc: this.$route.query.sbpzmc |
|||
} |
|||
}).then(data => { |
|||
this.ysjl = data.ysjl |
|||
this.param = (data.param !== null && data.param !== undefined) ? data.param : {} |
|||
this.ysjl.jianyanjieshuriqi = this.formatter.dateFormat('YYYY-MM-dd') |
|||
this.getXcjyrq() |
|||
this.ysjl.jilubianhao = this.jilubianhao |
|||
this.ysjl.baogaobianhao = null // 避免从设备中取值导致信息错误 |
|||
this.ysjl.jigouhezhunzhenghao = process.env.VUE_APP_HZZBH |
|||
this.ysjl.beizhu = '/' |
|||
this.ysjl.anzhuangdidian = this.ysjl.shiyongdanweiDizhi |
|||
this.$set(this.param, 'qita', '/') |
|||
// 制造日期、投用日期、上次检验日期设置成正确的日期格式 |
|||
this.ysjl.zhizaoriqi = this.common.checkDateFormat(this.ysjl.zhizaoriqi) |
|||
this.ysjl.gaizaoriqi = this.common.checkDateFormat(this.ysjl.gaizaoriqi) |
|||
}) |
|||
}, |
|||
getYsjl(id) { |
|||
this.api({ |
|||
url: '/ysjl', |
|||
method: 'get', |
|||
params: { |
|||
ysjlId: id |
|||
} |
|||
}).then(data => { |
|||
this.ysjl = data |
|||
if (this.ysjl.jianyanrenyuan !== null && this.ysjl.jianyanrenyuan.length > 0) { |
|||
this.jianyanrenyuan = this.common.convertCnName(this.ysjl.jianyanrenyuan) |
|||
} |
|||
// 查询最大记录编号 |
|||
if (this.ysjl.jilubianhao === null || this.ysjl.jilubianhao === undefined || this.ysjl.jilubianhao === '') { |
|||
this.getMaxBh() |
|||
} |
|||
this.getParam(this.ysjl.id, this.ysjl.shebeizhongleidaima) |
|||
}) |
|||
}, |
|||
getParam(ysjlId, sbzldm) { |
|||
// 根据原始记录id查询参数 |
|||
this.api({ |
|||
url: '/ysjl/getParamByYsjlId', |
|||
method: 'get', |
|||
params: { |
|||
ysjlId: ysjlId, |
|||
sbzldm: sbzldm |
|||
} |
|||
}).then(data => { |
|||
this.param = data |
|||
}) |
|||
}, |
|||
getJyxm(sort) { |
|||
if (this.$route.query.state === 'update') { |
|||
this.jyxmService |
|||
.getJdCyJyxm(this.ysjlId, this.$route.query.templateId, sort) |
|||
.then((data) => { |
|||
this.sybjSData = data |
|||
this.tableJs.getData(this.cols, undefined, this.sybjSData) |
|||
}) |
|||
} else { |
|||
this.jyxmService |
|||
.getCyJyxm(this.$route.query.templateId, sort) |
|||
.then((data) => { |
|||
data.forEach((row) => { |
|||
row.dicJyxmId = row.id |
|||
}) |
|||
this.sybjSData = data |
|||
this.tableJs.getData(this.cols, undefined, this.sybjSData) |
|||
}) |
|||
} |
|||
}, |
|||
getUserList() { |
|||
this.api({ |
|||
url: '/user/all', |
|||
method: 'get' |
|||
}).then(data => { |
|||
this.users = data |
|||
}) |
|||
}, |
|||
saveYsjl: function(operation) { |
|||
if (operation === 'add') { |
|||
if (this.jlbh3.trim() === '') { |
|||
this.$message({ message: '请先确认记录编号是否完整!', type: 'warning' }) |
|||
return false |
|||
} |
|||
} |
|||
// 把第一个检验项目表中的检验结果单独放到字段中 |
|||
const tableData = [] |
|||
this.sybjSData.forEach((row) => { |
|||
tableData.push({ |
|||
ysjlId: this.ysjlId, |
|||
beizhu: row.beizhu, |
|||
dicJyxmId: row.dicJyxmId, |
|||
jianyanjieguo: row.jianyanjieguo ? row.jianyanjieguo : '', |
|||
jianyanjielun: row.jianyanjielun ? row.jianyanjielun : '', |
|||
jyxmMode: 0, |
|||
sort: row.sort, |
|||
orders: row.orders, |
|||
cjState: 0 |
|||
}) |
|||
}) |
|||
let method = '' |
|||
this.ysjl.bglx = 1 |
|||
this.ysjl.cjState = 'ysjl' |
|||
this.ysjl.zfState = 0 |
|||
this.ysjl.jianyanxiangmu = 'gynb' |
|||
this.ysjl.jlprintState = 0 |
|||
if (this.ysjl.jianyanjielun === '不合格' || this.ysjl.jianyanjielun === '复检不合格') { |
|||
this.ysjl.xiacijianyanriqi = null |
|||
} |
|||
if (operation === 'add') { |
|||
this.ysjl.jilubianhao = this.jlbh1 + this.jlbh2 + '-' + this.jlbh3 |
|||
method = 'post' |
|||
} else if (operation === 'build') { |
|||
if (this.ysjl.jianyanrenyuan === null || this.ysjl.jianyanrenyuan === '') { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '请先签名再生成报告!' |
|||
}) |
|||
return false |
|||
} |
|||
if (this.ysjl.sfdId === null || this.ysjl.sfdId === '') { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '请先追加或者创建收费单后在尝试!' |
|||
}) |
|||
return false |
|||
} |
|||
method = 'put' |
|||
} else if (operation === 'upd') { |
|||
method = 'put' |
|||
} |
|||
if (this.isRepeat) { |
|||
this.$message({ message: '记录编号重复,请先修改记录编号再保存', type: 'error' }) |
|||
return false |
|||
} else { |
|||
this.$refs['ysjl'].validate(valid => { |
|||
if (valid) { |
|||
const jyxm = tableData |
|||
this.api({ |
|||
url: '/ysjl', |
|||
method: method, |
|||
data: { |
|||
ysjl: this.ysjl, |
|||
param: this.param, |
|||
cyJyxm: {}, |
|||
jdJyxm: jyxm |
|||
} |
|||
}).then(data => { |
|||
Utils.$emit('task-list') |
|||
Utils.$emit('ysjl-list') |
|||
if (operation === 'add' && data !== '') { |
|||
this.$message({ message: '保存成功, 请前往待办记录中查看。', type: 'success' }) |
|||
this.ysjl.id = data |
|||
this.param.ysjlId = data |
|||
// 刷新路由网址 |
|||
this.$store.dispatch('delCurrentViews', { |
|||
view: this.$route, |
|||
$router: this.$router |
|||
}) |
|||
} else if (operation === 'upd') { |
|||
this.$message({ message: '更新成功', type: 'success' }) |
|||
// 替换路由中的参数 |
|||
this.$router.push({ |
|||
query: merge(this.$route.query, { 'jianyanrenyuan': this.ysjl.jianyanrenyuan }) |
|||
}) |
|||
// this.$refs.bill.updateChargeBill() |
|||
} else { |
|||
Utils.$emit('ysjl-list') |
|||
Utils.$emit('ysjl-yb-list') |
|||
Utils.$emit('bggl-daiban-list') |
|||
this.$message({ message: '生成报告成功', type: 'success' }) |
|||
this.$store.dispatch('delCurrentViews', { |
|||
view: this.$route, |
|||
$router: this.$router |
|||
}) |
|||
} |
|||
this.state = 'update' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
judgeRepeat(bianhao, id) { |
|||
this.api({ |
|||
url: '/ysjl/judgeRepeat', |
|||
method: 'get', |
|||
params: { |
|||
ysjlId: id, |
|||
bianhao: bianhao |
|||
} |
|||
}).then(data => { |
|||
if (data > 0) { |
|||
this.isRepeat = true |
|||
} else { |
|||
this.isRepeat = false |
|||
} |
|||
}) |
|||
}, |
|||
getXcjyrq() { |
|||
const xcjyrq = new Date(this.ysjl.jianyanjieshuriqi) |
|||
xcjyrq.setFullYear(xcjyrq.getFullYear() + 2, xcjyrq.getMonth(), xcjyrq.getDate() - 1) |
|||
this.ysjl.xiacijianyanriqi = this.formatter.dateFormat('YYYY-MM-dd', xcjyrq) |
|||
}, |
|||
setYsjlData(data) { |
|||
this.ysjl.sfdId = data |
|||
}, |
|||
// F5刷新监听 |
|||
beforeunloadHandler(e) { |
|||
e.returnValue = '' |
|||
} |
|||
} |
|||
} |
|||
</script> |
Loading…
Reference in new issue