CanadaMes-ui/src/views/Electrical/State.vue
@@ -2,38 +2,90 @@
  <div class="app">
    <!--面包屑导航区域-->
    <el-breadcrumb separator-class="el-icon-arrow-right" class="el-breadcrumb">
      <el-breadcrumb-item :to="{ path: '/home' }">{{ $t('langHome') }}</el-breadcrumb-item>
      <el-breadcrumb-item>设备管理</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/Electrical/Parameter' }">参数</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/Electrical/Action' }">开关控制</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/Electrical/Sign' }">IO状态</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/Electrical/State' }">报警信息</el-breadcrumb-item>
      <router-link to="/home" tag="el-button" type="text">{{ $t('langHome') }}</router-link>
      <el-button type="text">设备管理</el-button>
      <router-link to="/Electrical/Parameter" tag="el-button" type="text">Parameter</router-link>
      <router-link to="/Electrical/Action" tag="el-button" type="text">Action</router-link>
      <router-link to="/Electrical/Sign" tag="el-button" type="text">Sign</router-link>
      <router-link to="/Electrical/State" tag="el-button" type="text">State</router-link>
    </el-breadcrumb>
    <div>报警信息</div>
    <div>State</div>
    <el-form label-width="100px" style="display: flex;flex-wrap: wrap;" :model="{ records }">
      <div id="btn_div">
        <el-button type="primary">下发参数</el-button>
      </div>
      <div class="kuai_div" v-for="item in records" :key="item.id">
        <el-input v-model="item.mingcheng" style="width: 280px;" class="in_mc"></el-input>
        <el-input v-model="item.zhuangtai" style="width: 80px;"></el-input>
      </div>
    </el-form>
  </div>
</template>
<script>
<script >
export default {
  name: "State",
  data () {
    return {
      records: [
        { id: 1, mingcheng: 'conveyor Velocity(Auto SLOW)', zhuangtai: "1" },
        { id: 2, mingcheng: 'B01 B02 TRAVEL POS Velocity AUTO', zhuangtai: "2" },
        { id: 3, mingcheng: 'B01 B02 TRAVEL JOG Velocity', zhuangtai: "2" },
        { id: 4, mingcheng: 'conveyor Velocity(Manual)', zhuangtai: "2" }
      ]
    }
  },
  created () {
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
.el-table {
  margin-top: 15px;
  font-size: 12px;
<style>
.kuai_div {
  width: 30%;
  margin-bottom: 15px;
}
.el-pagination {
  margin-top: 15px;
.el-input {
  border: none;
  .el-input__inner {
    border: 1 solid black;
  }
}
.app .el-card {
  width: 99%;
.in_mc {
  .el-input__inner {
    border: none;
  }
}
#btn_div {
  width: 100%;
}
#btn_div .el-button {
  float: right;
}
</style>