27 changed files with 1719 additions and 1851 deletions
@ -1,365 +0,0 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="filter-container"> |
|||
<el-form> |
|||
<el-form-item> |
|||
<el-select v-model="listQuery.shebeizhonglei" multiple placeholder="请选择设备种类" @select="handleFilter"> |
|||
<el-option |
|||
v-for="item in sbzlList" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
<el-input v-model="listQuery.name" placeholder="请输入类别名称" clearable style="width: 200px" @keyup.enter.native="handleFilter" /> |
|||
<el-select v-model="listQuery.departmentId" placeholder="请选择所属部门" @select="handleFilter"> |
|||
<el-option |
|||
v-for="item in depts" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.id" |
|||
/> |
|||
</el-select> |
|||
<el-button type="primary" icon="el-icon-search" @click="handleFilter"> |
|||
查询 |
|||
</el-button> |
|||
<el-button type="primary" icon="el-icon-edit" @click="showCreate"> |
|||
添加 |
|||
</el-button> |
|||
<el-button type="danger" icon="el-icon-delete" @click="deleteDepartment"> |
|||
删除 |
|||
</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<el-table |
|||
ref="list" |
|||
v-adaptive="{bottomOffset: 50}" |
|||
height="0" |
|||
:data="list" |
|||
:row-class-name="tableRowClassName" |
|||
border |
|||
fit |
|||
highlight-current-row |
|||
@row-click="onRowClick" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="40" /> |
|||
<el-table-column type="index" align="center" label="序号" width="80" /> |
|||
<el-table-column :formatter="formatDepartment" align="center" label="所属部门" prop="departmentId" min-width="40" /> |
|||
<el-table-column :formatter="formatJianyan" align="center" label="检验类别" prop="jianyanleibie" min-width="25" /> |
|||
<el-table-column :formatter="formatSpecies" align="center" label="设备种类" prop="shebeizhonglei" min-width="40" /> |
|||
<el-table-column align="center" label="设备类别" prop="shebeileibie" min-width="40" /> |
|||
<el-table-column :formatter="formatQuhua" align="center" label="所属区划" prop="quhuamingcheng" /> |
|||
<el-table-column align="center" label="操作" prop="" min-width="20"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="medium" title="修改" @click="showUpdate(scope.$index)"> |
|||
修改 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination v-show="total>0" :total="total" :page-num.sync="listQuery.pageNum" :page-row.sync="listQuery.pageSize" @pagination="getList" /> |
|||
<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" @close="closeDialog"> |
|||
<el-form ref="tempDepartment" :model="tempDepartment" class="small-space" label-position="left" label-width="120px" style="width: 300px; margin-left:50px;"> |
|||
<el-form-item label="所属科室" prop="departmentId"> |
|||
<el-select v-model="department" placeholder="请选择所属科室"> |
|||
<el-option |
|||
v-for="item in depts" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.id" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="检验类别" prop="jianyanleibie"> |
|||
<el-select v-model="jianyanleibie" multiple placeholder="请选择检验类别"> |
|||
<el-option value="DJ" label="定期检验" /> |
|||
<el-option value="JJ" label="监督检验" /> |
|||
<el-option value="ZZ" label="制造监检" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="设备种类" prop="shebeizhonglei"> |
|||
<el-select v-model="shebeizhonglei" multiple placeholder="请选择设备种类"> |
|||
<el-option |
|||
v-for="item in sbzlList" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="所属区划" prop="quhuamingcheng"> |
|||
<el-select v-model="quhuamingcheng" multiple placeholder="请选择所属区划"> |
|||
<el-option |
|||
v-for="item in areas" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="dialogFormVisible = false"> |
|||
取 消 |
|||
</el-button> |
|||
<el-button v-if="dialogStatus==='create'" type="success" @click="createDepartment"> |
|||
创 建 |
|||
</el-button> |
|||
<el-button v-else type="primary" @click="updateDepartment"> |
|||
修 改 |
|||
</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import Pagination from '@/components/Pagination' |
|||
import { deleteDepartmentFn } from '@/api/common' |
|||
export default { |
|||
name: 'BjdDepartment', |
|||
components: { Pagination }, |
|||
data() { |
|||
return { |
|||
total: 0, // 分页组件--数据总条数 |
|||
list: [], // 表格的数据 |
|||
listQuery: { |
|||
pageNum: 1, // 页码 |
|||
pageSize: 20, |
|||
orderBy: 'id asc' |
|||
}, |
|||
dialogStatus: 'create', |
|||
dialogFormVisible: false, |
|||
textMap: { |
|||
update: '编辑', |
|||
create: '新建报检科室关联' |
|||
}, |
|||
tempDepartment: {}, |
|||
multipleSelection: [], |
|||
sbzlList: [], |
|||
parentList: [], |
|||
depts: [], |
|||
areas: [], |
|||
shebeizhonglei: '', |
|||
quhuamingcheng: '', |
|||
jianyanleibie: '', |
|||
department: '' |
|||
} |
|||
}, |
|||
created() { |
|||
this.getList() |
|||
this.getSbzlList() |
|||
this.getDepartment() |
|||
this.getArea() |
|||
}, |
|||
methods: { |
|||
getList() { |
|||
this.apibjd({ |
|||
url: '/bjdDepartment/list', |
|||
method: 'get', |
|||
params: this.listQuery |
|||
}).then(data => { |
|||
this.list = data.list |
|||
this.total = data.total |
|||
}) |
|||
}, |
|||
handleFilter() { |
|||
// 查询事件 |
|||
this.listQuery.pageNum = 1 |
|||
this.getList() |
|||
}, |
|||
onRowClick(row) { |
|||
this.$refs.list.toggleRowSelection(row) |
|||
}, |
|||
handleSelectionChange: function(val) { |
|||
this.multipleSelection = val |
|||
}, |
|||
showCreate() { |
|||
this.tempDepartment = {} |
|||
this.dialogStatus = 'create' |
|||
this.dialogFormVisible = true |
|||
}, |
|||
createDepartment() { |
|||
this.$refs['tempDepartment'].validate(valid => { |
|||
if (valid) { |
|||
this.tempDepartment.shebeizhonglei = JSON.stringify(this.shebeizhonglei) |
|||
this.tempDepartment.quhuamingcheng = JSON.stringify(this.quhuamingcheng) |
|||
this.tempDepartment.jianyanleibie = JSON.stringify(this.jianyanleibie) |
|||
this.tempDepartment.departmentId = this.department |
|||
this.apibjd({ |
|||
url: '/bjdDepartment/save', |
|||
method: 'post', |
|||
data: this.tempDepartment |
|||
}).then(() => { |
|||
this.$message({ message: '添加成功。', type: 'success' }) |
|||
this.getList() |
|||
this.dialogFormVisible = false |
|||
}) |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
showUpdate($index) { |
|||
this.tempDepartment = this.list[$index] |
|||
this.jianyanleibie = JSON.parse(this.tempDepartment.jianyanleibie) |
|||
this.shebeizhonglei = JSON.parse(this.tempDepartment.shebeizhonglei) |
|||
this.quhuamingcheng = JSON.parse(this.tempDepartment.quhuamingcheng) |
|||
this.department = this.tempDepartment.departmentId |
|||
this.dialogStatus = 'update' |
|||
this.dialogFormVisible = true |
|||
}, |
|||
updateDepartment() { |
|||
this.$refs['tempDepartment'].validate(valid => { |
|||
if (valid) { |
|||
this.tempDepartment.shebeizhonglei = JSON.stringify(this.shebeizhonglei) |
|||
this.tempDepartment.quhuamingcheng = JSON.stringify(this.quhuamingcheng) |
|||
this.tempDepartment.jianyanleibie = JSON.stringify(this.jianyanleibie) |
|||
this.tempDepartment.departmentId = this.department |
|||
this.apibjd({ |
|||
url: '/bjdDepartment/update', |
|||
method: 'post', |
|||
data: this.tempDepartment |
|||
}).then(() => { |
|||
this.$message({ message: '数据更新成功。', type: 'success' }) |
|||
this.getList() |
|||
this.dialogFormVisible = false |
|||
}) |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
deleteDepartment() { |
|||
if (this.multipleSelection.length === 0) { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '请选中需要删除的数据！' |
|||
}) |
|||
return false |
|||
} else { |
|||
this.$confirm('确定删除当前选中记录?', '提示', { |
|||
confirmButtonText: '确定', |
|||
showCancelButton: true, |
|||
type: 'warning' |
|||
}).then(() => { |
|||
const pks = [] |
|||
this.multipleSelection.forEach(category => { |
|||
pks.push(category.id) |
|||
}) |
|||
deleteDepartmentFn({ pks: pks }).then(() => { |
|||
this.$message({ message: '删除成功。', type: 'success' }) |
|||
this.getList() |
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
getSbzlList() { |
|||
this.api({ |
|||
url: '/sedirectory/getList', |
|||
method: 'get', |
|||
params: { |
|||
sbzl: undefined, |
|||
level: '1' |
|||
} |
|||
}).then(data => { |
|||
this.sbzlList = data |
|||
}) |
|||
}, |
|||
// 查询检验科室 |
|||
getDepartment() { |
|||
this.api({ |
|||
url: '/department/all', |
|||
method: 'get' |
|||
}).then(data => { |
|||
this.depts = data |
|||
}) |
|||
}, |
|||
getArea() { // 查询区划 |
|||
this.api({ |
|||
url: '/area/getShiArea', |
|||
method: 'get', |
|||
params: { |
|||
shidaima: '370100' |
|||
} |
|||
}).then(data => { |
|||
this.areas = data |
|||
}) |
|||
}, |
|||
closeDialog() { |
|||
this.species = [] |
|||
}, |
|||
formatDepartment(row, column, cellValue) { |
|||
let lable = '' |
|||
for (let i = 0; i < this.depts.length; i++) { |
|||
if (cellValue === this.depts[i].id) { |
|||
lable = this.depts[i].name |
|||
break |
|||
} |
|||
} |
|||
return lable |
|||
}, |
|||
formatSpecies(row, column, cellValue) { |
|||
const value = JSON.parse(cellValue) |
|||
if (value == null) { |
|||
return '全部' |
|||
} |
|||
let lable = '' |
|||
for (let i = 0; i < value.length; i++) { |
|||
for (let j = 0; j < this.sbzlList.length; j++) { |
|||
if (value[i] === this.sbzlList[j].value) { |
|||
lable = this.sbzlList[j].label + '，' + lable |
|||
break |
|||
} |
|||
} |
|||
} |
|||
return lable.substring(0, lable.length - 1) |
|||
}, |
|||
formatJianyan(row, column, cellValue) { |
|||
const value = JSON.parse(cellValue) |
|||
if (value == null) { |
|||
return '全部' |
|||
} |
|||
let lable = '' |
|||
for (let i = 0; i < value.length; i++) { |
|||
if (value[i] === 'DJ') { |
|||
lable = '定期检验' + ',' + lable |
|||
} else if (value[i] === 'JJ') { |
|||
lable = '监督检验' + ',' + lable |
|||
} |
|||
} |
|||
return lable.substring(0, lable.length - 1) |
|||
}, |
|||
formatQuhua(row, column, cellValue) { |
|||
const value = JSON.parse(cellValue) |
|||
if (value == null) { |
|||
return '全部' |
|||
} |
|||
let lable = '' |
|||
for (let i = 0; i < value.length; i++) { |
|||
for (let j = 0; j < this.areas.length; j++) { |
|||
if (value[i] === this.areas[j].value) { |
|||
lable = this.areas[j].label + '，' + lable |
|||
break |
|||
} |
|||
} |
|||
} |
|||
return lable.substring(0, lable.length - 1) |
|||
}, |
|||
tableRowClassName({ row }) { |
|||
if (row.parentId === null) { |
|||
return 'main-row' |
|||
} else { |
|||
return '' |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style> |
|||
.el-table .main-row { |
|||
background: #f0f9eb; |
|||
} |
|||
</style> |
|||
@ -1,610 +0,0 @@ |
|||
<!-- 车用气瓶安装监督检验报告 --> |
|||
<template> |
|||
<div class="app-container"> |
|||
<sticky style="margin-bottom: 10px;"> |
|||
<div class="sub-navbar"> |
|||
<el-button v-show="state === 'create'" type="success" icon="el-icon-edit" size="medium" @click="saveYsjl('add')"> |
|||
保存 |
|||
</el-button> |
|||
<el-button v-show="state === 'update'" type="primary" icon="el-icon-edit" size="medium" @click="saveYsjl('upd')"> |
|||
更新 |
|||
</el-button> |
|||
<el-button v-show="state === 'update'" type="success" icon="el-icon-upload2" size="medium" @click="saveYsjl('build')"> |
|||
生成报告 |
|||
</el-button> |
|||
<el-button v-show="state !== 'create'" type="warning" icon="el-icon-view" size="medium" @click="common.viewYsjl(ysjl.id, 'YSJL')"> |
|||
预览 |
|||
</el-button> |
|||
<el-button v-show="state !== 'create'" type="info" icon="el-icon-message" size="medium" @click="common.viewRejection(ysjl.id)"> |
|||
查看驳回意见 |
|||
</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="130px"> |
|||
<fieldset> |
|||
<legend>基本信息</legend> |
|||
<el-row :gutter="20"> |
|||
<el-col v-if="state === 'create' || ysjl.jilubianhao === null || ysjl.jilubianhao === ''" :span="13"> |
|||
<el-form-item label="报告编号"> |
|||
<el-input v-model="jlbh1" style="width:70px" disabled /> - |
|||
<el-input v-model="jlbh2" style="width:120px" disabled /> - |
|||
<el-input v-model="jlbh3" style="width:120px" /> |
|||
</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" @blur="judgeRepeat(ysjl.jilubianhao, ysjl.id)" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col v-if="isRepeat" :span="2"> |
|||
<span style="color:red">编号重复</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="安装单位" prop="shigongdanwei"> |
|||
<el-input v-model="ysjl.shigongdanwei" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="安装许可证编号" prop="shigongxukezheng"> |
|||
<el-input v-model="ysjl.shigongxukezheng" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="安装日期" prop="shigongriqi"> |
|||
<el-date-picker v-model="ysjl.shigongriqi" value-format="yyyy-MM-dd" type="date" placeholder="选择日期" style="width: 100%;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="18"> |
|||
<el-form-item label="气瓶制造单位" prop="zhizaodanwei"> |
|||
<el-input v-model="ysjl.zhizaodanwei" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="产品编号" prop="chanpinbianhao"> |
|||
<el-input v-model="ysjl.chanpinbianhao" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="设备代码" prop="shebeidaima"> |
|||
<el-input v-model="ysjl.shebeidaima" type="text" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<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-col :span="9"> |
|||
<el-form-item label="登记机关" prop="dengjijiguan"> |
|||
<el-select v-model="ysjl.dengjijiguan" filterable style="width: 100%;"> |
|||
<el-option v-for="(item, index) in djjgs" :key="index" :label="item" :value="item" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="检验金额(元)" prop="jianyanheding"> |
|||
<el-input-number v-model="ysjl.jianyanheding" :disabled="ysjl.retreatState === 2 && ysjl.jfState !== null && ysjl.jfState" :controls="false" style="width: 100%;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</fieldset> |
|||
<fieldset> |
|||
<legend>性能参数</legend> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="公称压力" prop="yali"> |
|||
<el-input v-model="param.yali" type="text" style="width: 120%;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="工作介质" prop="jiezhi"> |
|||
<el-input v-model="param.jiezhi" type="text" style="width: 120%;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="车辆牌号/车辆底盘号" label-width="150px" prop="rongqituhao"> |
|||
<el-input v-model="param.rongqituhao" type="text" style="width: 120%;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</fieldset> |
|||
<fieldset> |
|||
<legend>检验信息</legend> |
|||
<el-row :gutter="20" style="text-align:left;margin-left: 35px;font-size: 18px;color: #606266;line-height: 60px;font-weight: bolder;"> |
|||
根据《中华人民共和国特种设备安全法》、《特种设备安全监察条例》、《车用气瓶安全技术监察规程》的要求，该车用气瓶安装经我机构监督检验，其安装安全质量 |
|||
<el-select v-model="ysjl.jianyanjielun" placeholder="请选择" style="width: 100px;"> |
|||
<el-option label="符合" value="符合" /> |
|||
<el-option label="不符合" value="不符合" /> |
|||
</el-select> |
|||
相关要求，特发此证。 |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="检验开始日期" prop="jianyankaishiriqi"> |
|||
<el-date-picker v-model="ysjl.jianyankaishiriqi" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item label="检验结束日期" prop="jianyanjieshuriqi"> |
|||
<el-date-picker v-model="ysjl.jianyanjieshuriqi" 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="departmentId"> |
|||
<el-cascader |
|||
v-model="ysjl.departmentId" |
|||
:options="departmemtArr" |
|||
:props="{ value: 'id', label: 'name', checkStrictly: true }" |
|||
:show-all-levels="false" |
|||
@change="handleChange" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="9"> |
|||
<el-form-item label="检验人员" prop="jianyanrenyuan"> |
|||
<el-input v-model="jianyanrenyuan" disabled /> |
|||
<el-input v-show="false" v-model="ysjl.jianyanrenyuan" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col v-if="state !== 'bgView'" :span="9"> |
|||
<sign-name :ysjl="ysjl" :jianyanrenyuan="jianyanrenyuan" :disabled="edit" @setSignValue="singNameValue" /> |
|||
</el-col> |
|||
</el-row> |
|||
</fieldset> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="车用气瓶安装监督检验报告附页" name="second"> |
|||
<el-table |
|||
:data="bgfyData" |
|||
:span-method="arraySpanMethod" |
|||
border |
|||
highlight-current-row |
|||
stripe |
|||
style="width:80%" |
|||
> |
|||
<el-table-column type="index" width="60" align="center" label="序号" /> |
|||
<el-table-column align="center" label="检验项目"> |
|||
<el-table-column align="left" prop="jianyanxiang" width="150" label="检验项" /> |
|||
<el-table-column align="left" prop="jianyanmu" width="300" label="检验内容" /> |
|||
</el-table-column> |
|||
<el-table-column align="center" prop="xiangmuleibie" label="类别" /> |
|||
<el-table-column align="center" prop="jianyanjieguo" label="检验结果"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.jianyanjieguo" :disabled="edit" filterable allow-create default-first-option placeholder="请选择" style="width: 100%;"> |
|||
<el-option label="资料齐全" value="资料齐全" /> |
|||
<el-option label="未到首次检验日期" value="未到首次检验日期" /> |
|||
<el-option label="无变更" value="无变更" /> |
|||
<el-option label="未发现超标缺陷" value="未发现超标缺陷" /> |
|||
<el-option label="符合要求" value="符合要求" /> |
|||
<el-option label="不符合要求" value="不符合要求" /> |
|||
<el-option label="合格" value="合格" /> |
|||
<el-option label="齐全" value="齐全" /> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column align="center" prop="beizhu" label="工作见证"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.beizhu" :disabled="edit" name="fyGongzuojianzheng" placeholder="请输入内容" /> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<br> |
|||
<el-form ref="param" :model="param" class="el_form" label-position="right" label-width="250px"> |
|||
<el-row> |
|||
<el-col :span="11" style="height: 60px"> |
|||
<el-form-item label="对安装单位质量体系运转情况的评价：" prop="aqglqkjcjg"> |
|||
<el-input v-model="param.aqglqkjcjg" type="textarea" placeholder="请输入内容" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="11" style="height: 80px"> |
|||
<el-form-item label="记事栏：" prop="qita"> |
|||
<el-input v-model="param.qita" type="textarea" placeholder="请输入内容" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Sticky from '@/components/Sticky' |
|||
import SignName from '@/views/common/SignName' |
|||
import Utils from '@/utils/contact.js' |
|||
import { getDepartmentTreeList } from '@/api/common' |
|||
|
|||
export default { |
|||
name: 'CyqpAjYsjl', |
|||
components: { SignName, Sticky }, |
|||
data() { |
|||
return { |
|||
// 预定义值 |
|||
edit: false, // 页面编辑状态 |
|||
bgfyData: [], // 车用气瓶安装监检验报告附页 |
|||
jlbh1: 'PJ1', |
|||
jlbh2: 'ZZSYC' + new Date().getFullYear(), |
|||
jlbh3: '', |
|||
// 检验人员 |
|||
jianyanrenyuan: '', |
|||
// 接收传入该页面的值 |
|||
// 页面状态 {create=> 创建，update=> 更新} |
|||
state: this.$route.query.state, |
|||
ysjl: {}, |
|||
departmentId: this.$route.query.departmentId, |
|||
param: {}, |
|||
checkedTab: 'first', |
|||
// 表格合并相关 |
|||
// 参与列合并的字段，在这里增加即可 |
|||
cols: [ |
|||
{ |
|||
name: 'jianyanxiang', // 参与计算的列名，必须和el-table-column prop=''值一致 |
|||
getValue(row) { // 该列用于比较的值的获取方法 |
|||
return row.jianyanxiang |
|||
} |
|||
}, |
|||
{ |
|||
name: 'jianyanmu', |
|||
getValue(row) { |
|||
return row.jianyanmu |
|||
} |
|||
} |
|||
], |
|||
// 参与行内合并的字段 |
|||
rows: [ |
|||
{ |
|||
name: 'jianyanxiang', |
|||
getValue(row) { |
|||
return row.jianyanxiang |
|||
} |
|||
}, |
|||
{ |
|||
name: 'jianyanmu', |
|||
getValue(row) { |
|||
return row.jianyanmu |
|||
} |
|||
} |
|||
], |
|||
isRepeat: false, |
|||
users: [], |
|||
djjgs: ['无'], |
|||
departmemtArr: [] |
|||
} |
|||
}, |
|||
// computed: { |
|||
// jilubianhao: function() { |
|||
// let bianhao |
|||
// if (this.ysjl.jilubianhao === null || this.ysjl.jilubianhao === undefined || this.ysjl.jilubianhao === '') { |
|||
// return this.jlbh1 + this.jlbh2 + '-' + this.jlbh3 |
|||
// } else { |
|||
// bianhao = this.ysjl.jilubianhao |
|||
// } |
|||
// return this.judgeRepeat(bianhao, this.ysjl.id) |
|||
// } |
|||
// }, |
|||
// 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) |
|||
// } |
|||
// }, |
|||
// 页面创建后执行 |
|||
created() { |
|||
// if (this.state === 'create') { |
|||
// // 设置初始值 |
|||
// this.initYsjl() |
|||
// } else { |
|||
// this.getYsjl() |
|||
// this.getParam(this.$route.query.id, this.$route.query.sbzldm) |
|||
// } |
|||
// this.getUserList() |
|||
// this.getJyxm(1) |
|||
// this.getArea() |
|||
}, |
|||
mounted() { |
|||
if (!this.ysjl.jilubianhao) { |
|||
this.getMaxBh() |
|||
} |
|||
this.getDepartmentArr() |
|||
}, |
|||
methods: { |
|||
getDepartmentArr() { |
|||
getDepartmentTreeList().then(res => { |
|||
this.departmemtArr = res |
|||
}) |
|||
}, |
|||
handleChange(v) { |
|||
this.ysjl.departmentId = v[1] |
|||
}, |
|||
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.departmentId = this.ysjl.departmentId |
|||
this.param = data.param ? data.param : {} |
|||
const tempTime = new Date() |
|||
this.$set(this.ysjl, 'jianyanjielun', '符合') |
|||
this.ysjl.jianyankaishiriqi = tempTime |
|||
this.ysjl.jianyanjieshuriqi = tempTime |
|||
this.ysjl.jiaoheriqi = tempTime |
|||
let xcjyrq = (tempTime.getFullYear() + 2) + '-' + (tempTime.getMonth() + 1) + '-' + tempTime.getDate() |
|||
xcjyrq = new Date(xcjyrq) |
|||
this.ysjl.xiacijianyanriqi = xcjyrq.setDate(xcjyrq.getDate() - 1) |
|||
this.ysjl.xiacijianyanriqishuoming = '/' |
|||
}) |
|||
}, |
|||
getYsjl() { |
|||
this.api({ |
|||
url: '/ysjl', |
|||
method: 'get', |
|||
params: { |
|||
ysjlId: this.$route.query.id |
|||
} |
|||
}).then(data => { |
|||
this.ysjl = data |
|||
this.departmentId = this.ysjl.departmentId |
|||
if (this.ysjl.jianyanrenyuan) { |
|||
this.jianyanrenyuan = this.common.convertCnName(this.ysjl.jianyanrenyuan) |
|||
} |
|||
// 查询最大记录编号 |
|||
if (this.ysjl.jilubianhao === null || this.ysjl.jilubianhao === undefined || this.ysjl.jilubianhao === '') { |
|||
this.getMaxBh() |
|||
} |
|||
}) |
|||
}, |
|||
getParam(ysjlId, sbzldm) { |
|||
// 根据原始记录id查询参数 |
|||
this.api({ |
|||
url: '/ysjl/getParamByYsjlId', |
|||
method: 'get', |
|||
params: { ysjlId: ysjlId, sbzldm: sbzldm } |
|||
}).then(data => { |
|||
this.param = data |
|||
}) |
|||
}, |
|||
// 签名方法 |
|||
singNameValue(data) { |
|||
this.jianyanrenyuan = data.name |
|||
this.ysjl.jianyanrenyuan = data.id |
|||
if (this.state !== 'create') { |
|||
this.common.signName(this.ysjl.id, this.ysjl.jianyanrenyuan) |
|||
Utils.$emit('ysjl-list') |
|||
} |
|||
}, |
|||
getUserList() { |
|||
this.api({ |
|||
url: '/user/all', |
|||
method: 'get' |
|||
}).then(data => { |
|||
this.users = data |
|||
}) |
|||
}, |
|||
// 查询最大记录编号 |
|||
getMaxBh() { |
|||
const aheadPart = this.jlbh1 + '-' + this.jlbh2 + this.jlbh3 + '-' |
|||
this.api({ |
|||
url: '/ysjl/gainCurrentBh', |
|||
method: 'get', |
|||
params: { |
|||
aheadPart: aheadPart, |
|||
hinderPart: '' |
|||
} |
|||
}).then(data => { |
|||
this.jlbh3 = 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.$route.query.id, |
|||
isReport: false, |
|||
order: sort |
|||
} |
|||
} |
|||
this.api({ |
|||
url: url, |
|||
method: 'get', |
|||
params: data |
|||
}).then(data => { |
|||
console.log(data) |
|||
this.bgfyData = data |
|||
this.tableJs.getData(this.cols, this.rows, data) |
|||
}) |
|||
}, |
|||
saveYsjl: function(operation) { |
|||
this.tableData = [] |
|||
const retData = [] |
|||
for (let i = 0; i < this.bgfyData.length; i++) { |
|||
// 把检验项数组转换成字符串 |
|||
const retRow = {} |
|||
retRow.id = this.bgfyData[i].id |
|||
if (this.bgfyData[i].jianyanjieguo !== '' && this.bgfyData[i].jianyanjieguo !== null && this.bgfyData[i].jianyanjieguo !== undefined) { |
|||
retRow.jianyanjieguo = this.bgfyData[i].jianyanjieguo |
|||
} |
|||
if (this.bgfyData[i].beizhu !== '' && this.bgfyData[i].beizhu !== null && this.bgfyData[i].beizhu !== undefined) { |
|||
retRow.beizhu = this.bgfyData[i].beizhu |
|||
} |
|||
retData.push(retRow) |
|||
} |
|||
this.tableData.push(retData) |
|||
let type = '' |
|||
if (operation === 'add') { |
|||
type = 'post' |
|||
this.ysjl.bglx = 1 |
|||
this.ysjl.cjState = 'ysjl' |
|||
this.ysjl.jigouhezhunzhenghao = process.env.VUE_APP_HZZBH |
|||
this.ysjl.jlprintState = 0 |
|||
this.ysjl.jianyanxiangmu = 'cyqp' |
|||
this.ysjl.jilubianhao = this.jlbh1 + this.jlbh2 + '-' + this.jlbh3 |
|||
this.save(operation, type) |
|||
} else if (operation === 'upd') { |
|||
type = 'put' |
|||
this.save(operation, type) |
|||
} else if (operation === 'build') { |
|||
if (this.ysjl.jilubianhao && this.ysjl.jilubianhao.indexOf('COPY') > -1) { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '请先修改记录编号，不允许携带COPY标志生成报告!' |
|||
}) |
|||
return false |
|||
} |
|||
if (this.ysjl.jianyanrenyuan === null || this.ysjl.jianyanrenyuan === '') { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '请先签名再生成报告!' |
|||
}) |
|||
return false |
|||
} |
|||
this.tableData = null |
|||
type = 'put' |
|||
this.save(operation, type) |
|||
} |
|||
}, |
|||
save(operation, type) { |
|||
// 判断报告编号是否重复 |
|||
if (this.isRepeat) { |
|||
this.$message({ message: '报告编号重复，请先修改报告编号再保存', type: 'error' }) |
|||
return false |
|||
} else { |
|||
this.$refs['ysjl'].validate(valid => { |
|||
if (valid) { |
|||
const jyxm = JSON.stringify(this.tableData) |
|||
this.api({ |
|||
url: '/ysjl', |
|||
method: type, |
|||
data: { |
|||
ysjl: this.ysjl, |
|||
param: this.param, |
|||
jyxm: jyxm, |
|||
bgjyxm: jyxm, |
|||
flag: operation |
|||
} |
|||
}).then(data => { |
|||
// 刷新任务列表，原始报告待办，原始报告已办，检验报告 |
|||
Utils.$emit('task-list') |
|||
Utils.$emit('bggl-daiban-list') |
|||
if (operation === 'add') { |
|||
this.ysjl.id = data |
|||
this.param.ysjlId = data |
|||
this.$message({ message: '保存成功', type: 'success' }) |
|||
} else if (operation === 'upd') { |
|||
this.$message({ message: '更新成功', type: 'success' }) |
|||
} else if (operation === 'build') { |
|||
Utils.$emit('ysjl-list') |
|||
Utils.$emit('ysjl-yb-list') |
|||
Utils.$emit('bggl-daiban-list') |
|||
// 修改16版任务状态 |
|||
this.common.updRenwuState(this.ysjl.id, 2, true) |
|||
// 生成pdf |
|||
this.common.viewYsjlNoOpen(this.ysjl.id, 'YSJL') |
|||
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 => { |
|||
this.isRepeat = data > 0 |
|||
}) |
|||
}, |
|||
arraySpanMethod({ row, column, rowIndex, columnIndex }) { |
|||
if (columnIndex === 1) { |
|||
if (rowIndex === 0) { |
|||
return [2, 1] |
|||
} else if (rowIndex === 2 || rowIndex === 6) { |
|||
return [3, 1] |
|||
} else if (rowIndex === 5 || rowIndex === 9 || rowIndex === 10) { |
|||
return [1, 2] |
|||
} else { |
|||
return [0, 0] |
|||
} |
|||
} else if (columnIndex === 2) { |
|||
if (rowIndex === 5 || rowIndex === 9 || rowIndex === 10) { |
|||
return [0, 0] |
|||
} |
|||
} else if (columnIndex === 5) { |
|||
if (rowIndex === 0) { |
|||
return [11, 1] |
|||
} else { |
|||
return [0, 0] |
|||
} |
|||
} |
|||
}, |
|||
/** |
|||
* 查询区划 |
|||
*/ |
|||
getArea() { |
|||
this.api({ |
|||
url: '/area/getShiArea', |
|||
method: 'get', |
|||
params: { |
|||
shidaima: '370100' |
|||
} |
|||
}).then(data => { |
|||
data.forEach(area => { |
|||
this.djjgs.push(area.label + '市场监督管理局') |
|||
}) |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
Loading…
Reference in new issue