Seller.vue

판매자

---

{{items}}

        <p class="fade-in-left">물품목록</p>

        <el-button class="button1" @click="handleInsert()">
            물품등록
        </el-button>

        <router-link to="iteminsertbatch">
            <el-button class="button3" @click="handleInsert()">
                물품일괄등록
            </el-button>
        </router-link>
        
        <el-button size="small" class="button3" @click="handleDeleteBatch">물품일괄삭제</el-button>
        <el-button size="small" class="button2" style="margin-left:-5px;" @click="handleUpdateBatch">물품일괄수정</el-button>
        
        <el-form>
            <el-form-item label-width="40px">
                <el-input 
                    size="mini" 
                    v-model="text"
                    placeholder="검색어 입력" 
                    style="width:192px"
                    @keyup.enter="handleSearch">
                </el-input>
                <el-button type="primary" size="mini" @click="handleSearch">검색</el-button>
            </el-form-item>
        </el-form>

        <el-table :data="items" style="width: 100%;" class="fade-in-fwd">
            <el-table-column label="체크" width="180">
                <template #default="scope">
                    <div>
                        {{scope.$index}}
                        <input type="checkbox" v-model="items[scope.$index].chk1" />
                    </div>
                </template>
            </el-table-column>

            <el-table-column prop="_id"      label="코드"    width="120" />

            <el-table-column prop="name"     label="물품명"  width="180">
                <template #default="scope">
                    <div @click="handlePage(scope.row._id)" style="cursor: pointer;">
                        {{ scope.row.name }}
                    </div>
                </template>                    
            </el-table-column>

            <el-table-column prop="price"    label="가격"    width="120" />                   
            <el-table-column prop="quantity" label="수량"    width="120" />
            <el-table-column prop="regdate"  label="등록일"  width="220" />
            <el-table-column fixed="right"   label=""        width="200">
                <template #default="scope">
                    <el-button 
                        type="danger" size="small" class="jello-horizontal" 
                        @click.prevent="deleteRow(scope.$index, scope.row)">
                         삭제
                    </el-button>

                    <el-button 
                        type="primary" size="small" class="jello-horizontal" 
                        @click.prevent="updateRow(scope.$index, scope.row)">
                         수정
                    </el-button>                        
                </template>
            </el-table-column>
        </el-table>
        
        <div>
            <el-pagination 
                class="pagination" layout="prev, pager, next" 
                :total="total" @current-change="currentChange">
            </el-pagination>
        </div>
    </el-card>
</div>

<el-dialog
v-model="dialogVisible"
title="글수정"
width="30%">
    <span>수정할 내용을 입력하세요</span> <br />
        <span class="dialog-footer" style="text-align:left;">
            <span>
                <img :src="itemOne.image" style="width:200px;" />
                <input type="file" @change="handleImage">
            </span>

            <el-form>
                <el-form-item label="물품명: ">
                    <el-input type="text"     v-model="itemOne.name"></el-input>
                </el-form-item>

                <el-form-item label="내용: ">
                    <el-input type="textarea" v-model="itemOne.content"></el-input>
                </el-form-item> 

                <el-form-item label="가격: ">
                    <el-input type="text"     v-model="itemOne.price"></el-input>
                </el-form-item> 

                <el-form-item label="수량: ">
                    <el-input type="text"     v-model="itemOne.quantity"></el-input>
                </el-form-item> 
            </el-form>
        </span>

        <template #footer>
            <span class="dialog-footer">
                <el-button type="primary" @click="handleUpdateAction()">수정완료</el-button>
                <el-button @click="dialogVisible = false">취소</el-button>
            </span>
        </template>
</el-dialog>