<!-- 添加或修改模板管理對話框 -->

  <el-dialog :title="title" :visible.sync="open" :class="[isOpen ? 'dialog_show' : '', 'lookBook']" width="500px" append-to-body>
  <el-form ref="form" :model="form" :rules="rules" label-width="80px">
    <el-form-item label="模板名稱" prop="modelName">
      <el-input v-model="form.modelName" placeholder="請輸入模板名稱"/>
    </el-form-item>
    <el-form-item label="模板類型"  prop="modelType">
      <el-select  v-model="form.modelType" placeholder="請選擇模板類型"  @change="Material">
        <el-option label="車間模板" value="1"></el-option>
        <el-option label="產線模板" value="2"></el-option>
        <el-option label="工位模板" value="3"></el-option>
        <el-option label="部門設備模板" value="4"></el-option>
        <el-option label="生產模板" value="5"></el-option>
        <el-option label="倉庫設備模板" value="6"></el-option>
      </el-select>
    <!-- 顯示圖片部分 -->
    <div  class="yincang" ><img src="300.jpg" /></div>
    <div  class="yincang" ><img src="123.jpg"  /></div>
    <div  class="yincang" ><img src="圖片1.png"  /></div>
    <div  class="yincang" ><img src="圖片2.png" /></div>
    </el-form-item>
    <el-form-item label="描述" prop="des">
      <el-input v-model="form.des" placeholder="請輸入描述" />
    </el-form-item>
    <el-form-item label="是否啓用" prop="vld">
      <el-select v-model="form.vld" placeholder="請選擇是否啓用">
        <el-option
          v-for="dict in vldOptions"
          :key="dict.dictValue"
          :label="dict.dictLabel"
          :value="dict.dictValue"
        ></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="順序" prop="sqc">
      <el-input v-model="form.sqc" placeholder="請輸入順序" />
    </el-form-item>
  </el-form>
  <div slot="footer" class="dialog-footer">
    <el-button type="primary" @click="submitForm">確 定</el-button>
    <el-button @click="cancel">取 消</el-button>
  </div>
</el-dialog>