新购绑定
This commit is contained in:
parent
b6e541aab4
commit
472cb54dd6
|
|
@ -43,13 +43,16 @@
|
|||
"crypto-js": "^4.2.0",
|
||||
"echarts": "5.4.0",
|
||||
"element-ui": "2.15.14",
|
||||
"file-saver": "2.0.5",
|
||||
"file-saver": "^2.0.5",
|
||||
"fuse.js": "6.4.3",
|
||||
"highlight.js": "9.18.5",
|
||||
"html2canvas": "^1.4.1",
|
||||
"js-beautify": "1.13.0",
|
||||
"js-cookie": "3.0.1",
|
||||
"jsencrypt": "3.0.0-rc.1",
|
||||
"jszip": "^3.10.1",
|
||||
"nprogress": "0.2.0",
|
||||
"qrcodejs2": "^0.0.2",
|
||||
"quill": "1.3.7",
|
||||
"screenfull": "5.0.2",
|
||||
"sm-crypto": "^0.3.13",
|
||||
|
|
|
|||
|
|
@ -17,6 +17,15 @@ export function getPurchaseCheckInfo(id) {
|
|||
})
|
||||
}
|
||||
|
||||
// 保存--新增
|
||||
export function addPurchaseCheckInfo(data) {
|
||||
return request({
|
||||
url: '/material/purchase_check_info',
|
||||
method: 'post',
|
||||
data: data,
|
||||
})
|
||||
}
|
||||
|
||||
//人员 详情
|
||||
export function getNoticePeople(query) {
|
||||
return request({
|
||||
|
|
@ -34,6 +43,8 @@ export function delPeople(ids) {
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 人员管理--新增
|
||||
export function addNoticeUser(data) {
|
||||
return request({
|
||||
|
|
@ -88,6 +99,8 @@ export function queryKeeperNameApi(query) {
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 仓库管理--删除
|
||||
export function delHouse(id) {
|
||||
return request({
|
||||
|
|
|
|||
|
|
@ -18,6 +18,15 @@ export function getListDetail(query) {
|
|||
})
|
||||
}
|
||||
|
||||
//任务 详情
|
||||
export function bindAllData(data) {
|
||||
return request({
|
||||
url: '/material/purchase/bind/bind',
|
||||
method: 'post',
|
||||
data: data,
|
||||
})
|
||||
}
|
||||
|
||||
//二级页面 详情
|
||||
export function getListDetailById(query) {
|
||||
return request({
|
||||
|
|
@ -27,6 +36,18 @@ export function getListDetailById(query) {
|
|||
})
|
||||
}
|
||||
|
||||
// 导出
|
||||
export function exportNewBuy(data) {
|
||||
return request({
|
||||
url: '/material/purchase/bind/downloadQrCode',
|
||||
method: 'post',
|
||||
responseType: 'blob',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//人员 详情
|
||||
export function getNoticePeople(query) {
|
||||
return request({
|
||||
|
|
|
|||
|
|
@ -38,6 +38,7 @@ import VueMeta from 'vue-meta'
|
|||
// 字典数据组件
|
||||
import DictData from '@/components/DictData'
|
||||
|
||||
import global_ from '@/utils/globalUrl'
|
||||
// 全局方法挂载
|
||||
Vue.prototype.getDicts = getDicts
|
||||
Vue.prototype.getConfigKey = getConfigKey
|
||||
|
|
@ -48,7 +49,7 @@ Vue.prototype.selectDictLabel = selectDictLabel
|
|||
Vue.prototype.selectDictLabels = selectDictLabels
|
||||
Vue.prototype.download = download
|
||||
Vue.prototype.handleTree = handleTree
|
||||
|
||||
Vue.prototype.globalUrl = global_
|
||||
// 全局组件挂载
|
||||
Vue.component('DictTag', DictTag)
|
||||
Vue.component('Pagination', Pagination)
|
||||
|
|
|
|||
|
|
@ -8,7 +8,10 @@ import { isRelogin } from '@/utils/request'
|
|||
|
||||
NProgress.configure({ showSpinner: false })
|
||||
|
||||
const whiteList = ['/login', '/register']
|
||||
const whiteList = [
|
||||
'/login', '/register',
|
||||
'/qrCode/qrCodePage',
|
||||
]
|
||||
|
||||
router.beforeEach((to, from, next) => {
|
||||
NProgress.start()
|
||||
|
|
|
|||
|
|
@ -74,6 +74,11 @@ export const constantRoutes = [
|
|||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/qrCode/qrCodePage',
|
||||
component: () => import('@/views/qrCode/qrCode'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/user',
|
||||
component: Layout,
|
||||
|
|
|
|||
|
|
@ -0,0 +1,76 @@
|
|||
let chapter = (text, companyName) => {
|
||||
let canvas = document.getElementById("canvas");
|
||||
let context = canvas.getContext("2d");
|
||||
|
||||
//let text = "XXX专用章";
|
||||
//let companyName = "XXX科技股份有限公司";
|
||||
|
||||
// 绘制印章边框
|
||||
let width = canvas.width / 2;
|
||||
let height = canvas.height / 2;
|
||||
context.lineWidth = 3;
|
||||
context.strokeStyle = "#f00";
|
||||
context.beginPath();
|
||||
context.arc(width, height, 80, 0, Math.PI * 2); //宽、高、半径
|
||||
context.stroke();
|
||||
|
||||
//画五角星
|
||||
create5star(context, width, height, 20, "#f00", 0);
|
||||
|
||||
// 绘制印章名称
|
||||
context.font = "14px 宋体";
|
||||
context.textBaseline = "middle"; //设置文本的垂直对齐方式
|
||||
context.textAlign = "center"; //设置文本的水平对对齐方式
|
||||
context.lineWidth = 1;
|
||||
context.strokeStyle = "#f00";
|
||||
context.strokeText(text, width, height + 50);
|
||||
|
||||
// 绘制印章单位
|
||||
context.translate(width, height); // 平移到此位置,
|
||||
context.font = "14px 宋体";
|
||||
let count = companyName.length; // 字数
|
||||
let angle = (4 * Math.PI) / (3 * (count - 1)); // 字间角度
|
||||
let chars = companyName.split("");
|
||||
let c;
|
||||
for (let i = 0; i < count; i++) {
|
||||
c = chars[i]; // 需要绘制的字符
|
||||
if (i == 0) {
|
||||
context.rotate((5 * Math.PI) / 6);
|
||||
} else {
|
||||
context.rotate(angle);
|
||||
}
|
||||
|
||||
context.save();
|
||||
context.translate(65, 0); // 平移到此位置,此时字和x轴垂直,公司名称和最外圈的距离
|
||||
context.rotate(Math.PI / 2); // 旋转90度,让字平行于x轴
|
||||
context.strokeText(c, 0, 0); // 此点为字的中心点
|
||||
context.restore();
|
||||
}
|
||||
|
||||
//绘制五角星
|
||||
function create5star(context, sx, sy, radius, color, rotato) {
|
||||
context.save();
|
||||
context.fillStyle = color;
|
||||
context.translate(sx, sy); //移动坐标原点
|
||||
context.rotate(Math.PI + rotato); //旋转
|
||||
context.beginPath(); //创建路径
|
||||
// let x = Math.sin(0);
|
||||
// let y = Math.cos(0);
|
||||
let dig = (Math.PI / 5) * 4;
|
||||
for (let i = 0; i < 5; i++) {
|
||||
//画五角星的五条边
|
||||
let x = Math.sin(i * dig);
|
||||
let y = Math.cos(i * dig);
|
||||
context.lineTo(x * radius, y * radius);
|
||||
}
|
||||
context.closePath();
|
||||
context.stroke();
|
||||
context.fill();
|
||||
context.restore();
|
||||
}
|
||||
};
|
||||
|
||||
export default chapter;
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
// const qrUrl = 'http://192.168.0.14:21624/qrCode/qrCodePage?qrCode='; //测试
|
||||
// const qrUrl = 'http://112.29.103.165:21626/qrCode/qrCodePage?qrCode='; //重庆
|
||||
// const qrUrl = 'http://112.29.103.165:21624/qrCode/qrCodePage?qrCode='; //宁夏
|
||||
// const qrUrl = 'https://z.csgmall.com.cn/gl/qrCode/qrCodePage?qrCode='; //南网
|
||||
const qrUrl = 'http://192.168.0.110:80/qrCode/qrCodePage?qrCode='; //本地
|
||||
// const qrUrl = process.env.NODE_ENV === 'production' ? 'http://192.168.0.14:18866/qrCode/qrCodePage?qrCode=' : 'http://192.168.0.14:21624/qrCode/qrCodePage?qrCode='
|
||||
// let qrUrl = ''
|
||||
const origin = window.location.origin
|
||||
|
||||
// qrUrl = origin + '/qrCode/qrCodePage?qrCode='
|
||||
// if (origin == 'http://112.29.103.165:21626') {
|
||||
// qrUrl = 'http://112.29.103.165:21626/qrCode/qrCodePage?qrCode='
|
||||
// } else {
|
||||
// qrUrl = 'http://192.168.0.14:18866/qrCode/qrCodePage?qrCode='
|
||||
// }
|
||||
|
||||
export default {
|
||||
qrUrl,
|
||||
}
|
||||
|
|
@ -5,6 +5,7 @@
|
|||
:model="maForm"
|
||||
ref="maForm"
|
||||
size="small"
|
||||
:rules="rules"
|
||||
:inline="true"
|
||||
label-width="120px"
|
||||
>
|
||||
|
|
@ -18,35 +19,21 @@
|
|||
placeholder="请选择到货日期"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="物资厂家" prop="typeId">
|
||||
<el-select
|
||||
v-model="queryParams.typeId"
|
||||
placeholder="请选择物资厂家"
|
||||
clearable
|
||||
filterable
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="typeItem in typesList"
|
||||
:key="typeItem.typeId"
|
||||
:label="typeItem.typeName"
|
||||
:value="typeItem.typeId"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="出厂日期" prop="arrivalTime">
|
||||
|
||||
<el-form-item label="出厂日期" prop="productionTime">
|
||||
<el-date-picker
|
||||
v-model="maForm.arrivalTime"
|
||||
v-model="maForm.productionTime"
|
||||
style="width: 240px"
|
||||
value-format="yyyy-MM-dd"
|
||||
:picker-options="pickerOptions"
|
||||
type="date"
|
||||
placeholder="请选择出厂日期"
|
||||
@change="productionTimeChange"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="税率" prop="keyWord">
|
||||
<el-form-item label="税率" prop="taxRate">
|
||||
<el-input
|
||||
v-model="queryParams.keyWord"
|
||||
v-model="maForm.taxRate"
|
||||
placeholder="请输入税率"
|
||||
clearable
|
||||
maxlength="50"
|
||||
|
|
@ -55,7 +42,7 @@
|
|||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="类型规格" prop="typeId">
|
||||
<el-form-item label="类型规格" prop="deviceType">
|
||||
<el-cascader
|
||||
:key="propsKey"
|
||||
v-model="deviceType"
|
||||
|
|
@ -163,12 +150,8 @@
|
|||
filterable
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in supplierList"
|
||||
:key="item.supplierId"
|
||||
:label="item.supplier"
|
||||
:value="item.supplierId"
|
||||
/>
|
||||
<el-option label="是" value="0"></el-option>
|
||||
<el-option label="否" value="1"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -354,6 +337,7 @@ export default {
|
|||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
id:undefined,
|
||||
typesList:[],
|
||||
},
|
||||
// 数据范围选项
|
||||
dataScopeOptions: [
|
||||
|
|
@ -403,24 +387,17 @@ export default {
|
|||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
purchaseNumber: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入线下采购单编号',
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
purchaseTime: [
|
||||
{
|
||||
required: true,
|
||||
message: '采购日期不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
// deviceType: [
|
||||
// {
|
||||
// required: true,
|
||||
// message: '请选择类型规格',
|
||||
// trigger: 'blur',
|
||||
// },
|
||||
// ],
|
||||
arrivalTime: [
|
||||
{
|
||||
required: true,
|
||||
message: '到货日期不能为空',
|
||||
message: '请选择到货日期',
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
|
|
@ -480,45 +457,6 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
|
||||
/** 机具类型 */
|
||||
equipmentType() {
|
||||
console.log('11111111')
|
||||
equipmentTypeTree().then((response) => {
|
||||
this.equipmentTypeList = response.data
|
||||
console.log('22221111',this.equipmentTypeList)
|
||||
this.equipmentTypeList.forEach((item, index) => {
|
||||
if (item.children && item.children.length > 0) {
|
||||
item.children.forEach((item2, index2) => {
|
||||
if (item2.children && item2.children.length > 0) {
|
||||
item2.children.forEach((item3) => {
|
||||
if (
|
||||
item3.children &&
|
||||
item3.children.length > 0
|
||||
) {
|
||||
item3.children.forEach((item4) => {
|
||||
item4.machineTypeName =
|
||||
item3.typeName
|
||||
item4.specificationType =
|
||||
item4.typeName
|
||||
this.$set(item4, 'purchasePrice', 0)
|
||||
this.$set(item4, 'purchaseNum', 1)
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
let selectList = []
|
||||
this.equipmentList.forEach((e) => {
|
||||
selectList.push(
|
||||
this.getParentsById(this.equipmentTypeList, e.typeId),
|
||||
)
|
||||
})
|
||||
this.deviceType = selectList
|
||||
})
|
||||
},
|
||||
|
||||
getParentsById(list, id) {
|
||||
for (let i in list) {
|
||||
|
|
@ -537,82 +475,6 @@ export default {
|
|||
}
|
||||
},
|
||||
|
||||
/** 新增按钮操作 */
|
||||
handleSave() {
|
||||
if (this.equipmentList.length > 0) {
|
||||
this.$refs['maForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
// console.log(this.maForm,'maForm')
|
||||
// console.log(this.equipmentList,'equipmentList')
|
||||
this.equipmentList.forEach((item) => {
|
||||
if (item.purchaseNum == '' || !item.purchaseNum) {
|
||||
isEmpty = false
|
||||
}
|
||||
})
|
||||
|
||||
this.maForm.taskId = this.taskId
|
||||
this.maForm.checkDetailsList = this.equipmentList
|
||||
// console.log(this.maForm)
|
||||
if (this.equipmentList.length > 0) {
|
||||
this.$modal
|
||||
.confirm('是否确认保存当前页面')
|
||||
.then(function () {})
|
||||
.then(() => {
|
||||
if (this.isEdit) {
|
||||
console.log('编辑')
|
||||
this.loading = true
|
||||
updatePurchaseCheckInfo(
|
||||
this.maForm,
|
||||
).then((response) => {
|
||||
if (response.code == 200) {
|
||||
this.$modal.msgSuccess(
|
||||
'编辑成功',
|
||||
)
|
||||
// this.$tab.closeOpenPage({
|
||||
// path: '/store/newBuy/newDevicesList',
|
||||
// })
|
||||
|
||||
this.$emit(
|
||||
'addToolsSuccess',
|
||||
)
|
||||
}
|
||||
this.loading = false
|
||||
})
|
||||
} else if (!this.isEdit) {
|
||||
console.log('新增')
|
||||
this.loading = true
|
||||
addPurchaseCheckInfo(
|
||||
this.maForm,
|
||||
).then((response) => {
|
||||
if (response.code == 200) {
|
||||
this.$modal.msgSuccess(
|
||||
'新增成功',
|
||||
)
|
||||
// this.$tab.closeOpenPage({
|
||||
// path: '/store/newBuy/newDevicesList',
|
||||
// })
|
||||
|
||||
this.$emit(
|
||||
'addToolsSuccess',
|
||||
)
|
||||
}
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
} else {
|
||||
this.$modal.msgError(
|
||||
'请先选择并添加机具类型!!!',
|
||||
)
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$modal.msgError('请先添加机具类型')
|
||||
}
|
||||
},
|
||||
/** 查询用户列表--采购员 */
|
||||
getUserList() {
|
||||
getUserByRoleList({ roleIds: [152] }).then((response) => {
|
||||
|
|
@ -639,7 +501,7 @@ export default {
|
|||
item3.children.length > 0
|
||||
) {
|
||||
item3.children.forEach((item4) => {
|
||||
item4.machineTypeName =
|
||||
item4.maTypeName =
|
||||
item3.typeName
|
||||
item4.specificationType =
|
||||
item4.typeName
|
||||
|
|
@ -807,23 +669,14 @@ export default {
|
|||
|
||||
/** 新增按钮操作 */
|
||||
handleSave() {
|
||||
console.log(this.equipmentList)
|
||||
if (this.equipmentList.length > 0) {
|
||||
this.$refs['maForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
// console.log(this.maForm,'maForm')
|
||||
// console.log(this.equipmentList,'equipmentList')
|
||||
let isEmpty = true
|
||||
this.equipmentList.forEach((item) => {
|
||||
if (item.purchaseNum == '' || !item.purchaseNum) {
|
||||
isEmpty = false
|
||||
}
|
||||
})
|
||||
// console.log(this.taskId)
|
||||
|
||||
this.maForm.taskId = this.taskId
|
||||
this.maForm.checkDetailsList = this.equipmentList
|
||||
// console.log(this.maForm)
|
||||
if (isEmpty) {
|
||||
if (this.equipmentList.length > 0) {
|
||||
this.$modal
|
||||
.confirm('是否确认保存当前页面')
|
||||
|
|
@ -853,7 +706,7 @@ export default {
|
|||
console.log('新增')
|
||||
this.loading = true
|
||||
addPurchaseCheckInfo(
|
||||
this.maForm,
|
||||
// {purchaseCheckDetailsList: this.maForm.checkDetailsList,purchaseCheckInfo:}
|
||||
).then((response) => {
|
||||
if (response.code == 200) {
|
||||
this.$modal.msgSuccess(
|
||||
|
|
@ -877,19 +730,12 @@ export default {
|
|||
'请先选择并添加机具类型!!!',
|
||||
)
|
||||
}
|
||||
} else {
|
||||
this.$modal.msgError('请填写采购数量!!!')
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$modal.msgError('请先添加机具类型')
|
||||
}
|
||||
},
|
||||
jumpList() {
|
||||
const obj = { path: '/store/newBuy/newDevicesList' }
|
||||
this.$tab.closeOpenPage(obj)
|
||||
},
|
||||
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
// this.reset();
|
||||
|
|
@ -940,6 +786,11 @@ export default {
|
|||
// ...this.queryParams
|
||||
// }, `role_${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
productionTimeChange(val){
|
||||
this.equipmentList.forEach(item=>{
|
||||
item.productionTime=val
|
||||
})
|
||||
},
|
||||
deviceTypeChange(val) {
|
||||
const deviceTypeList =
|
||||
this.$refs.deviceTypeCascader.getCheckedNodes()
|
||||
|
|
|
|||
|
|
@ -395,8 +395,8 @@
|
|||
<el-dialog :title="title" :visible.sync="showPeople" width="800px" append-to-body @close="cancel">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="20">
|
||||
<el-form :model="form" ref="form" size="small" :inline="true" label-width="120px">
|
||||
<el-form-item label="通知内容:" prop="remark">
|
||||
<el-form :model="form" ref="form" size="small" :inline="true" >
|
||||
<el-form-item label="通知内容:" prop="remark" label-width="120px">
|
||||
<el-input
|
||||
v-model="form.remark"
|
||||
type="textarea"
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
<el-table-column
|
||||
label="单位"
|
||||
align="center"
|
||||
prop="manageType"
|
||||
prop="unitName"
|
||||
:show-overflow-tooltip="true"
|
||||
>
|
||||
</el-table-column>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,226 @@
|
|||
<template>
|
||||
<div style="width: 100%">
|
||||
<div style="width: 100%; padding: 10px">
|
||||
<div class="item-box">
|
||||
<div>设备类型:</div>
|
||||
<div style="margin-left: 10px; color: blue">{{
|
||||
queryParams.deviceType
|
||||
}}</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>规格型号:</div>
|
||||
<div style="margin-left: 10px">
|
||||
{{ queryParams.specificationType }}</div
|
||||
>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>二维码编码:</div>
|
||||
<div style="margin-left: 10px">{{ queryParams.qrCode }}</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>设备编码:</div>
|
||||
<div style="margin-left: 10px">{{ queryParams.maCode }}</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>设备状态:</div>
|
||||
<div style="margin-left: 10px">{{
|
||||
queryParams.maStatusName
|
||||
}}</div>
|
||||
</div>
|
||||
<!-- <div class="item-box">
|
||||
<div >本次检修人员:</div>
|
||||
<div style="margin-left: 10px;">{{queryParams.checkMan}}</div>
|
||||
</div> -->
|
||||
<div class="item-box">
|
||||
<div>本次检修时间:</div>
|
||||
<div style="margin-left: 10px; color: blue">{{
|
||||
queryParams.thisCheckTime
|
||||
}}</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>下次检修时间:</div>
|
||||
<div style="margin-left: 10px; color: blue">{{
|
||||
queryParams.nextCheckTime
|
||||
}}</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>检验人员:</div>
|
||||
<div style="margin-left: 10px">{{ queryParams.checkMan }}</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>检验结论:</div>
|
||||
<div style="margin-left: 10px; color: blue">{{
|
||||
queryParams.inspectStatus || '合格'
|
||||
}}</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>联系电话:</div>
|
||||
<div style="margin-left: 10px">{{ queryParams.phone }}</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>生产厂家:</div>
|
||||
<div style="margin-left: 10px">{{ queryParams.maVender }}</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>出厂日期:</div>
|
||||
<div style="margin-left: 10px">{{
|
||||
queryParams.outFacTime
|
||||
}}</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>出入库次数:</div>
|
||||
<div style="margin-left: 10px">{{ queryParams.inOutNum }}</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>领料单位:</div>
|
||||
<div style="margin-left: 10px"
|
||||
>{{ queryParams.leaseUnit }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>领料工程:</div>
|
||||
<div style="margin-left: 10px">{{ queryParams.leasePro }} </div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>领料时间:</div>
|
||||
<div style="margin-left: 10px"
|
||||
>{{ queryParams.leaseTime }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>退料单位:</div>
|
||||
<div style="margin-left: 10px">{{ queryParams.backUnit }} </div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>退料工程:</div>
|
||||
<div style="margin-left: 10px">{{ queryParams.backPro }} </div>
|
||||
</div>
|
||||
<div class="item-box">
|
||||
<div>退料时间:</div>
|
||||
<div style="margin-left: 10px">{{ queryParams.backTime }} </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom-box">
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
color: green;
|
||||
margin-top: 10px;
|
||||
"
|
||||
>
|
||||
检 验 合 格 证
|
||||
</div>
|
||||
<div style="width: 50%; display: flex; margin-bottom: 10px">
|
||||
<div style="color: green">名 称:</div>
|
||||
<div style="border-bottom: 1px solid green">{{
|
||||
queryParams.deviceType
|
||||
}}</div>
|
||||
</div>
|
||||
<div style="width: 50%; display: flex; margin-bottom: 10px">
|
||||
<div style="color: green">检验结论:</div>
|
||||
<div style="color: red; font-size: 18px; font-weight: 600">{{
|
||||
queryParams.inspectStatus || '合格'
|
||||
}}</div>
|
||||
</div>
|
||||
<div style="width: 100%; display: flex; margin-bottom: 10px">
|
||||
<div style="color: green">型 号:</div>
|
||||
<div style="border-bottom: 1px solid green">{{
|
||||
queryParams.specificationType
|
||||
}}</div>
|
||||
</div>
|
||||
<div style="width: 100%; display: flex; margin-bottom: 10px">
|
||||
<div style="color: green">编 号:</div>
|
||||
<div style="border-bottom: 1px solid green">{{
|
||||
queryParams.maCode
|
||||
}}</div>
|
||||
</div>
|
||||
<div style="width: 100%; display: flex; margin-bottom: 10px">
|
||||
<div style="color: green">本次检验日期:</div>
|
||||
<div style="border-bottom: 1px solid green">{{
|
||||
queryParams.thisCheckTime
|
||||
}}</div>
|
||||
</div>
|
||||
<div style="width: 100%; display: flex; margin-bottom: 10px">
|
||||
<div style="color: green">下次检验日期::</div>
|
||||
<div style="border-bottom: 1px solid green">{{
|
||||
queryParams.nextCheckTime
|
||||
}}</div>
|
||||
</div>
|
||||
<div style="position: absolute; top: 0%; left: 25%">
|
||||
<canvas id="canvas" width="180" height="180"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import chapter from '../../utils/chapter'
|
||||
import { getMachineByQrCode } from '@/api/base/base'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
qrCode: '',
|
||||
queryParams: {
|
||||
deviceType: '', //设备类型
|
||||
specificationType: '', //规格型号
|
||||
qrCode: '', //二维码
|
||||
maCode: '', //设备编码
|
||||
maStatusName: '', //设备状态
|
||||
checkMan: '', //本次检验人
|
||||
thisCheckTime: '', //本次检验日期
|
||||
nextCheckTime: '', //下次检验日期
|
||||
// maStatusName:'',//设备状态
|
||||
inspectMan: '', //检验人员
|
||||
inspectStatus: '', //检验结论
|
||||
phone: '', //联系电话
|
||||
maVender: '', //厂家名称
|
||||
outFacTime: '', //出厂日期
|
||||
inOutNum: '', //出入库次数
|
||||
leaseUnit: '', // 领料单位
|
||||
leasePro: '', // 领料工程
|
||||
leaseTime: '', // 领料时间
|
||||
backUnit: '', // 退料单位
|
||||
backPro: '', // 退料工程
|
||||
backTime: '', // 退料时间
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.qrCode = this.$route.query.qrCode
|
||||
// console.log(this.qrCode)
|
||||
this.getMachineByQrCode()
|
||||
},
|
||||
mounted() {
|
||||
chapter('机具检验专用章', '重庆送变电工程有限公司')
|
||||
},
|
||||
methods: {
|
||||
getMachineByQrCode() {
|
||||
let param = {
|
||||
qrCode: this.qrCode,
|
||||
}
|
||||
getMachineByQrCode(param).then((response) => {
|
||||
console.log(response, '返回结果-----')
|
||||
this.queryParams = response.data
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.item-box {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid green;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.bottom-box {
|
||||
display: flex;
|
||||
width: 99%;
|
||||
border: 4px solid rgb(2, 196, 2);
|
||||
flex-wrap: wrap;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue