| | |
| | | </div> |
| | | <div class="form-content-box"> |
| | | <div class="form-box-l"> |
| | | <div class="form-box-l-item"> |
| | | <!-- <div class="form-box-l-item"> |
| | | <el-button |
| | | type="primary" |
| | | @click="buttonClick(1)" |
| | |
| | | > |
| | | 网络配置</el-button |
| | | > |
| | | </div> |
| | | </div> --> |
| | | <!-- <div class="form-box-l-item"> |
| | | <el-button |
| | | type="primary" |
| | |
| | | 加入集群</el-button |
| | | > |
| | | </div> --> |
| | | <div class="form-box-l-item"> |
| | | <!-- <div class="form-box-l-item"> |
| | | <el-button |
| | | type="primary" |
| | | @click="buttonClick(3)" |
| | |
| | | > |
| | | PLC配置</el-button |
| | | > |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="form-box-r"> |
| | | <el-form |
| | |
| | | </el-form-item> |
| | | </div> |
| | | <div style="height: 100%" v-if="active == 3"> |
| | | <div class="form-box-r-title" >PLC地址配置</div> |
| | | <div |
| | | style=" |
| | | overflow: auto; |
| | | width: 100%; |
| | | min-height: 180px; |
| | | width: 80%; |
| | | min-height: 200px; |
| | | padding-right: 10px; |
| | | margin:60px auto 0; |
| | | " |
| | | > |
| | | <el-form-item |
| | | label="PLC品牌" |
| | | prop="brand" |
| | | class="form-item2 float_left" |
| | | class="form-item float_left" |
| | | > |
| | | <!-- style="width: calc(100% - 30px)" --> |
| | | <el-select |
| | |
| | | ></i> --> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="接口方式" prop="method" class="form-item2"> |
| | | <el-form-item label="接口方式" prop="method" class="form-item"> |
| | | <!-- <el-input v-model="form.method" placeholder="请输入"></el-input> --> |
| | | <el-select |
| | | v-model="form.method" |
| | |
| | | label="波特率" |
| | | prop="baudRate" |
| | | v-if="form.method == 'serial'" |
| | | class="form-item2 float_right margin_left_10px" |
| | | class="form-item float_right" |
| | | > |
| | | <el-input |
| | | v-model="form.baudRate" |
| | |
| | | label="串口名称" |
| | | prop="serialName" |
| | | v-if="form.method == 'serial'" |
| | | class="form-item2 float_right margin_left_10px" |
| | | class="form-item float_right" |
| | | > |
| | | <el-input |
| | | v-model="form.serialName" |
| | |
| | | label="PLC地址" |
| | | v-if="form.method == 'modbusTCP'" |
| | | prop="address" |
| | | class="form-item2 float_right margin_left_10px" |
| | | class="form-item float_right" |
| | | > |
| | | <el-input |
| | | v-model="form.address" |
| | |
| | | label="端口号" |
| | | prop="port" |
| | | v-if="form.method == 'modbusTCP'" |
| | | class="form-item2 float_right" |
| | | class="form-item float_right" |
| | | > |
| | | <el-input |
| | | v-model.number="form.port" |
| | |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <el-button |
| | | <!-- <el-button |
| | | style="margin-bottom: 10px; float: right" |
| | | @click="addPreProduction" |
| | | type="primary" |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="type" label="数据类型" width="120"> |
| | | <template slot-scope="scope"> |
| | | <!-- :popper-append-to-body="false" --> |
| | | <el-select |
| | | v-if="scope.row.edit" |
| | | v-model="scope.row.type" |
| | |
| | | <el-option label="完成量" :value="1"></el-option> |
| | | <el-option label="总量" :value="2"></el-option> |
| | | </el-select> |
| | | <span v-else>{{ scope.row.fieldName }}</span> |
| | | <span v-else>{{ scope.row.fieldName==1?'完成量':'总量' }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="120"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-table> --> |
| | | </div> |
| | | </el-form> |
| | | |
| | |
| | | props: {}, |
| | | data() { |
| | | return { |
| | | active: 1, |
| | | active: 3, |
| | | form: { |
| | | isRequired: false, |
| | | dns: "", |
| | |
| | | }; |
| | | }, |
| | | mounted() { |
| | | this.getnetworkCardList(); |
| | | this.buttonClick(this.active) |
| | | }, |
| | | watch: {}, |
| | | methods: { |
| | |
| | | margin: 30px 0 0 40px; |
| | | } |
| | | .height_100 { |
| | | height: calc(100% - 90px); |
| | | height: calc(100% - 120px); |
| | | } |
| | | .el-form { |
| | | width: 100%; |
| | |
| | | // position:absolute; |
| | | // left:10px; |
| | | // bottom:20px; |
| | | margin-top: 40px; |
| | | margin-top: 0px; |
| | | float: right; |
| | | } |
| | | |