<template>
  <div class="app-container">
    <div>
      <div class="tab-header webtop">
        <div>{{ viewTitle }}</div>
        <div>
          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
        </div>
      </div>
      <div class="listconadd">
        <el-form ref="form_obj" :model="infoForm" :rules="rules" class="formadd">
          <div class="title">
            <div>详情信息</div>
          </div>
          <el-row>
            <el-col :span="4" class="tleftb">
              <span>设备编码</span>
            </el-col>
            <el-col :span="8">
              <el-form-item>
                <span>{{ infoForm.manufacturerName }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="4" class="tleftb">
              <span>设备位置</span>
            </el-col>
            <el-col :span="8">
              <el-form-item>
                <span>{{ infoForm.manufacturerAs }}</span>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="4" class="tleftb">
              <span>设备类型</span>
            </el-col>
            <el-col :span="8">
              <el-form-item>
                <span>{{ getSupplierType(infoForm.manufacturerCode) }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="4" class="tleftb">
              <span>安装时间</span>
            </el-col>
            <el-col :span="8">
              <el-form-item>
                <span>{{ infoForm.supplierTypeValue }}</span>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="4" class="tleftb">
              <span>出厂时间</span>
            </el-col>
            <el-col :span="8">
              <el-form-item>
                <span>{{ infoForm.manufacturer }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="4" class="tleftb">
              <span>供货商</span>
            </el-col>
            <el-col :span="8">
              <el-form-item>
                <span>{{ infoForm.manufacturerAddress }}</span>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="4" class="tleftb">
              <span>生产厂家</span>
            </el-col>
            <el-col :span="8">
              <el-form-item>
                <span>{{ infoForm.manufacturerTelePhone }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="4" class="tleftb">
              <span>保修截止日期</span>
            </el-col>
            <el-col :span="8">
              <el-form-item>
                <span>{{ infoForm.manufacturerFax }}</span>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="4" class="tleftb">
              <span>状态</span>
            </el-col>
            <el-col :span="8">
              <el-form-item>
                <span>{{ getStatus(infoForm.status) }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="4" class="tleftb">
              <span>所属仓库</span>
            </el-col>
            <el-col :span="8">
              <el-form-item>
                <span>{{ infoForm.cangku }}</span>
              </el-form-item>
            </el-col>
          </el-row>
          <!-- <div class="title">
            <div>开户行信息</div>
          </div>
          <el-table :key="tableKey" :data="baseManufacturerBankDto" :index="index" border style="width: 100%">
            <el-table-column fixed width="60px" label="序号" type="index" :index="index + 1" align="center"/>
            <el-table-column prop="dueBankValue" width="140px" label="账户类型" align="center"/>
            <el-table-column prop="depositBank" width="180px" label="开户银行" align="center"/>
            <el-table-column prop="bankAccount" width="160px" label="银行账号" align="center"/>
            <el-table-column prop="accountName" width="130px" label="账号名称" align="center"/>
            <el-table-column prop="bankingOutlets" width="180px" label="银行网点" align="center"/>
            <el-table-column prop="bankAddress" width="260px" label="开户行地址" align="center"/>
            <el-table-column prop="paymentLines" width="160px" label="联行号" align="center"/>
            <el-table-column prop="swiftCode" width="200px" label="swiftcode(银行代码)" align="center"/>
            <el-table-column prop="currency" width="130px" label="币种" align="center"/>
            <el-table-column prop="remarks" width="240px" label="描述" align="center"/>
            <el-table-column prop="actualPay" width="240px" label="厂家销售通路" align="center"/>
            <el-table-column prop="paymentAccessNoValue" width="240px" label="付款通路编码" align="center"/>
          </el-table> -->
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
  // import req from '@/api/shebei/shebei'

  export default {
    name: 'shebeiInfo',
    data() {
      return {
        // tableKey: 0,
        // index: 0,
        viewTitle: '',
        supplierType_list: [
          { title: '摄像头', id: '1' },
        ],
        status_list: [
          { title: '已损坏', id: '1' },
          { title: '已维修', id: '2' },
          { title: '完好', id: '3' },
        ],
        infoForm: {
          manufacturerName: 'KD-22',
          manufacturerAs: '2F金陵文脉',
          manufacturerCode: '1',
          supplierTypeValue: '2023-02-26 16:00:00',
          manufacturerAddress: '大华',
          manufacturer: '2023-02-26 12:00:00',
          manufacturerTelePhone: '大华科技',
          manufacturerFax: '2023-05-23',
          status:'1',
          cangku:'仓库1',
        },
        // baseManufacturerBankDto: [],
        rules: {},
        // submitdisabled: false
      }
    },
    methods: {
      getStatus(item) {
        for (var i = 0; i < this.status_list.length; i++) {
          if (this.status_list[i].id == item) {
            return this.status_list[i].title
          }
        }
      },
      getSupplierType(item) {
        for (var i = 0; i < this.supplierType_list.length; i++) {
          if (this.supplierType_list[i].id == item) {
            return this.supplierType_list[i].title
          }
        }
      },
      showInfo(row) {
        this.$nextTick(() => {
          this.$refs['form_obj'].clearValidate()
        })
        this.viewTitle = '设备台账详情'
        // req.fetchBySid(row.sid).then(resp => {
        //   this.infoForm = resp.data.infoForm
        //   this.baseManufacturerBankDto = resp.data.baseManufacturerBankDto
        // }).catch(e => {
        //   this.formobj = row
        // })
      },
      handleReturn() {
        this.$emit('doback')
      }
    }
  }
</script>

<style scoped>
</style>
