| | |
| | | <el-form |
| | | ref="form" |
| | | :model="form" |
| | | label-width="80px" |
| | | label-width="100px" |
| | | inline |
| | | style="display: flex;justify-content: space-between" |
| | | > |
| | | <div class="elForm"> |
| | | <el-form-item label="标准代码" style=" display: flex;"> |
| | | <el-form-item label-width="70px" label="标准代码" style=" display: flex;"> |
| | | <el-input v-model="form.stanedcode" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="标准名称" style=" display: flex;"> |
| | |
| | | <el-input v-model="form.staneddescr" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | </div> |
| | | <div style="display: flex;align-items: start;margin-top: 5px;z-index: 2"> |
| | | <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened?'5%':'10%'}"> |
| | | <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button> |
| | | <el-button type="info" icon="el-icon-refresh" @click="reset">重置</el-button> |
| | | </div> |
| | | </el-form> |
| | | <div |
| | | class="bodyTopFormExpand" |
| | | /> |
| | | </div> |
| | | <div class="elTableDiv"> |
| | | <el-table |
| | | ref="tableDataRef" |
| | | class="tableFixed" |
| | | :data="tableData" |
| | | :height="tableHeight+'px'" |
| | | border |
| | |
| | | :top="isIpad?'5vh':'15vh'" |
| | | :close-on-click-modal="false" |
| | | @closed="handleClose" |
| | | @close="handleClose" |
| | | > |
| | | <!-- @close="handleClose"--> |
| | | <div style="margin-bottom: 10px"> |
| | | <i class="el-icon-s-comment" style="color:#42b983;" /> 标准信息: |
| | | </div> |
| | |
| | | <i class="el-icon-s-comment" style="color:#42b983;" /> 检验项信息: |
| | | </div> |
| | | <div style="margin-bottom: 10px"> |
| | | <el-button v-if="operation==='add'" type="primary" @click="JYadd">新增</el-button> |
| | | <el-button v-if="operation==='add'||operation==='edit'" type="primary" @click="JYadd">新增</el-button> |
| | | </div> |
| | | <div> |
| | | <el-table |
| | |
| | | width="100" |
| | | fixed |
| | | /> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="code"--> |
| | | <!-- label="检验标准编码(名称)"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.isVisible===0" style="display: flex;">--> |
| | | <!-- <div>{{ row.code }}</div>--> |
| | | <!-- <div style="margin-left: 10px">{{ row.name }}</div>--> |
| | | <!-- </div>--> |
| | | <!-- <el-select--> |
| | | <!-- v-if="row.isVisible===1"--> |
| | | <!-- v-model="row.code"--> |
| | | <!-- filterable--> |
| | | <!-- :popper-append-to-body="false"--> |
| | | <!-- style="width: 400px;"--> |
| | | <!-- placeholder="请选择"--> |
| | | <!-- @change="val=>changeCode(val,row)"--> |
| | | <!-- >--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in JYSelectArr"--> |
| | | <!-- :key="item.code"--> |
| | | <!-- :label="item.code+''+item.name"--> |
| | | <!-- :value="item.code"--> |
| | | <!-- />--> |
| | | <!-- </el-select>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column |
| | | prop="code" |
| | | label="检验标准编码" |
| | |
| | | <div class="footerButton"> |
| | | <el-button v-if="operation==='check'" @click="dialogVisibleCancel">返 回</el-button> |
| | | <el-button v-if="operation!=='check'" @click="dialogVisibleCancel">取 消</el-button> |
| | | <el-button v-if="operation!=='check'" type="primary" @click="dialogVisibleConfirm">提 交</el-button> |
| | | <el-button |
| | | v-if="operation!=='check'" |
| | | :loading="$store.state.app.buttonIsDisabled" |
| | | :disabled="$store.state.app.buttonIsDisabled" |
| | | type="primary" |
| | | @click="dialogVisibleConfirm" |
| | | >提 交</el-button> |
| | | </div> |
| | | </span> |
| | | </el-dialog> |
| | |
| | | StepCheckItemSelect, |
| | | StepCheckStanedSearch |
| | | } from '@/api/zlgl' |
| | | import { validateCode } from '@/utils/global' |
| | | |
| | | const SER_HZ = /^[\u4e00-\u9fa5]+$/ |
| | | export default { |
| | | name: 'ZJBZ', |
| | | components: { |
| | | Pagination |
| | | }, |
| | | data() { |
| | | const validateName = (rule, value, callback) => { |
| | | if (!value) { |
| | | return callback(new Error('请输入编码')) |
| | | } else { |
| | | if (SER_HZ.test(value)) { |
| | | return callback(new Error('编码不能为中文')) |
| | | } else { |
| | | callback() |
| | | } |
| | | } |
| | | } |
| | | const validateTypeCode = (rule, value, callback) => { |
| | | if (!value) { |
| | | return callback(new Error('请选择上级')) |
| | | } else { |
| | | callback() |
| | | } |
| | | } |
| | | return { |
| | | isIpad: false, |
| | | mainHeight: 0, |
| | |
| | | operation: '', |
| | | dialogFormRules: { |
| | | code: [ |
| | | { required: true, validator: validateName, trigger: ['blur', 'change'] } |
| | | { required: true, validator: validateCode, trigger: ['blur', 'change'] } |
| | | ], |
| | | name: [ |
| | | { required: true, message: '请输入名称', trigger: ['blur', 'change'] } |
| | |
| | | this.$nextTick(() => { |
| | | this.$refs.JYTableData.doLayout() |
| | | }) |
| | | |
| | | this.JYSelectArr = [...this.JYSelectArr].filter(x => [...this.JYTableData].every(y => y.code !== x.code)) |
| | | }, |
| | | // 删除按钮 |
| | | async del(row) { |
| | |
| | | DeleteStepCheckStaned({ stanedcode: row.code }).then(res => { |
| | | if (res.code === '200') { |
| | | this.$message.success('删除成功!') |
| | | if (this.form.page > 1 && this.tableData.length === 1) { |
| | | this.form.page-- |
| | | } |
| | | this.getStepCheckStanedSearch() |
| | | } |
| | | }) |
| | |
| | | dialogVisibleConfirm() { |
| | | this.$refs.dialogForm.validate(valid => { |
| | | if (valid) { |
| | | this.$store.state.app.buttonIsDisabled = true |
| | | const tableData = [] |
| | | this.JYTableData = this.JYTableData.filter(item => item.code !== '') |
| | | this.JYTableData.forEach((item, index) => { |
| | | tableData.push({ |
| | | STEPCHECKITEM_SEQ: (index + 1), |
| | |
| | | } |
| | | AddUpdateStepCheckStaned(this.operation === 'add' ? 'Add' : 'Update', data).then(res => { |
| | | if (res.code === '200') { |
| | | this.$message.success(this.operation === 'add' ? '添加成功!' : '修改成功!') |
| | | this.dialogVisible = false |
| | | this.$message.success(this.operation === 'add' ? '添加成功!' : '修改成功!') |
| | | this.getStepCheckStanedSearch() |
| | | this.$store.state.app.buttonIsDisabled = false |
| | | } else { |
| | | this.$message.error(this.operation === 'add' ? '添加失败!' : '修改失败!') |
| | | } |
| | |
| | | getHeight() { |
| | | this.$nextTick(() => { |
| | | this.mainHeight = window.innerHeight - 85 |
| | | this.tableHeight = this.mainHeight - 200 |
| | | this.tableHeight = this.mainHeight - 195 |
| | | this.isIpad = window.innerHeight < 769 |
| | | this.$refs.tableDataRef.doLayout() |
| | | // if (window.innerHeight < 769) { |
| | | // this.tableHeight = this.tableHeight - 50 |
| | | // } |
| | |
| | | const { data: res } = await StepCheckItemSelect() |
| | | this.JYSelectArr = res |
| | | }, |
| | | // 检验标准编码值改变 |
| | | // changeCode(val, row) { |
| | | // row.name = this.JYSelectArr.find(it => it.code === val).name |
| | | // row.descr = this.JYSelectArr.find(it => it.code === val).descr |
| | | // }, |
| | | // 检验标准名称值改变 |
| | | changeName(val, row) { |
| | | const res = this.JYSelectArr.find(item => { |
| | |
| | | this.JYIsCancel = false |
| | | }, |
| | | JYedit(row) { |
| | | let flag = false |
| | | this.JYTableData.forEach((item, index) => { |
| | | if (item.isVisible === 1) { |
| | | flag = true |
| | | } |
| | | }) |
| | | if (flag) { |
| | | return this.$message.info('请先确认或取消其它行!') |
| | | } |
| | | |
| | | this.JYIsCancel = false |
| | | this.JYSelectArr.splice(0, 0, { |
| | | code: row.code, |
| | |
| | | .userDialogVisible ::v-deep .el-form-item { |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | .tableFixed{ |
| | | ::v-deep .el-table__fixed-right{ |
| | | height: 100% !important; |
| | | } |
| | | ::v-deep .el-table__fixed{ |
| | | height: 100% !important; |
| | | } |
| | | } |
| | | </style> |
| | | <style> |
| | | |