¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <el-dialog |
| | | :title="!dataForm.id ? 'æ°å¢' : 'ä¿®æ¹'" |
| | | :close-on-click-modal="false" |
| | | :visible.sync="visible" |
| | | > |
| | | <el-form |
| | | :model="dataForm" |
| | | :rules="dataRule" |
| | | ref="dataForm" |
| | | label-width="80px" |
| | | class="l-mes" |
| | | > |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="ç¼å·" prop="number"> |
| | | <el-input v-model="dataForm.number" placeholder="ç¼å·"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="åç§°" prop="name"> |
| | | <el-input v-model="dataForm.name" placeholder="åç§°"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="å·¥å" prop="factoryId"> |
| | | <el-select |
| | | v-model="dataForm.factoryId" |
| | | filterable |
| | | placeholder="è¯·éæ©" |
| | | style="width:100%" |
| | | > |
| | | <el-option |
| | | v-for="(item, index) in this.factoryOptions" |
| | | :label="item.factoryName" |
| | | :value="item.id" |
| | | :key="index" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="æå±è½¦é´" prop="workshop"> |
| | | <el-select |
| | | v-model="dataForm.workshop" |
| | | filterable |
| | | placeholder="è¯·éæ©" |
| | | style="width:100%" |
| | | > |
| | | <el-option |
| | | v-for="item in workshopList" |
| | | :key="item.id" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="ä½ç½®" prop="position"> |
| | | <el-input v-model="dataForm.position" placeholder="ä½ç½®"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="é®ç®±" prop="email"> |
| | | <el-input v-model="dataForm.email" placeholder="é®ç®±"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="ä¾åºå" prop="supplier"> |
| | | <el-input |
| | | v-model="dataForm.supplier" |
| | | placeholder="ä¾åºå" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="å¶é å" prop="manufacturer"> |
| | | <el-input |
| | | v-model="dataForm.manufacturer" |
| | | placeholder="å¶é å" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="åå·è§æ ¼" prop="typeSpecification"> |
| | | <el-input |
| | | v-model="dataForm.typeSpecification" |
| | | placeholder="åå·è§æ ¼" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="å¶é æ¥æ" prop="manufactureDate"> |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="dataForm.manufactureDate" |
| | | type="date" |
| | | placeholder="éæ©æ¥æ" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="å®è£
æ¥æ" prop="installDate"> |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="dataForm.installDate" |
| | | type="date" |
| | | placeholder="éæ©æ¥æ" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="ç¶æ" prop="state"> |
| | | <el-select |
| | | v-model="dataForm.state" |
| | | placeholder="ç¶æ" |
| | | filterable |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in equipmentState" |
| | | :key="item.id" |
| | | :label="item.label" |
| | | :value="item.label" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="è®¾å¤æè¿°" prop="desc"> |
| | | <el-input |
| | | v-model="dataForm.description" |
| | | placeholder="è®¾å¤æè¿°" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="visible = false">åæ¶</el-button> |
| | | <el-button |
| | | type="primary" |
| | | :disabled="isSubmit" |
| | | v-thinclick="`dataFormSubmit`" |
| | | >ç¡®å®</el-button |
| | | > |
| | | </span> |
| | | </el-dialog> |
| | | </template> |
| | | <script> |
| | | import { getObj, addObj, putObj } from '@/api/equipment/equipment' |
| | | import { loadFactoryList } from '@/api/basic/factory' |
| | | import { remote } from '../../../api/admin/dict' |
| | | export default { |
| | | data() { |
| | | return { |
| | | // options: regionData, |
| | | visible: false, |
| | | dataForm: { |
| | | id: 0, |
| | | number: '', |
| | | name: '', |
| | | factoryId: '', |
| | | workshop: '', |
| | | position: '', |
| | | email: '', |
| | | supplier: '', |
| | | manufacturer: '', |
| | | typeSpecification: '', |
| | | manufactureDate: '', |
| | | installDate: '', |
| | | state: '', |
| | | description: '', |
| | | value1: '' |
| | | }, |
| | | dataRule: { |
| | | number: [{ required: true, message: 'ç¼å·ä¸è½ä¸ºç©º', trigger: 'blur' }], |
| | | name: [{ required: true, message: 'åç§°ä¸è½ä¸ºç©º', trigger: 'blur' }] |
| | | }, |
| | | factoryOptions: [], |
| | | equipmentState: [], |
| | | isSubmit: false, |
| | | workshopList: [] |
| | | } |
| | | }, |
| | | methods: { |
| | | }, |
| | | |
| | | created() { |
| | | } |
| | | } |
| | | </script> |
| | | |