Merge branch 'wwz' of https://e.coding.net/g-cphe0354/yinshoukeguanliduan/management into test
This commit is contained in:
commit
a979d390a3
|
|
@ -80,6 +80,9 @@ export default {
|
||||||
this.resetSearchForm = { ...this.searchForm }
|
this.resetSearchForm = { ...this.searchForm }
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
reset(){
|
||||||
|
this.$refs.table.clearSelection()
|
||||||
|
},
|
||||||
onInput: _.debounce(function (event) { //防抖请求
|
onInput: _.debounce(function (event) { //防抖请求
|
||||||
this.getTableData()
|
this.getTableData()
|
||||||
}, 500),
|
}, 500),
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<div class="head-container">
|
<div>
|
||||||
<el-form :model="query" inline>
|
<el-form :model="query" inline>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-input v-model="query.conName" placeholder="耗材信息名称" />
|
<el-input v-model="query.conName" placeholder="耗材信息名称" />
|
||||||
|
|
@ -11,24 +11,83 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
<template>
|
||||||
|
<div class="box">
|
||||||
|
<div class="boxitem">
|
||||||
|
<img src="@/assets/images/data_home_item1_icon.png" />
|
||||||
|
<div class="boxitem_s">
|
||||||
|
<div class="boxitem_ses">
|
||||||
|
<div class="es">
|
||||||
|
<div class="e">现有数量</div>
|
||||||
|
<div class="s" style="color: #333333;">3,333</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="boxitem">
|
||||||
|
<img src="@/assets/images/data_home_item1_icon.png" />
|
||||||
|
<div class="boxitem_s">
|
||||||
|
<div class="boxitem_ses">
|
||||||
|
<div class="es">
|
||||||
|
<div class="e">增加数量:</div>
|
||||||
|
<div class="s">3,333</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="boxitem_ses">
|
||||||
|
<div class="es">
|
||||||
|
<div class="e">手动增加:</div>
|
||||||
|
<div class="s">23</div>
|
||||||
|
</div>
|
||||||
|
<div class="es">
|
||||||
|
<div class="e">入库:</div>
|
||||||
|
<div class="s">1111</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="boxitem">
|
||||||
|
<img src="@/assets/images/data_home_item1_icon.png" />
|
||||||
|
<div class="boxitem_s">
|
||||||
|
<div class="boxitem_ses">
|
||||||
|
<div class="es">
|
||||||
|
<div class="e">减少数量:</div>
|
||||||
|
<div class="s">1111</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="boxitem_ses">
|
||||||
|
<div class="es">
|
||||||
|
<div class="e">手动减少:</div>
|
||||||
|
<div class="s">1111</div>
|
||||||
|
</div>
|
||||||
|
<div class="es">
|
||||||
|
<div class="e">消耗:</div>
|
||||||
|
<div class="s">1111</div>
|
||||||
|
</div>
|
||||||
|
<div class="es">
|
||||||
|
<div class="e">报损:</div>
|
||||||
|
<div class="s">1111</div>
|
||||||
|
</div>
|
||||||
|
<div class="es">
|
||||||
|
<div class="e">出库:</div>
|
||||||
|
<div class="s">1111</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
<div class="head-container">
|
<div class="head-container">
|
||||||
<el-table
|
<el-table ref="table" :data="clickseetableData.data" v-loading="clickseetableData.loading" row-key="id">
|
||||||
ref="table"
|
|
||||||
:data="clickseetableData.data"
|
|
||||||
v-loading="clickseetableData.loading"
|
|
||||||
row-key="id"
|
|
||||||
height="66vh"
|
|
||||||
>
|
|
||||||
<el-table-column label="耗材名称" prop="conName" />
|
<el-table-column label="耗材名称" prop="conName" />
|
||||||
<el-table-column label="现有库存" >
|
<el-table-column label="现有库存">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<span :class="[computedClass(scope.row.balance)]"> {{scope.row.balance }}</span>
|
<span :class="[computedClass(scope.row.balance)]"> {{ scope.row.balance }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="耗材消耗" prop="conConsume" align="center" />
|
<el-table-column label="耗材消耗" prop="conConsume" align="center" />
|
||||||
<el-table-column label="耗材入库" prop="conIn" align="center" />
|
<el-table-column label="耗材入库" prop="conIn" align="center" />
|
||||||
<el-table-column label="耗材出库" prop="conOut" align="center" />
|
<el-table-column label="耗材出库" prop="conOut" align="center" />
|
||||||
<el-table-column label="耗材反还" prop="conReturn" align="center"/>
|
<el-table-column label="耗材反还" prop="conReturn" align="center" />
|
||||||
|
|
||||||
<!-- <el-table-column label="业务编码" prop="bizCode" /> -->
|
<!-- <el-table-column label="业务编码" prop="bizCode" /> -->
|
||||||
<!-- <el-table-column label="业务说明" prop="bizName" /> -->
|
<!-- <el-table-column label="业务说明" prop="bizName" /> -->
|
||||||
|
|
@ -36,25 +95,16 @@
|
||||||
<!-- <el-table-column label="正负号标识" prop="bizType" /> -->
|
<!-- <el-table-column label="正负号标识" prop="bizType" /> -->
|
||||||
<!-- <el-table-column label="耗材id" prop="consId" /> -->
|
<!-- <el-table-column label="耗材id" prop="consId" /> -->
|
||||||
<!-- <el-table-column label="创建时间" prop="createTime"></el-table-column> -->
|
<!-- <el-table-column label="创建时间" prop="createTime"></el-table-column> -->
|
||||||
<el-table-column label="所属商品" width="320" align="center">
|
<el-table-column label="所属商品" width="320" align="center">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-button
|
<el-button v-for="(item) in scope.row.product" @click="toGoods(item)" :key="item.productId"
|
||||||
v-for="(item) in scope.row.product"
|
type="text">{{ item.productName }}</el-button>
|
||||||
@click="toGoods(item)"
|
|
||||||
:key="item.productId"
|
|
||||||
type="text"
|
|
||||||
>{{item.productName}}</el-button
|
|
||||||
>
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center">
|
<el-table-column label="操作" align="center">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-button
|
<el-button type="text" @click="lookDetail(scope.row)">查看详情</el-button>
|
||||||
type="text"
|
|
||||||
@click="lookDetail(scope.row)"
|
|
||||||
>查看详情</el-button
|
|
||||||
>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- <el-table-column label="更新时间" prop="updateTime">
|
<!-- <el-table-column label="更新时间" prop="updateTime">
|
||||||
|
|
@ -65,20 +115,14 @@
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
<div class="head-container">
|
<div class="head-container">
|
||||||
<el-pagination
|
<el-pagination :total="clickseetableData.total" :current-page="clickseetableData.page + 1"
|
||||||
:total="clickseetableData.total"
|
:page-size="clickseetableData.size" layout="total, sizes, prev, pager, next, jumper"
|
||||||
:current-page="clickseetableData.page + 1"
|
@current-change="paginationChangetype" @size-change="e => {
|
||||||
:page-size="clickseetableData.size"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
@current-change="paginationChangetype"
|
|
||||||
@size-change="
|
|
||||||
e => {
|
|
||||||
clickseetableData.size = e;
|
clickseetableData.size = e;
|
||||||
clickseetableData.page = 0;
|
clickseetableData.page = 0;
|
||||||
getTableData();
|
getTableData();
|
||||||
}
|
}
|
||||||
"
|
" />
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<cons-record-detail ref="recodeDetail"></cons-record-detail>
|
<cons-record-detail ref="recodeDetail"></cons-record-detail>
|
||||||
|
|
@ -86,11 +130,11 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { gettbConsInfoFlow,viewConInfoFlow } from "@/api/consumable";
|
import { gettbConsInfoFlow, viewConInfoFlow } from "@/api/consumable";
|
||||||
import consRecordDetail from "../components/cons_record_detail";
|
import consRecordDetail from "../components/cons_record_detail";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components:{
|
components: {
|
||||||
consRecordDetail
|
consRecordDetail
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -111,26 +155,26 @@ export default {
|
||||||
this.getTableData();
|
this.getTableData();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
toGoods(data){
|
toGoods(data) {
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path:'/product/product',
|
path: '/product/product',
|
||||||
query:{
|
query: {
|
||||||
productId: data.productId
|
productId: data.productId
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
computedClass(num){
|
computedClass(num) {
|
||||||
if(num>0){
|
if (num > 0) {
|
||||||
return 'green'
|
return 'green'
|
||||||
}else{
|
} else {
|
||||||
return 'red'
|
return 'red'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
lookDetail(row){
|
lookDetail(row) {
|
||||||
this.$refs.recodeDetail.open({
|
this.$refs.recodeDetail.open({
|
||||||
"consId": row.consId,
|
"consId": row.consId,
|
||||||
"conName": row.conName
|
"conName": row.conName
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
resetHandle() {
|
resetHandle() {
|
||||||
this.clickseetableData.page = 0;
|
this.clickseetableData.page = 0;
|
||||||
|
|
@ -157,17 +201,17 @@ export default {
|
||||||
shopId: localStorage.getItem("shopId")
|
shopId: localStorage.getItem("shopId")
|
||||||
});
|
});
|
||||||
this.clickseetableData.loading = false;
|
this.clickseetableData.loading = false;
|
||||||
this.clickseetableData.data = res.content.map(v=>{
|
this.clickseetableData.data = res.content.map(v => {
|
||||||
const productIds=v.productId?v.productId.split(','):[]
|
const productIds = v.productId ? v.productId.split(',') : []
|
||||||
return{
|
return {
|
||||||
...v,
|
...v,
|
||||||
product:productIds.map((str,index)=>{
|
product: productIds.map((str, index) => {
|
||||||
const startIndex=str.indexOf('_')
|
const startIndex = str.indexOf('_')
|
||||||
const productId=str.slice(0,startIndex)
|
const productId = str.slice(0, startIndex)
|
||||||
const productName=str.slice(startIndex+1,str.length)
|
const productName = str.slice(startIndex + 1, str.length)
|
||||||
return {
|
return {
|
||||||
productId,
|
productId,
|
||||||
productName:productName+`${(index==productIds.length-1)?'':','}`
|
productName: productName + `${(index == productIds.length - 1) ? '' : ','}`
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -182,22 +226,88 @@ export default {
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.green{
|
.green {
|
||||||
color: #13ce66;
|
color: #13ce66;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.red{
|
|
||||||
|
.red {
|
||||||
color: #ff4949;
|
color: #ff4949;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
||||||
}
|
}
|
||||||
::v-deep .el-table .cell{
|
|
||||||
|
::v-deep .el-table .cell {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table th.el-table__cell>.cell{
|
::v-deep .el-table th.el-table__cell>.cell {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
</style>
|
|
||||||
|
.box {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0px 90px 20px 90px;
|
||||||
|
|
||||||
|
.boxitem {
|
||||||
|
min-width: max-content;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 10px 24px;
|
||||||
|
background: rgba(244, 249, 255, 0.5);
|
||||||
|
border-radius: 10px;
|
||||||
|
|
||||||
|
.boxitem_s {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: flex-start;
|
||||||
|
|
||||||
|
.boxitem_ses {
|
||||||
|
margin-top: 10px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.es {
|
||||||
|
border-left: 2px solid #DDDFE6;
|
||||||
|
padding: 0 10px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.e {
|
||||||
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.s {
|
||||||
|
margin-left: 10px;
|
||||||
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 15px;
|
||||||
|
color: #3F9EFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.es:nth-child(1) {
|
||||||
|
margin-top: 0;
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.boxitem_ses:nth-child(1) {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
style="width: 150px"
|
style="width: 150px"
|
||||||
@keyup.enter.native="getTableData"
|
@keyup.enter.native="getTableData"
|
||||||
/> -->
|
/> -->
|
||||||
<div style="width: 150px">
|
<!-- <div style="width: 150px">
|
||||||
<el-select v-model="query.conTypeId" placeholder="请选择耗材分类" style="width: 100%">
|
<el-select v-model="query.conTypeId" placeholder="请选择耗材分类" style="width: 100%">
|
||||||
<el-option :label="item.conTypeName" :value="item.id" v-for="item in consTypeList"
|
<el-option :label="item.conTypeName" :value="item.id" v-for="item in consTypeList"
|
||||||
:key="item.conTypeId" />
|
:key="item.conTypeId" />
|
||||||
|
|
@ -21,7 +21,7 @@
|
||||||
<el-input v-model="query.conTypeName" size="small" clearable placeholder="请输入类型名称" style="width: 150px"
|
<el-input v-model="query.conTypeName" size="small" clearable placeholder="请输入类型名称" style="width: 150px"
|
||||||
@keyup.enter.native="getTableData" />
|
@keyup.enter.native="getTableData" />
|
||||||
<el-input v-model="query.conCode" size="small" clearable placeholder="请输入耗材代码" style="width: 150px"
|
<el-input v-model="query.conCode" size="small" clearable placeholder="请输入耗材代码" style="width: 150px"
|
||||||
@keyup.enter.native="getTableData" />
|
@keyup.enter.native="getTableData" /> -->
|
||||||
<el-input v-model="query.conName" size="small" clearable placeholder="请输入耗材名称" style="width: 150px"
|
<el-input v-model="query.conName" size="small" clearable placeholder="请输入耗材名称" style="width: 150px"
|
||||||
@keyup.enter.native="getTableData" />
|
@keyup.enter.native="getTableData" />
|
||||||
<div style="width: 150px">
|
<div style="width: 150px">
|
||||||
|
|
@ -38,6 +38,11 @@
|
||||||
<el-button @click="resetHandle">重置</el-button>
|
<el-button @click="resetHandle">重置</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<el-button @click="$router.push({ name: 'operation_in' })">入库</el-button>
|
||||||
|
<el-button @click="$router.push({ name: 'operation_out' })">出库</el-button>
|
||||||
|
<el-button @click="$router.push({ name: 'cons_record' })">库存记录</el-button>
|
||||||
|
<el-button @click="$router.push({ name: 'type' })">分类管理</el-button>
|
||||||
|
<el-button @click="$router.push({ name: 'supplier_manage' })">供应商管理</el-button>
|
||||||
<el-button icon="el-icon-download" :loading="downloadLoading" @click="protHandle">导出耗材</el-button>
|
<el-button icon="el-icon-download" :loading="downloadLoading" @click="protHandle">导出耗材</el-button>
|
||||||
<el-button icon="el-icon-upload2" :loading="uploadLoading" @click="dialogVisible = true">导入耗材</el-button>
|
<el-button icon="el-icon-upload2" :loading="uploadLoading" @click="dialogVisible = true">导入耗材</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -63,9 +68,8 @@
|
||||||
<i class="el-icon-edit" @click="scope.row.editNYD = 1"></i>
|
<i class="el-icon-edit" @click="scope.row.editNYD = 1"></i>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="分类名称" prop="conTypeName"></el-table-column>
|
<!-- <el-table-column label="分类名称" prop="conTypeName"></el-table-column> -->
|
||||||
<el-table-column label="单位" prop="conUnit">
|
<el-table-column label="单位" prop="conUnit">
|
||||||
|
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<div v-if="scope.row.editNYD == 2">
|
<div v-if="scope.row.editNYD == 2">
|
||||||
<el-input v-model="scope.row.conUnit" placeholder="请输入内容" @blur="conNameClick(scope.row)"></el-input>
|
<el-input v-model="scope.row.conUnit" placeholder="请输入内容" @blur="conNameClick(scope.row)"></el-input>
|
||||||
|
|
@ -77,12 +81,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="现有库存">
|
<!-- <el-table-column label="现有库存">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<span :class="[computedClass(scope.row.balance)]"> {{ scope.row.balance }}</span>
|
<span :class="[computedClass(scope.row.balance)]"> {{ scope.row.balance }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="耗材消耗" prop="conConsume" />
|
<el-table-column label="耗材消耗" prop="conConsume" />
|
||||||
<el-table-column label="耗材入库" prop="conIn" />
|
<el-table-column label="耗材入库" prop="conIn" />
|
||||||
<el-table-column label="耗材出库" prop="conOut" />
|
<el-table-column label="耗材出库" prop="conOut" />
|
||||||
<el-table-column label="耗材反还" prop="conReturn" />
|
<el-table-column label="耗材反还" prop="conReturn" />
|
||||||
|
|
@ -91,14 +95,14 @@
|
||||||
<el-switch v-model="scope.row.isCheck" active-value="1" inactive-value="0"
|
<el-switch v-model="scope.row.isCheck" active-value="1" inactive-value="0"
|
||||||
@change="showChange($event, scope.row)"></el-switch>
|
@change="showChange($event, scope.row)"></el-switch>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column> -->
|
||||||
<el-table-column label="所属商品" width="220">
|
<el-table-column label="所属商品">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<div class="goods-list">
|
<div class="goods-list">
|
||||||
<el-button v-for="(item) in scope.row.product" @click="toGoods(item)" :key="item.productId" type="text">{{
|
<el-button v-for="(item) in scope.row.product" @click="toGoods(item)" :key="item.productId" type="text">{{
|
||||||
item.productName }}</el-button>
|
item.productName }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="库存数量" prop="stockNumber">
|
<el-table-column label="库存数量" prop="stockNumber">
|
||||||
|
|
@ -118,19 +122,20 @@
|
||||||
<i class="el-icon-edit" @click="scope.row.editNYD = 3"></i>
|
<i class="el-icon-edit" @click="scope.row.editNYD = 3"></i>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column label="状态" prop="status">
|
||||||
<el-table-column label="创建时间" prop="createTime" width="200">
|
<template v-slot="scope">
|
||||||
<!-- <template v-slot="scope">
|
<el-switch v-model="scope.row.status" active-value="1" inactive-value="0"
|
||||||
{{ dayjs(scope.row.createTime).format("YYYY-MM-DD HH:mm:ss") }}
|
@change="changeswitchstatus(scope.row)"></el-switch>
|
||||||
</template> -->
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<!-- <el-table-column label="创建时间" prop="createTime" width="200"> </el-table-column> -->
|
||||||
<el-table-column label="操作" width="250" fixed="right">
|
<el-table-column label="操作" width="250" fixed="right">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-button type="text" @click="editorHandle(scope.row)">编辑</el-button>
|
<el-button type="text" @click="editorHandle(scope.row)">编辑</el-button>
|
||||||
<el-button type="text" @click="clicksee(scope.row)" style="margin-left: 10px !important">耗材记录</el-button>
|
<el-button type="text" @click="clicksee(scope.row)" style="margin-left: 10px !important">耗材记录</el-button>
|
||||||
<el-button type="text" size="mini" style="margin-left: 10px !important"
|
<el-button type="text" size="mini" style="margin-left: 10px !important"
|
||||||
@click="$refs.AddConsTakin.show(scope.row)">耗材盘点</el-button>
|
@click="$refs.AddConsTakin.show(scope.row)">耗材盘点</el-button>
|
||||||
<el-button style="margin-left: 10px !important" type="text" @click="lookDetail(scope.row)">查看详情</el-button>
|
<!-- <el-button style="margin-left: 10px !important" type="text" @click="lookDetail(scope.row)">查看详情</el-button> -->
|
||||||
<!-- <el-button type="text" icon="el-icon-rank">排序</el-button> -->
|
<!-- <el-button type="text" icon="el-icon-rank">排序</el-button> -->
|
||||||
<!-- <el-button type="text" @click="clickdialogfadd(scope.row)"
|
<!-- <el-button type="text" @click="clickdialogfadd(scope.row)"
|
||||||
style="margin-left: 10px !important;">入库</el-button> -->
|
style="margin-left: 10px !important;">入库</el-button> -->
|
||||||
|
|
@ -586,6 +591,14 @@ export default {
|
||||||
row.editNYD = 0
|
row.editNYD = 0
|
||||||
this.$message.success('修改成功')
|
this.$message.success('修改成功')
|
||||||
},
|
},
|
||||||
|
async changeswitchstatus(row) {
|
||||||
|
await postapitbConsInfo([{
|
||||||
|
id: row.consId,
|
||||||
|
...row,
|
||||||
|
shopId: localStorage.getItem('shopId')
|
||||||
|
}])
|
||||||
|
this.$message.success('修改成功')
|
||||||
|
},
|
||||||
computedClass(num) {
|
computedClass(num) {
|
||||||
if (num > 0) {
|
if (num > 0) {
|
||||||
return 'green'
|
return 'green'
|
||||||
|
|
@ -861,13 +874,15 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
::v-deep .goods-list .el-button--text span{
|
::v-deep .goods-list .el-button--text span {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
::v-deep .goods-list .el-button--text{
|
|
||||||
|
::v-deep .goods-list .el-button--text {
|
||||||
white-space: break-spaces;
|
white-space: break-spaces;
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-success {
|
.color-success {
|
||||||
color: #67c23a;
|
color: #67c23a;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!-- eslint-disable no-empty -->
|
<!-- eslint-disable no-empty -->
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<div class="head-container">
|
<!-- <div class="head-container">
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="3">
|
<el-col :span="3">
|
||||||
<el-input v-model="query.conTypeName" size="small" clearable placeholder="请输入耗材类型名称" style="width: 100%;"
|
<el-input v-model="query.conTypeName" size="small" clearable placeholder="请输入耗材类型名称" style="width: 100%;"
|
||||||
|
|
@ -21,7 +21,7 @@
|
||||||
<el-button @click="resetHandle">重置</el-button>
|
<el-button @click="resetHandle">重置</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div> -->
|
||||||
<div class="head-container">
|
<div class="head-container">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col>
|
<el-col>
|
||||||
|
|
@ -31,32 +31,34 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="head-container" id="table_drag">
|
<div class="head-container" id="table_drag">
|
||||||
<el-table ref="table" :data="tableData.data" v-loading="tableData.loading" row-key="id">
|
<el-table ref="table" :data="tableData.data" v-loading="tableData.loading" row-key="id">
|
||||||
<el-table-column prop="id" label="ID" width="50px" />
|
<el-table-column prop="id" label="ID" />
|
||||||
<el-table-column label="耗材类型名称" prop="conTypeName" />
|
<el-table-column label="耗材类型名称" prop="conTypeName" />
|
||||||
<el-table-column label="耗材类型代码" prop="conTypeCode" />
|
<!-- <el-table-column label="耗材类型代码" prop="conTypeCode" />
|
||||||
<el-table-column label="创建时间" prop="createTime">
|
<el-table-column label="创建时间" prop="createTime">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ dayjs(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
|
{{ dayjs(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="店铺ID" prop="shopId">
|
<el-table-column label="店铺ID" prop="shopId">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ scope.row.shopId }}
|
<el-link type="primary" @click="$router.push({ name: 'information' })">{{ scope.row.shopId }}</el-link>
|
||||||
<!-- <el-link type="primary" @click="$router.push({ name: 'information' })">{{ scope.row.shopId }}</el-link> -->
|
</template>
|
||||||
</template>
|
</el-table-column> -->
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="状态" prop="status">
|
<el-table-column label="状态" prop="status">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-tag type="primary" v-if="scope.row.status == '1'">正常</el-tag>
|
<!-- <el-tag type="primary" v-if="scope.row.status == '1'">正常</el-tag>
|
||||||
<el-tag type="danger" v-if="scope.row.status == '0'">禁用</el-tag>
|
<el-tag type="danger" v-if="scope.row.status == '0'">禁用</el-tag> -->
|
||||||
|
<el-switch active-value="0" inactive-value="1"
|
||||||
|
v-model="scope.row.status" @change="changeswitch(scope.row)" />
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- <el-table-column label="排序" prop="sort" sortable /> -->
|
<!-- <el-table-column label="排序" prop="sort" sortable />
|
||||||
<el-table-column label="更新时间" prop="updateTime">
|
<el-table-column label="更新时间" prop="updateTime">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ dayjs(scope.row.createdAt).format('YYYY-MM-DD HH:mm:ss') }}
|
{{ dayjs(scope.row.createdAt).format('YYYY-MM-DD HH:mm:ss') }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>-->
|
||||||
<el-table-column label="操作" width="200">
|
<el-table-column label="操作" width="200">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<!-- <el-button type="text" icon="el-icon-rank">排序</el-button> -->
|
<!-- <el-button type="text" icon="el-icon-rank">排序</el-button> -->
|
||||||
|
|
@ -77,7 +79,7 @@
|
||||||
<el-dialog :title="dialogtitle" :visible.sync="dialogshow">
|
<el-dialog :title="dialogtitle" :visible.sync="dialogshow">
|
||||||
<el-form ref="refruleForm" :model="ruleForm" :rules="rules">
|
<el-form ref="refruleForm" :model="ruleForm" :rules="rules">
|
||||||
<el-form-item label="耗材类型名称" prop="conTypeName">
|
<el-form-item label="耗材类型名称" prop="conTypeName">
|
||||||
<el-input v-model="ruleForm.conTypeName" @input="trimInput($event,'conTypeName')"/>
|
<el-input v-model="ruleForm.conTypeName" @input="trimInput($event, 'conTypeName')" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="耗材类型代码" prop="conTypeCode">
|
<!-- <el-form-item label="耗材类型代码" prop="conTypeCode">
|
||||||
<el-input v-model="ruleForm.conTypeCode" />
|
<el-input v-model="ruleForm.conTypeCode" />
|
||||||
|
|
@ -153,7 +155,7 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
trimInput(val,key){
|
trimInput(val, key) {
|
||||||
console.log(val)
|
console.log(val)
|
||||||
this.ruleForm[key] = val.replace(/\s+/g, '')
|
this.ruleForm[key] = val.replace(/\s+/g, '')
|
||||||
},
|
},
|
||||||
|
|
@ -230,6 +232,17 @@ export default {
|
||||||
}
|
}
|
||||||
this.dialogshow = true
|
this.dialogshow = true
|
||||||
},
|
},
|
||||||
|
async changeswitch(item) {
|
||||||
|
console.log(item)
|
||||||
|
await puttbConsType({
|
||||||
|
id: item.id,
|
||||||
|
conTypeCode: item.conTypeCode,
|
||||||
|
conTypeName: item.conTypeName,
|
||||||
|
shopId: item.shopId,
|
||||||
|
status: item.status
|
||||||
|
})
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
submitForm(formName) {
|
submitForm(formName) {
|
||||||
this.$refs[formName].validate(async (valid) => {
|
this.$refs[formName].validate(async (valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
|
|
|
||||||
|
|
@ -117,4 +117,68 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.box {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0px 90px 20px 90px;
|
||||||
|
|
||||||
|
.boxitem {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 10px 24px;
|
||||||
|
background: rgba(244, 249, 255, 0.5);
|
||||||
|
border-radius: 10px;
|
||||||
|
|
||||||
|
.boxitem_s {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: flex-start;
|
||||||
|
|
||||||
|
.boxitem_ses {
|
||||||
|
margin-top: 10px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.es {
|
||||||
|
border-left: 2px solid #DDDFE6;
|
||||||
|
padding: 0 10px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.e {
|
||||||
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.s {
|
||||||
|
margin-left: 10px;
|
||||||
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 15px;
|
||||||
|
color: #3F9EFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.es:nth-child(1) {
|
||||||
|
margin-top: 0;
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.boxitem_ses:nth-child(1) {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -385,8 +385,25 @@ export default {
|
||||||
this.shopTypesActive = type == 'in' ? 0 : 1
|
this.shopTypesActive = type == 'in' ? 0 : 1
|
||||||
this.inTabValue = value
|
this.inTabValue = value
|
||||||
this.resetHandle()
|
this.resetHandle()
|
||||||
this.$refs.shopList.clearSelection()//清除选项
|
this.$refs.shopList.reset()//清除选项
|
||||||
this.$refs.ConsumableList.clearSelection()//清除选项
|
this.$refs.ConsumableList.reset()//清除选项
|
||||||
|
},
|
||||||
|
// 切换类型
|
||||||
|
changeTypeEnum(index) {
|
||||||
|
this.inTabs.forEach((i) => {
|
||||||
|
if (i.value == this.inTabValue) {
|
||||||
|
this.queryForm.type = i.type
|
||||||
|
}
|
||||||
|
})
|
||||||
|
if (this.inTabValue == 'consumable') {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
//商品入库是否显示应付实付
|
||||||
|
if (this.queryForm.purveyorId) {
|
||||||
|
this.shopTypesActive = 0
|
||||||
|
} else {
|
||||||
|
this.shopTypesActive = 1
|
||||||
|
}
|
||||||
},
|
},
|
||||||
// 计算耗材总价
|
// 计算耗材总价
|
||||||
consCountTotal(cvalue, row, key1, key2 = undefined) {
|
consCountTotal(cvalue, row, key1, key2 = undefined) {
|
||||||
|
|
@ -470,8 +487,8 @@ export default {
|
||||||
}
|
}
|
||||||
this.queryFormLoading = false
|
this.queryFormLoading = false
|
||||||
this.showResult = true
|
this.showResult = true
|
||||||
this.$refs.shopList.clearSelection()//清除选项
|
this.$refs.shopList.reset()//清除选项
|
||||||
this.$refs.ConsumableList.clearSelection()//清除选项
|
this.$refs.ConsumableList.reset()//清除选项
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log(error)
|
console.log(error)
|
||||||
this.queryFormLoading = false
|
this.queryFormLoading = false
|
||||||
|
|
@ -496,7 +513,7 @@ export default {
|
||||||
this.showResult = false
|
this.showResult = false
|
||||||
this.queryForm = { ...this.resetForm }
|
this.queryForm = { ...this.resetForm }
|
||||||
if (this.inTabValue == 'goods') {
|
if (this.inTabValue == 'goods') {
|
||||||
this.queryForm.type = this.shopTypes[this.shopTypesActive].value
|
this.queryForm.type = 'purveyor'
|
||||||
} else {
|
} else {
|
||||||
this.queryForm.type = this.inTabs.find(item => item.value == this.inTabValue).type
|
this.queryForm.type = this.inTabs.find(item => item.value == this.inTabValue).type
|
||||||
}
|
}
|
||||||
|
|
@ -504,22 +521,7 @@ export default {
|
||||||
this.$refs.queryForm.resetFields()
|
this.$refs.queryForm.resetFields()
|
||||||
this.$refs.queryForm.resetFields()
|
this.$refs.queryForm.resetFields()
|
||||||
},
|
},
|
||||||
// 切换类型
|
|
||||||
changeTypeEnum(index) {
|
|
||||||
console.log(this.inTabValue)
|
|
||||||
if (this.inTabValue == 'consumable') {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
if (this.queryForm.purveyorId) {
|
|
||||||
this.shopTypesActive = 0
|
|
||||||
} else {
|
|
||||||
this.shopTypesActive = 1
|
|
||||||
}
|
|
||||||
this.queryForm.type = this.shopTypes[this.shopTypesActive].value
|
|
||||||
// console.log(index)
|
|
||||||
// this.shopTypesActive = index
|
|
||||||
// this.queryForm.type = this.shopTypes[index].value
|
|
||||||
},
|
|
||||||
// 获取供应商列表
|
// 获取供应商列表
|
||||||
async tbShopPurveyorGet() {
|
async tbShopPurveyorGet() {
|
||||||
try {
|
try {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue