eln_web/src/views/business/resource/mjy/comps/Xq.vue

G<template>
  <!-- 详情 -->
  <div class="detail-container">
    <div class="header">
      <div @click="cancel" class="detail-cancel"><i class="el-icon-arrow-left"></i></div>
      <div>
        <el-button ><div>{{ $t('form.export') }}</div></el-button>
      </div>
    </div>
    <div class="detail-title"><img src="@/assets/images/detail-title.png" >麻精药详情<img src="@/assets/images/detail-title.png" ></img></div>
    <div class="content">
      <div class="content-title">
        <div class="line"></div>
        <div class="subtitle"> 基本信息</div>
      </div>
      <el-form ref="form" :model="form" :rules="rules" label-width="0px">
        <div class="pal">
          <div class="left">
            <div class="left-title">{{ $t('form.qmyy') }}</div>
            <el-form-item prop="qmyy">
              <el-input type="text" :value="form.qmyy" maxlength="50" disabled
                :placeholder="$t('form.placeholderInput')" />
            </el-form-item>
          </div>
          <div class="right">
           <div  class="right-title">{{ $t('form.qmyy') }}</div>
            <el-form-item prop="qmyy">
              <el-input type="text" :value="form.qmyy" maxlength="50" disabled
                :placeholder="$t('form.placeholderInput')" />
            </el-form-item>
          </div>
        </div>
      </el-form>

    </div>
  </div>
</template>

<script>
import { mjy_info } from "@/api/business/mjy/mjy"

export default {
  name: "MjyXq",
  data() {
    return {
      form: {},
      rules: {
      }
    }
  },
  created() {
  },
  methods: {
    cancel() {
      this.$emit('cancel')
    },
    show(row) {
      mjy_info({ id: row.id }).then(response => {
        this.form = response.data
        this.open = false
      })
      this.open = true
    }
  }
}
</script>