|
|
<template> <div class="mod-config" v-highlight-container> <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 1px; margin-left: 0px;" ><!-- <el-form-item :label="'技术参数卡编码'">--><!-- <el-input v-model="searchData.oriCodeNo" readonly style="width: 150px" ></el-input>--><!-- </el-form-item>--> <el-form-item :label="'属性模板编码'"> <el-input v-model="searchData.propertiesCodeNo" readonly style="width: 150px" ></el-input> </el-form-item> <el-form-item label=" "> <el-button type="primary" @click="refreshBMPageModal()" v-if="!ifDisableFlag">更新模板</el-button> <el-button type="primary" @click="searchTable()" >刷新数据</el-button> <el-button type="primary" @click="saveTable()" v-if="!ifDisableFlag">保存数据</el-button> <el-button v-if="baseForm.status === 'spz'&&!ifDisableFlag" type="primary" @click="agreeSubmit">同意</el-button> <el-button v-if="baseForm.status === 'spz' && baseForm.isReject === 'Y' &&!ifDisableFlag" type="primary" @click="submitDataModal">驳回</el-button> </el-form-item> <div class="rq "> <el-table :height="height" :data="tableData" border style="width: 100%"> <el-table-column prop="propertiesItemNo" header-align="center" align="left" width="150" label="属性编码"> </el-table-column> <el-table-column prop="itemDesc" header-align="center" align="left" width="150" label="属性名称"> </el-table-column> <el-table-column prop="valueTypeDb" header-align="center" align="center" width="80" label="数据类型"> <template slot-scope="scope"> <span v-if="scope.row.valueTypeDb === 'N'">数字</span> <span v-else-if="scope.row.valueTypeDb === 'T'">文本</span><!-- <a v-else-if="scope.row.valueTypeDb === 'S'" @click="openNewPage(scope.row.textValue)" >超链接</a>--> <a v-else-if="scope.row.valueTypeDb === 'S'" @click="openNewPage(scope.row.textValue)" >超链接</a> </template> </el-table-column> <el-table-column header-align="center" align="left" min-width="400" label="值"> <template slot-scope="scope"> <div v-highlight-container> <el-input v-if="scope.row.valueTypeDb === 'T'&&scope.row.valueChooseFlag === 'N'" v-model="scope.row.textValue" style="height: 11px;padding: 0px ;width:98%" allow-create :disabled="ifDisableFlag" ></el-input> <div v-if="scope.row.valueTypeDb === 'S'&&scope.row.valueChooseFlag === 'N'"><el-input v-model="scope.row.textValue" style="height: 11px;padding: 0px ;width:98%" allow-create :disabled="ifDisableFlag"></el-input></div> <el-input v-if="scope.row.valueTypeDb === 'N'&&scope.row.valueChooseFlag === 'N'" v-model="scope.row.numValue" type="number" style="height: 11px;padding: 0px;width:98%" allow-create :disabled="ifDisableFlag"></el-input> <el-select v-if="scope.row.valueTypeDb === 'T'&&scope.row.valueChooseFlag === 'Y'" v-model="scope.row.textValue" placeholder="请选择" style="height: 11px;padding: 0px " allow-create :disabled="ifDisableFlag"> <el-option v-for="item in scope.row.availableValueList" :key="index" :label="item.availableValue" :value="item.availableValue"> </el-option> </el-select> <el-select v-if="scope.row.valueTypeDb === 'N'&&scope.row.valueChooseFlag === 'Y'" v-model="scope.row.numValue" placeholder="请选择" style="height: 11px;padding: 0px " allow-create :disabled="ifDisableFlag"> <el-option v-for="item in scope.row.availableValueList" :key="index" :label="item.availableValue" :value="item.availableValue"> </el-option> </el-select> <div v-if="scope.row.valueTypeDb === 'S'&&scope.row.valueChooseFlag === 'Y'"> <el-select v-model="scope.row.textValue" placeholder="请选择" style="height: 11px;padding: 0px ;width:98%" allow-create :disabled="ifDisableFlag"> <el-option v-for="item in scope.row.availableValueList" :key="index" :label="item.availableValue" :value="item.availableValue"> </el-option> </el-select></div> </div> </template> </el-table-column> </el-table> </div> </el-form> <!-- 提交 --> <el-dialog title="驳回" top="30vh" :close-on-click-modal="false" v-drag :visible.sync="submitModalFlag" width="500px"> <el-form :inline="true" label-position="top"> <el-form-item :label="'驳回意见'"> <el-input type="textarea" v-model="rejectOpinion" :rows="3" resize='none' show-word-limit style="width: 479px;height: 30px"></el-input> </el-form-item> </el-form> <el-footer style="height:30px;margin-top: 50px;text-align:center"> <el-button type="primary" @click="rejectSubmit">确定</el-button> <el-button type="primary" @click="submitModalFlag = false">取消</el-button> </el-footer> </el-dialog> </div></template>
<script> import { searchBMPropertiesValue, saveBMPropertiesValue, refreshBMPageModal, searchBMPropertiesHeaderForBM, checkUrl, tsdBasicInformationSearch,getBMStatusDesc, submitChange, // 提交
} from "@/api/sampleManagement/technicalSpecificationList.js" import { getNodeAuthority, // 获取节点权限
} from '@/api/changeManagement/changeManagement.js' export default { components: {
},
data() { return { height:200, searchData: { site: '', username: this.$store.state.user.name, codeNo: '', oriCodeNo: '', buNo:'', type:'', propertiesCodeNo:'', fieldId:'', }, type:'prepress', ifDisableFlag:false, tableData:[], baseForm:{ status:'', isReject:'', }, rejectOpinion: '', submitModalFlag: false, } }, mounted () { this.$nextTick(() => { this.height =0.7* window.innerHeight }) }, methods: { //初始化组件的参数
init(inData) { if(this.searchData.codeNo!=null&&this.searchData.codeNo!=''){ return false; } //初始化参数
this.searchData = JSON.parse(JSON.stringify(inData));
if(this.searchData.ifDisableFlag){ this.ifDisableFlag=true } //this.searchData.type= JSON.parse(JSON.stringify(this.type));
//刷新表格
this.$nextTick(()=>{ this.searchTable(); } )
}, searchTable(){ searchBMPropertiesValue(this.searchData).then(({data}) => {
this.tableData = data.rows; }); searchBMPropertiesHeaderForBM(this.searchData).then(({data}) => { // this.searchData.propertiesCodeNo = data.row.propertiesCodeNo;
this.$set(this.searchData, 'propertiesCodeNo', data.row.propertiesCodeNo); }); tsdBasicInformationSearch(this.searchData).then(({data}) => { this.baseForm=data.row; this.getNodeAuthority(data.row) }) this.$clearHighLight() }, refreshBMPageModal(){ this.$confirm(`是否刷新至最新模板界面，已填数据会更新到新模板中，若旧属性在新模板中被删除，该条数据会消失。`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { refreshBMPageModal(this.searchData).then(({data}) => { if (data && data.code === 0) { this.searchTable(); this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }).catch(() => { }) }, saveTable(){ saveBMPropertiesValue(this.tableData).then(({data}) => { if (data && data.code === 0) { this.$clearHighLight() this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) this.$emit("closeModel") } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }); }, openNewPage(url){ // window.open(this.$store.state.user.bmPicUrl +url);
if(url==null||url===''){ this.$alert("链接没有数据！", '错误', { confirmButtonText: '确定' }) return false; } window.open(url); // let data={
// url:url
// }
// checkUrl(data).then(({data}) => {
// if (data && data.code === 0) {
// window.open(data.url);
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// });
}, // 获取流程的配置权限
getNodeAuthority (row) { getBMStatusDesc(this.searchData).then(({data})=>{ if(data.status==='已完成'){ this.ifDisableFlag=true return false }else { //区分请求成功和失败的状况
let tempData = { site: row.site, stepId: row.stepId, menuId: '103002' } getNodeAuthority(tempData).then(({data}) => { if (data && data.code === 0) { let plmStepRoleBaseBm = data.rows.plm_stepRole_base_bm let arr = plmStepRoleBaseBm.filter(a => a.fieldId === this.searchData.fieldId) if (arr.length > 0) { if (arr[0].updateFlag === 'N') { this.ifDisableFlag = true } else { if(!this.searchData.ifDisableFlag){ this.ifDisableFlag = false } } } else { this.ifDisableFlag = true } } }) } }) },
// 同意提交
agreeSubmit () { this.$confirm(`是否确认提交?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let tempData = { site: this.searchData.site, userName: this.$store.state.user.name, codeNo: this.searchData.codeNo, menuId: '103002', nodeConclusion: 'Y' } this.submitData(tempData) }) }, // 打开提交模态框
submitDataModal () { this.rejectOpinion = '' this.submitModalFlag = true }, // 驳回提交
rejectSubmit () { this.$confirm(`是否确认驳回?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let tempData = { site: this.searchData.site, userName: this.$store.state.user.name, codeNo: this.searchData.codeNo, menuId: '103002', nodeConclusion: 'N', rejectOpinion : this.rejectOpinion } this.submitData(tempData) }) }, submitData (tempData) {
saveBMPropertiesValue(this.tableData).then(({data}) => { if (data && data.code === 0) { submitChange(tempData).then(({data}) => { if (data && data.code === 0) { this.searchTable() this.submitModalFlag = false this.$message({message: '操作成功', type: 'success'}) this.$emit("closeModel") } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) } else { this.$message.error(data.msg) } })
}, }, }</script>
<style scoped>
</style>
|
