Commit 3f61bcff authored by 黄媛媛's avatar 黄媛媛
parents 2968c0ef b181f574
<template> <template>
<div class="Materialwarehouse"> <div class="Materialwarehouse">
<ul class="queryul"> <div style="text-align:right;border-bottom:1px solid #E2E4EB;padding-bottom:10px">
<li> <span class="pageTitle">物料仓库</span>
<span> <span @click="morequery=!morequery" style="display:inline-flex;align-items:center;cursor: pointer;" class="f12 cd6">高级查询
<em>仓库名称</em> <img v-show="!morequery" style="width:12px;height:12px" src="../../assets/img/more.png" alt="">
<img v-show="morequery" class="roatImg" style="width:12px;height:12px" src="../../assets/img/more.png" alt="">
</span> </span>
<el-input class="w200" size="small" v-model="msg.Name" placeholder="请输入"></el-input> <span @click="getList" style="margin-left:20px" class="chaxunSpan">查询</span>
<!-- <span @click="chongzhi" style="margin-left:20px" class="addSpan">重置</span> -->
<span @click="addSupplier" style="margin-left:20px" class="addSpan">
<img style="width:10px;height:10px;margin-right:6px" src="../../assets/img/add.png" alt="">
新增</span>
</div>
<ul v-show="morequery" class="queryul">
<li>
<el-input class="w200" size="small" v-model="msg.Name" placeholder="仓库名称"></el-input>
</li> </li>
<el-button @click="addSupplier" size="small" type="danger">新增</el-button>
<el-button @click="getList" size="small">查询</el-button>
</ul> </ul>
<vxe-table style="margin-top:20px" :data="tableData" :loading="loading" size="small"> <table style="margin-top:10px" class="myTable" v-loading="loading" border="0" cellspacing="0" cellpadding="0">
<vxe-table-column field="Name" title="仓库名称"></vxe-table-column> <thead>
<vxe-table-column field="UpdateBy" title="操作人"></vxe-table-column> <th>仓库名称</th>
<vxe-table-column field="UpdateDate" title="操作时间"></vxe-table-column> <th>操作人</th>
<vxe-table-column title="操作" width="120"> <th>操作时间</th>
<template v-slot="{ row, rowIndex }"> <th width="200">操作</th>
<el-tooltip class="item" effect="dark" content="编辑" placement="top"> </thead>
<i @click="Edit(row)" class="iconfont icon-xiugai"></i> <tbody>
</el-tooltip> <tr v-for="(item,index) in tableData" :key="index">
<el-tooltip class="item" effect="dark" content="编辑" placement="top"> <td>
<i @click="Delete(row)" class="iconfont icon-shanchu"></i> <span class="commonStyle hoverSpan1"></span>
</el-tooltip> {{item.Name}}
</template> </td>
</vxe-table-column> <td>{{item.UpdateBy}}</td>
</vxe-table> <td>{{item.UpdateDate}}</td>
<vxe-pager <td>
:current-change="currentChange" <el-tooltip class="item" effect="dark" content="编辑" placement="top">
:current-page.sync="currentPage" <img @click="Edit(item)" style="width:24px;height:24px" src="../../assets/img/edit.png" alt="">
:page-size.sync="msg.pageSize" </el-tooltip>
:total="total" <el-tooltip class="item" effect="dark" content="删除" placement="top">
align="center" <img @click="Delete(item)" style="width:24px;height:24px" src="../../assets/img/delete.png" alt="">
:layouts="['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total']"> </el-tooltip>
</vxe-pager> <span class="commonStyle hoverSpan2"></span>
</td>
</tr>
<tr v-show="tableData.length==0">
<td colspan="12" align="center">暂无数据</td>
</tr>
</tbody>
</table>
<el-pagination
@current-change="currentChange"
background
layout="prev, pager, next"
:total="total">
</el-pagination>
<el-dialog <el-dialog
:title="dialogtitle" :title="dialogtitle"
:visible.sync="dialogState" :visible.sync="dialogState"
width="30%"> width="20%">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px"> <el-form class="MyEditForm" :model="addMsg" :rules="rules" ref="addMsg" label-width="0">
<el-form-item label="仓库名称" prop="Name"> <el-form-item prop="Name" style="margin-left:60px;">
<span class="label">仓库名称</span>
<el-input v-model="addMsg.Name"></el-input> <el-input v-model="addMsg.Name"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <div class="btnformItem">
<el-button type="primary" @click="submitForm('addMsg')">确定</el-button> <span class="submitBtn" type="primary" @click="submitForm('addMsg')">确定</span>
<el-button @click="dialogState=false">取消</el-button> <span class="exitBtn" @click="dialogState=false">取消</span>
</el-form-item> </div>
</el-form> </el-form>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'Materialwarehouse', name: 'Materialwarehouse',
data(){ data(){
return{ return{
morequery:false,
currentPage:1, currentPage:1,
tableData: [], tableData: [],
loading:false, loading:false,
...@@ -173,5 +193,26 @@ export default { ...@@ -173,5 +193,26 @@ export default {
</script> </script>
<style scoped> <style scoped>
.Materialwarehouse .hoverSpan1{
left: -20px;
}
.Materialwarehouse .hoverSpan2{
right: -20px;
}
.Materialwarehouse .commonStyle{
height:100%;
background:#fff;
position: absolute;
width: 20px;
top:0;
display: none;
}
.Materialwarehouse{
background: #F8FAFB;
width: 100%;
min-height: 100%;
position: absolute;
padding: 20px 30px;
box-sizing: border-box;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment