Skip to content

P
patzn-cloud-web-back-soil
Commit ceb151ef by lichengming
Options

修改了资质管理

parent 65bc496c
Showing with 101 additions and 12 deletions
pages/meter-aptitude/manage/MeterAptitudeManageEdit.vue
<template>
<div>
<Modal v-model="showModal" :mask-closable="false" width="600">
<Modal v-model="showModal" :mask-closable="false" width="900">
<p slot="header">{{modalTitle}}</p>
<div>
<Form id="edit-form" ref="formObj" :model="formObj" :rules="ruleValidate" :label-width="100">
<Form-item label="检定依据" prop="code">
<Form id="edit-form" ref="formObj" :model="formObj" :rules="ruleValidate" :label-width="100" inline>
<Form-item label="检定依据" prop="code" class="width-48">
<!-- <autoComplete :value="formObj.judgeBasis" :downData="judgeBasisData" @on-result-change="_judgeBasisChange" name="judgeBasis"-->
<!-- show-key="stdNum" placeholder="请输入或选择判定依据" focus-->
<!-- ></autoComplete>-->
<Input v-model="formObj.code" @on-result-change="_judgeBasisChange" name="code" placeholder="请输入或选择判定依据" />
</Form-item>
<Form-item label="检定依据名称" prop="basis">
<Form-item label="检定依据名称" prop="basis" class="width-48">
<Input v-model="formObj.basis" name="basis" placeholder="请输入判定依据名称" />
</Form-item>
<Form-item label="检定周期 " prop="cycle">
<Form-item label="检定周期 " prop="cycle" class="width-48">
<!-- <Input :rows="3" v-model="formObj.remark" placeholder="请输入备注" type="textarea" name="remark"/>-->
<InputNumber :rows="3" v-model="formObj.cycle" name="cycle" style="width: 468px;"/>
<InputNumber :rows="3" v-model="formObj.cycle" name="cycle" style="width: 317px;"/>
</Form-item>
<Form-item label="授权仪器名称 " prop="name">
<Form-item label="授权仪器名称 " prop="name" class="width-48">
<Input v-model="formObj.name" name="name" placeholder="请输入授权仪器名称" />
</Form-item>
<Form-item label="价格" prop="price">
<InputNumber v-model="formObj.price" name="price" placeholder="请输入价格" style="width: 468px;"/>
<Form-item label="价格" prop="price" class="width-48">
<InputNumber v-model="formObj.price" name="price" placeholder="请输入价格" style="width: 317px;"/>
</Form-item>
<Form-item label="测量范围 " prop="extent">
<Form-item label="测量范围 " prop="extent" class="width-48">
<Input v-model="formObj.extent" name="extent" placeholder="请输入测量范围" />
</Form-item>
<Form-item label="准确度等级" prop="grade">
<Form-item label="准确度等级" prop="grade" class="width-48">
<Input v-model="formObj.grade" name="grade" placeholder="请输入准确度等级" />
</Form-item>
<input v-model="formObj.stdId" type="hidden" name="stdId">
</Form>
<Alert type="success" style="text-align: center;font-size: 15px;margin: 5px">
检测指标表
</Alert>
<Col span="24">
<!-- <btn-list :msg="btn" :open="searchOpen" :showSearchBtn="false" @on-result-change="_btnClick"-->
<!-- class="contHide"></btn-list>-->
<Button @click="_add()" type="success">添加</Button>
</Col>
<Col span="24">
<PTVXETable
ref="pageTable"
:form-id="formId"
:tableHeight="500"
:getPage="getPage"
:iconMsg="iconMsg">
<vxe-table-column
v-for="item in pageColumns"
:key="item.key"
:field="item.key"
:title="item.title"
:width="item.width"
:min-width="200"
:fixed="item.fixed?item.fixed:undefined"
sortable
>
<template slot-scope="scope">
<div v-if="item.key==='name'" @click.stop="_handleRow(scope)">
<input v-model="scope.row.name" blur placeholder="请输入或选择检测项目"
></input>
</div>
<div v-if="item.key==='compare'" @click.stop="_handleRow(scope)">
<input v-model="scope.row.compare" blur placeholder="请输入或选择比较符"
></input>
</div>
<div v-if="item.key==='limitValue'" @click.stop="_handleRow(scope)">
<input v-model="scope.row.limitValue" blur placeholder="请输入或选择限量值"
></input>
</div>
<div v-if="item.key==='remark'" @click.stop="_handleRow(scope)">
<input v-model="scope.row.remark" blur placeholder="请输入备注"
></input>
</div>
<div v-if="item.key==='unit'" @click.stop="_handleRow(scope)">
<input v-model="scope.row.unit" blur placeholder="请输入或选择检测单位"
></input>
</div>
</template>
</vxe-table-column>
</PTVXETable>
</Col>
</div>
<div slot="footer">
<ModalFooter ref="footerModal" @on-result-change="_footerResult" :footer="footerList"></ModalFooter>
......@@ -66,6 +116,22 @@ export default {
// }
// }
return {
formId: 'meterAptitudeManageEditFormId',
pageColumns: [
{ title: '指标名称', key: 'name', width: 160 },
{ title: '比较符', key: 'compare' },
{ title: '限量值', key: 'limitValue' },
{ title: '备注', key: 'remark' },
// {title: '限制范围或说明', key: 'limitDescription'},
{ title: '单位', key: 'unit' }
],
btn: [{ type: 'success', id: '', name: '添加' }],
iconMsg: [
{ type: 'ios-clock', id: '', name: '编辑' },
{ type: 'ios-clock', id: '', name: '删除' }
],
currentRow: {},
currentIndex: 0,
id: '',
modalTitle: '',
formObj: {
......@@ -78,6 +144,12 @@ export default {
extent: '',
grade: ''
},
searchOpen: true,
selectIds: [],
getPage: {
records: []
},
typeData: [],
showModal: false,
aptitudeData: [],
ruleValidate: {
......@@ -100,11 +172,25 @@ export default {
{ name: '取消', type: '' },
{ name: '保存', type: 'primary' }
],
typeData: [],
// typeData: [],
judgeBasisData: []
}
},
methods: {
_handleRow(data) {
this.currentRow = data.row
this.currentIndex = data.rowIndex
},
_add() {
const data = {
name: '',
compare: '',
limitValue: '',
remark: '',
unit: ''
}
this.getPage.records.unshift(data)
},
_save: async function(data) {
const result = await meterManage.save(data)
console.log(result)
......@@ -139,6 +225,8 @@ export default {
}
},
_ok() {
console.log(this.formObj)
console.log(this.getPage.records)
this.$refs.formObj.validate(valid => {
if (valid) {
const data = this.$serialize('edit-form')
......@@ -181,6 +269,7 @@ export default {
_cancel() {
this.$refs.footerModal._hideLoading()
this.showModal = false
this.getPage.records = []
},
_resultChange(msg) {
this.showModal = false
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment