anrui/anrui-scm/anrui-scm-ui/src/views/supplychain/cheliangpaichan/shangzhuangselect/shangzhuangpeizhiInfo.vue

<template>
  <div class="app-container">
    <div class="tab-header webtop">
      <div>{{ viewTitle }}</div>
      <div>
        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
      </div>
    </div>
    <div class="listconadd">
      <div class="titwu"><span>上装配置信息</span></div>
      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
        <el-row style="border-top: 1px solid #E0E3EB">
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>车辆功能</span></div>
            <el-form-item prop="vehicleTypeValue"><span class="addinputInfo addinputwOne">{{ formobj.vehicleFunction }}</span></el-form-item>
          </el-col>
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>上装名称</span></div>
            <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.topName }}</span></el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>委改方式</span></div>
            <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.refitMethod }}</span></el-form-item>
          </el-col>
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>供应商</span></div>
            <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.refitFactory }}</span></el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="formobj.installNameKey == '08'">
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>冷机品牌</span></div>
            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.coolerBrand }}</span></el-form-item>
          </el-col>
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>冷机型号</span></div>
            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.coolerModel }}</span></el-form-item>
          </el-col>
        </el-row>
        <div v-if="formobj.installNameKey != '08'">
          <el-row>
            <el-col :span="12">
              <div class="span-sty spanOneWidth"><span>货箱内部尺寸</span></div>
              <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.overallDimension }}</span></el-form-item>
            </el-col>
            <el-col :span="12">
              <div class="span-sty spanOneWidth"><span>颜色</span></div>
              <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.color }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <div class="span-sty spanOneWidth"><span>板材材质</span></div>
              <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.plateMaterial }}</span></el-form-item>
            </el-col>
            <el-col :span="12">
              <div class="span-sty spanOneWidth"><span>板材厚度</span></div>
              <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <div class="span-sty spanOneWidth"><span>篷布滑道</span></div>
              <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.tarpaulinSlide }}</span></el-form-item>
            </el-col>
            <el-col :span="12">
              <div class="span-sty spanOneWidth"><span>冷藏冷机</span></div>
              <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.refrigerator }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <div class="span-sty spanOneWidth"><span>自卸液压盖板</span></div>
              <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.coverPlate }}</span></el-form-item>
            </el-col>
            <el-col :span="12">
              <div class="span-sty spanOneWidth"><span>底板加热</span></div>
              <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.floorHeating }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <div class="span-sty spanOneWidth"><span>更多配置</span></div>
              <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.otherConfig }}</span></el-form-item>
            </el-col>
          </el-row>
        </div>
        <el-row>
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>厂家结算价(元)</span></div>
            <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.costPrice }}</span></el-form-item>
          </el-col>
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>销售指导价(元)</span></div>
            <el-form-item prop="installNameValue"><span class="addinputInfo addinputwOne">{{ formobj.guidePrice }}</span></el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <!--End 添加修改部分-->
  </div>
</template>

<script>

export default {
  name: 'shangzhuangInfo',
  data() {
    return {
      viewTitle: '',
      formobj: {},
      rules: {},
      submitdisabled: false
    }
  },
  methods: {
    showInfo(row) {
      this.formobj = row
    },
    handleReturn() {
      this.$emit('doback')
    }
  }
}
</script>

<style scoped>
.spanOneWidth {
  width: 110px !important;
}
.addinputwOne {
  margin-left: 110px !important;
  width: 30% !important;
}
.icon {
  color: #e84026;
  margin-right: 4px;
}
/deep/ .el-form-item__error {
  margin-left: 110px;
}
.inputStyle {
  display: inline-block;
  width: 15%;
  margin: 0 5px;
}
</style>