Skip to content

肖康 / cloudSystem

Go to a project
Commit 2ae2ec61 by 肖康
Options

x

parent f401da2a
Inline Side-by-side
Showing with 84 additions and 42 deletions
src/views/Store/list.vue
...@@ -6,20 +6,22 @@ ...@@ -6,20 +6,22 @@
<el-input v-model="formInline.goods_name" placeholder="请输入型号"></el-input> <el-input v-model="formInline.goods_name" placeholder="请输入型号"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="品牌"> <el-form-item label="品牌">
<el-select v-model="formInline.brand" placeholder="请选择"> <el-select v-model="formInline.brand_id" placeholder="请选择">
<el-option label="区域一" value="shanghai"></el-option> <el-option label="全部" value=""></el-option>
<el-option label="区域二" value="beijing"></el-option> <el-option label="品牌一" value="1"></el-option>
<el-option label="品牌二" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="状态"> <el-form-item label="状态">
<el-select v-model="formInline.status" placeholder="请选择"> <el-select v-model="formInline.status" placeholder="请选择">
<el-option label="区域一" value="shanghai"></el-option> <el-option label="全部" value=""></el-option>
<el-option label="区域二" value="beijing"></el-option> <el-option label="上架" value="1"></el-option>
<el-option label="下架" value="3"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="更新日期"> <el-form-item label="更新日期">
<el-date-picker v-model="formInline.date" type="daterange" range-separator="至" start-placeholder="开始日期" <el-date-picker v-model="formInline.date" type="daterange" value-format="yyyy-MM-dd" range-separator="至"
end-placeholder="结束日期"> start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
...@@ -46,31 +48,40 @@ ...@@ -46,31 +48,40 @@
<el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange"> <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="37"> <el-table-column fixed type="selection" width="37">
</el-table-column> </el-table-column>
<el-table-column fixed prop="goods_name" label="型号" width="200"> <el-table-column fixed prop="goods_name" label="型号" width="180">
</el-table-column>
<el-table-column fixed prop="goods_sn" label="供应商内部型号编码" width="180">
</el-table-column> </el-table-column>
<el-table-column fixed prop="inquiry_sn" label="供应商内部型号编码" width="200"> <el-table-column fixed prop="brand_name" label="品牌" width="180">
</el-table-column> </el-table-column>
<el-table-column fixed prop="brand_name" label="品牌" width="200"> <el-table-column prop="batch_sn" label="封装" width="180">
</el-table-column> </el-table-column>
<el-table-column prop="batch" label="封装" width="200"> <el-table-column prop="moq" label="起订量" width="150">
</el-table-column> </el-table-column>
<el-table-column prop="batch" label="起订量" width="200"> <el-table-column prop="mpq" label="标准包装量" width="150">
</el-table-column> </el-table-column>
<el-table-column prop="inquiry_number" label="库存数量" width="200"> <el-table-column prop="stock" label="库存数量" width="150">
</el-table-column> </el-table-column>
<el-table-column prop="inquiry_number" label="国内含税价（￥）" width="200"> <el-table-column prop="cn_delivery_time" label="国内含税价（￥）" width="150">
</el-table-column> </el-table-column>
<el-table-column prop="inquiry_number" label="香港交货价（＄）" width="200"> <el-table-column prop="hk_delivery_time" label="香港交货价（＄）" width="150">
</el-table-column> </el-table-column>
<el-table-column prop="inquiry_number" label="大陆交期" width="200"> <el-table-column prop="cn_delivery_time" label="大陆交期" width="150">
</el-table-column> </el-table-column>
<el-table-column prop="inquiry_number" label="香港交期" width="200"> <el-table-column prop="hk_delivery_time" label="香港交期" width="150">
</el-table-column> </el-table-column>
<el-table-column prop="inquiry_number" label="状态" width="200"> <el-table-column prop="status" label="状态" width="150">
<template slot-scope="scope">
<span v-if="scope.row.status==1" class="f-green">上架</span>
<span v-else-if="scope.row.status==3">下架</span>
</template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination layout="prev, pager, next,jumper" :page-size="limit" :total="total"
@current-change="handleCurrentChange" :current-page="page">
</el-pagination>
</div> </div>
<!--修改库存弹窗--> <!--修改库存弹窗-->
<el-dialog title="修改库存" :visible.sync="dialogVisible" width="800px"> <el-dialog title="修改库存" :visible.sync="dialogVisible" width="800px">
...@@ -119,12 +130,12 @@ ...@@ -119,12 +130,12 @@
</el-input> </el-input>
<div class="selectdw"> <div class="selectdw">
<el-select v-model="updateHqdldw"> <el-select v-model="updateHqdldw">
<el-option label="天" value="天"></el-option> <el-option label="天" value="天"></el-option>
<el-option label="周" value="周"></el-option> <el-option label="周" value="周"></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="修改香港交期" min-width="20%"> <el-table-column label="修改香港交期" min-width="20%">
...@@ -133,15 +144,15 @@ ...@@ -133,15 +144,15 @@
<el-input v-model="updateHqhk" placeholder="点击修改" <el-input v-model="updateHqhk" placeholder="点击修改"
onkeyup="if(event.keyCode !=37 &amp;&amp; event.keyCode != 39){if (!/^[\d]+$/ig.test(this.value)){this.value='';}}"> onkeyup="if(event.keyCode !=37 &amp;&amp; event.keyCode != 39){if (!/^[\d]+$/ig.test(this.value)){this.value='';}}">
</el-input> </el-input>
<div class="selectdw"> <div class="selectdw">
<el-select v-model="updateHqhkdw"> <el-select v-model="updateHqhkdw">
<el-option label="天" value="天"></el-option> <el-option label="天" value="天"></el-option>
<el-option label="周" value="周"></el-option> <el-option label="周" value="周"></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
...@@ -175,30 +186,37 @@ ...@@ -175,30 +186,37 @@
TableColumn, TableColumn,
Message, Message,
MessageBox, MessageBox,
Dialog Dialog,
Pagination,
popover
} from 'element-ui' } from 'element-ui'
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog) Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(popover)
Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table) Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination)
export default { export default {
name: "list", name: "list",
data() { data() {
return { return {
total: 0,
limit: 1,
page: 1,
dialogVisible: false, dialogVisible: false,
dialogVisible2: false, dialogVisible2: false,
formInline: { formInline: {
goods_name: '', goods_name: '',
status: '', status: '',
brand: '', brand_id: '',
date: '' date: '',
}, },
multipleSelection: [], multipleSelection: [],
updateKc: "", updateKc: "",
updateHq: "", updateHq: "",
updateHqdl:"", updateHqdl: "",
updateHqdldw:"天", updateHqdldw: "天",
updateHqhk:"", updateHqhk: "",
updateHqhkdw:"天", updateHqhkdw: "天",
huoqidata: [{ huoqidata: [{
"id": 318, "id": 318,
"inquiry_sn": "X2021050609556", "inquiry_sn": "X2021050609556",
...@@ -269,11 +287,37 @@ ...@@ -269,11 +287,37 @@
}, },
watch: {}, watch: {},
created() { created() {
this.getData()
}, },
computed: {}, computed: {},
methods: { methods: {
getData() {
this.$http('get', "/api/sku/list", {
page: this.page,
limit: this.limit,
status: this.formInline.status,
brand_id: this.formInline.brand_id,
action_time: this.formInline.date[0],
end_time: this.formInline.date[1]
}).then(res => {
if (res.err_code === 0) {
this.tableData = res.data.list || [];
this.total = res.data.count || 0;
} else {
Message(res.err_msg);
}
})
},
onSubmit() {
this.page = 1;
this.getData();
},
handleCurrentChange(val) {
this.page = val;
this.getData();
},
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
console.log(this.multipleSelection) console.log(this.multipleSelection)
...@@ -294,14 +338,12 @@ ...@@ -294,14 +338,12 @@
type: 'error' type: 'error'
}) })
.then(_ => { .then(() => {
done(); done();
}) })
.catch(_ => {}); .catch(() => {});
},
onSubmit() {
console.log('submit!');
} }
}, },
components: { components: {
Menu Menu
......
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 sign in to comment