| | |
| | | <template> |
| | | |
| | | <div class="total"> |
| | | <span class="left"> |
| | | <el-form :model="form"> |
| | |
| | | <!-- 属性码段 --> |
| | | <el-form v-show="form.sectype==='codeattrsec' ? true:false"> |
| | | <el-form-item label="属性:" :label-width="rightFormLabelWidth"> |
| | | <el-input v-model="form.referAttributeName"></el-input> |
| | | <el-input |
| | | placeholder="请选择" |
| | | suffix-icon="el-icon-search" |
| | | readonly="true" |
| | | v-model="form.referAttributeName" |
| | | @focus="openAttrSelectOrGetValue('attr')"> |
| | | <span slot="suffix"> |
| | | <i class="el-icon-circle-close" @click="clearAttrDataByIcon('attr')" style="margin-right: 5px;cursor: pointer;"></i> |
| | | </span> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="属性所在分类:" :label-width="rightFormLabelWidth"> |
| | | <el-input v-model="form.referCodeClassifyOidName"></el-input> |
| | | <el-input |
| | | v-model="form.referCodeClassifyOidName" |
| | | disabled> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="取值规则:" :label-width="rightFormLabelWidth"> |
| | | <el-input v-model="form.getValueClass"></el-input> |
| | | <el-input |
| | | placeholder="请选择" |
| | | suffix-icon="el-icon-search" |
| | | readonly="true" |
| | | v-model="form.getValueClass" |
| | | @focus="openAttrSelectOrGetValue('value')"> |
| | | <span slot="suffix"> |
| | | <i class="el-icon-circle-close" @click="clearAttrDataByIcon('value')" style="margin-right: 5px;cursor: pointer;"></i> |
| | | </span> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | |
| | | </el-form> |
| | | |
| | | </span> |
| | | |
| | | </div> |
| | | |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | displayFlag: false, // |
| | | componentCodeFlag: false, //是否参与编码 |
| | | pkCodeRule: '', //所属编码规则 |
| | | //valueCutType: "code_cut_none", //字符截取类型 |
| | | }, |
| | | sectypeList:[], //码段类型 |
| | | codeSecLengthType:[], //码段长度类型 |
| | |
| | | |
| | | }, |
| | | methods: { |
| | | |
| | | //公式内容回调到子组件进行回显 |
| | | saveFormulaContent(data){ |
| | | console.log(data); |
| | | this.form.getValueClass = data; |
| | | }, |
| | | |
| | | // 为属性选取值之后的回显 |
| | | selectedListClassifyLinkAttr(data){ |
| | | //console.log(data); |
| | | this.form = Object.assign({}, this.form, { |
| | | referAttributeId:data.referAttributeId, |
| | | referAttributeName:data.referAttributeName, |
| | | referCodeClassifyOid: data.referCodeClassifyOid, |
| | | referCodeClassifyOidName: data.referCodeClassifyOidName, |
| | | }) |
| | | }, |
| | | |
| | | // 打开为属性选取值或者取值规则窗口 |
| | | openAttrSelectOrGetValue(condition){ |
| | | if(condition === 'attr'){ |
| | | //console.log('attr'); |
| | | //调用父组件的方法 |
| | | this.$emit('openAttrSelectOrGetValue') |
| | | }else if(condition === 'value'){ |
| | | //console.log('value'); |
| | | this.$emit('openformulaEdit') |
| | | } |
| | | }, |
| | | |
| | | // 点击输入框的×号,清空输入框中的内容 |
| | | clearAttrDataByIcon(condition){ |
| | | if(condition === 'attr'){ |
| | | this.form.referAttributeName = ''; |
| | | this.form.referAttributeId = ''; |
| | | this.form.referCodeClassifyOid = ''; |
| | | this.form.referCodeClassifyOidName = ''; |
| | | }else if(condition === 'value'){ |
| | | this.form.getValueClass = ''; |
| | | } |
| | | }, |
| | | |
| | | addSave(pkCodeRule) { |
| | | this.form.pkCodeRule = pkCodeRule; |
| | | console.log(this.form); |
| | |
| | | //console.log(this.form); |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | |
| | | } |
| | | |
| | | .total .el-input__inner,.el-textarea__inner { |
| | | .total .el-input__inner,.total .el-textarea__inner { |
| | | width: 220px; |
| | | } |
| | | |
| | |
| | | .el-input-number > .el-input > .el-input__inner{ |
| | | width: 180px; |
| | | } |
| | | </style> |
| | | </style> |