<template>
  <div class="videoManage manage-page">
    <div class="flex-view flex-title">
      <div class="table-title">
        <img src="../../assets/manageImg/videoManage.png" alt="">摄像头信息管理
      </div>
      <div class="table-title-btn blue" @click="addModel=true">
        <img src="../../assets/manageImg/add-btn.png" alt="">添加
      </div>
    </div>
    <div class="table-view">
      <el-table :data="tableData" :row-class-name="tableRowClassName" height="620" style="width: 100%">
        <el-table-column prop="data1" label="摄像头名称">
        </el-table-column>

        <el-table-column label="操作">
          <template slot-scope="scope">
            <div class="table-flex">
              <div class="table-operate blue"  @click="addModel=true">
                <img src="../../assets/manageImg/table-edit.png" alt="">编辑
              </div>
            </div>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-dialog  :close-on-click-modal="false" title="提示" top="10vh" :visible.sync="addModel" width="560px" class="vrcode-model manage-model" :append-to-body="true">
            <div class="vrcode-model-title">
              编辑
            </div>
            <div class="vrcode-content">
              <div class="manage-left">
                <div class="manage-input">
                        <div class="input-title">摄像头名称</div>
                        <input type="text" placeholder="请输入设备code码">
                    </div>
                    <div class="manage-input">
                        <div class="input-title">公司名称</div>
                        <input type="text" placeholder="请输入品种">
                    </div>
                
              </div>
              <div class="manage-right">
                <div class="manage-input">
                        <div class="input-title">摄像头appkey</div>
                        <input type="text" placeholder="请输入设备code码">
                    </div>
                    <div class="manage-input">
                        <div class="input-title">摄像头secert</div>
                        <input type="text" placeholder="请输入品种">
                    </div>
              </div>
            </div>
            <span slot="footer" class="dialog-footer">
                <div class="vrcode-btn blue-btn w-100" @click="addModel = false">确定</div>
                <div class="vrcode-btn cancle-btn w-100" @click="addModel = false">取消</div>
            </span>
        </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [{ data1: 'AD548695' }],
      addModel:false,
    }
  },
  mounted() { },
  methods: {
    tableRowClassName({ row, rowIndex }) {
      if (rowIndex % 2 == 1) {
        return 'warning-row';
      } else if (rowIndex % 2 == 0) {
        return 'success-row';
      }
      return '';
    }
  },

}
</script>
<style lang="scss"></style>