¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-row :gutter="10"> |
| | | <el-col :xs="24" :sm="24" :md="12" :lg="24" > |
| | | <el-card class="update-log" style="height: 70px"> |
| | | <el-form ref="elForm" :model="formData" size="small" label-width="80px" :inline="true"> |
| | | |
| | | <el-form-item label="å·¥ä½ç¼å·" prop="field101"> |
| | | <el-input v-model="formData.field101" placeholder="请è¾å
¥åè¡ææ¬" clearable> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="å·¥ä½å称" prop="field101"> |
| | | <el-input v-model="formData.field101" placeholder="请è¾å
¥åè¡ææ¬" clearable > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="æ»æç¼ç " prop="field101"> |
| | | <el-input v-model="formData.field101" placeholder="请è¾å
¥åè¡ææ¬" clearable > |
| | | </el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item style="float: right"> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">å·¥ä½è®¾ç½®</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="10"> |
| | | <el-col :xs="24" :sm="24" :md="12" :lg="6" > |
| | | <el-card class="update-log" style="height: 600px"> |
| | | <div slot="header" class="clearfix" style="height: 12px"> |
| | | <span>å½åå·¥ä»¶ä¿¡æ¯ </span> |
| | | </div> |
| | | <div class="body"> |
| | | <el-form ref="elForm" :model="formData" size="medium" label-width="80px" > |
| | | |
| | | <el-form-item label="æ»æç¼å·" prop="field101"> |
| | | <el-input v-model="formData.field101" placeholder="请è¾å
¥åè¡ææ¬" clearable> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="å·¥åç¼å·" prop="field101"> |
| | | <el-input v-model="formData.field101" placeholder="请è¾å
¥åè¡ææ¬" clearable > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="ç©æç¼å·" prop="field101"> |
| | | <el-input v-model="formData.field101" placeholder="请è¾å
¥åè¡ææ¬" clearable > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="产ååå·" prop="field101"> |
| | | <el-input v-model="formData.field101" placeholder="请è¾å
¥åè¡ææ¬" clearable > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="åè¡ææ¬" prop="field101"> |
| | | <el-input v-model="formData.field101" placeholder="请è¾å
¥åè¡ææ¬" clearable > |
| | | </el-input> |
| | | </el-form-item> |
| | | <hr /> |
| | | </el-form> |
| | | </div> |
| | | <div> |
| | | |
| | | <button class="circle-btn"></button>11111 |
| | | <button class="circle-btn"></button>2222 |
| | | |
| | | </div> |
| | | </el-card> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="24" :md="12" :lg="18"> |
| | | <el-tabs type="border-card" style="height: 600px"> |
| | | <el-tab-pane> |
| | | <span slot="label"> <a class="el-icon-date"></a>é¦é¡µ</span> |
| | | <el-empty > |
| | | <span slot="description">ææ æ°æ®</span> |
| | | </el-empty> |
| | | </el-tab-pane> |
| | | <el-tab-pane> |
| | | <span slot="label"> <b class="el-icon-date"></b>ç©æBOM</span> |
| | | <el-empty > |
| | | <span slot="description">ææ æ°æ®</span> |
| | | </el-empty> |
| | | </el-tab-pane> |
| | | <el-tab-pane> |
| | | <span slot="label"> <c class="el-icon-date"></c>ééæ¸
å</span> |
| | | <el-empty > |
| | | <span slot="description">ææ æ°æ®</span> |
| | | </el-empty> |
| | | </el-tab-pane> |
| | | <el-tab-pane> |
| | | <span slot="label"> <d class="el-icon-date"></d>å®ç¯ç¶æ</span> |
| | | <el-empty > |
| | | <span slot="description">ææ æ°æ®</span> |
| | | </el-empty> |
| | | </el-tab-pane> |
| | | <el-tab-pane> |
| | | <span slot="label"> <e class="el-icon-date"></e>å·¥èºé
æ¹</span> |
| | | <el-empty > |
| | | <span slot="description">ææ æ°æ®</span> |
| | | </el-empty> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | |
| | | |
| | | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | export default { |
| | | components: {}, |
| | | props: [], |
| | | data() { |
| | | return { |
| | | formData: { |
| | | field101: undefined, |
| | | }, |
| | | rules: { |
| | | field101: [{ |
| | | required: true, |
| | | message: '请è¾å
¥åè¡ææ¬', |
| | | trigger: 'blur' |
| | | }], |
| | | }, |
| | | } |
| | | }, |
| | | computed: {}, |
| | | watch: {}, |
| | | created() {}, |
| | | mounted() {}, |
| | | methods: {} |
| | | } |
| | | |
| | | </script> |
| | | <style> |
| | | hr { |
| | | margin-top: 20px; |
| | | margin-bottom: 20px; |
| | | border: 0; |
| | | border-top: 1px solid #eee; |
| | | } |
| | | blockquote { |
| | | padding: 10px 20px; |
| | | margin: 0 0 20px; |
| | | border-left: 5px solid #eee; |
| | | } |
| | | .circle-btn { |
| | | border: none; |
| | | width: 30px; /* æ ¹æ®éæ±è°æ´æé®å¤§å° */ |
| | | height: 30px; |
| | | border-radius: 50%; /* å°è¾¹æ¡åæåè§ */ |
| | | background-color: #e31116; |
| | | } |
| | | </style> |