You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
3.7 KiB
118 lines
3.7 KiB
<template>
|
|
<div class="mod-config">
|
|
<el-form label-position="top" style="margin-top: 1px; margin-left: 0px;" >
|
|
<el-form-item >
|
|
<el-button type="primary" @click="refreshModal()" >更新模板</el-button>
|
|
<el-button type="primary" @click="searchTable()" >刷新数据</el-button>
|
|
<el-button type="primary" @click="newData()" v-if="!ifDisableFlag">新增</el-button>
|
|
</el-form-item>
|
|
<div class="rq ">
|
|
<el-table
|
|
:height="height"
|
|
:data="tableData"
|
|
border
|
|
style="width: 100%">
|
|
<el-table-column
|
|
prop="itemNo"
|
|
header-align="center"
|
|
align="left"
|
|
width="60"
|
|
label="属性编码">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="itemDesc"
|
|
header-align="center"
|
|
align="left"
|
|
width="100"
|
|
label="属性名称">
|
|
</el-table-column>
|
|
<el-table-column
|
|
header-align="center"
|
|
align="left"
|
|
min-width="400"
|
|
label="值">
|
|
<template slot-scope="scope">
|
|
<el-input v-if="scope.row.valueTypeDb === 'T'&&scope.row.valueChooseFlag === 'N'" v-model="scope.row.textValue" style="height: 11px;padding: 0px " allow-create>;width:98%"></el-input>
|
|
<el-input v-if="scope.row.valueTypeDb === 'N'&&scope.row.valueChooseFlag === 'N'" v-model="scope.row.numberValue" type="number" style="height: 11px;padding: 0px " allow-create>;width:98%"></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>
|
|
<el-option
|
|
v-for="item in scope.row.availableList"
|
|
: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.numberValue" placeholder="请选择" style="height: 11px;padding: 0px " allow-create>
|
|
<el-option
|
|
v-for="item in scope.row.availableList"
|
|
:key="index"
|
|
:label="item.availableValue"
|
|
:value="item.availableValue">
|
|
</el-option>
|
|
</el-select>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
</el-form>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
searchBMPropertiesValue
|
|
} from "@/api/sampleManagement/technicalSpecificationList.js"
|
|
|
|
export default {
|
|
components: {
|
|
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
height:200,
|
|
searchData: {
|
|
site: '',
|
|
username: this.$store.state.user.name,
|
|
codeNo: '',
|
|
buNo:'',
|
|
type:'',
|
|
},
|
|
type:'prepress',
|
|
ifDisableFlag:false,
|
|
tableData:[],
|
|
}
|
|
},
|
|
mounted () {
|
|
this.$nextTick(() => {
|
|
this.height = window.innerHeight - 100
|
|
})
|
|
},
|
|
methods: {
|
|
//初始化组件的参数
|
|
init(inData) {
|
|
if(this.dataForm.codeNo!=null&&this.dataForm.codeNo!=''){
|
|
return false;
|
|
}
|
|
//初始化参数
|
|
this.searchData = JSON.parse(JSON.stringify(inData));
|
|
this.searchData.type= JSON.parse(JSON.stringify(this.type));
|
|
//刷新表格
|
|
this.searchTable();
|
|
|
|
},
|
|
searchTable(){
|
|
searchBMPropertiesValue(this.searchData).then(({data}) => {
|
|
this.tableData = data.rows;
|
|
|
|
});
|
|
},
|
|
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|