|
@@ -0,0 +1,127 @@
|
|
|
+
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <div style="display:flex;align-items:center">
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入搜索内容"
|
|
|
+ suffix-icon="el-icon-search"
|
|
|
+ v-model="params.content.where.condition"
|
|
|
+ style="width:200px"
|
|
|
+ size="mini"
|
|
|
+ class="input-with-select inline-16"
|
|
|
+ @keyup.native.enter="listData(params.content.pageNumber=1)"
|
|
|
+ @clear="clearData"
|
|
|
+ clearable>
|
|
|
+ </el-input>
|
|
|
+ <slot name="addProduct"></slot>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top: 15px">
|
|
|
+ <tableLayout :layout="tablecols" :data="list" :opwidth="200" :custom="true" :width="false" :height="tableHieght" fixedName="operation">
|
|
|
+ <template v-slot:customcol="scope">
|
|
|
+ <div v-if="scope.column.columnname == 'price'">
|
|
|
+ <el-input size="small" v-if="currentProduct.sa_aftersalesmag_itemsid == scope.column.data.sa_aftersalesmag_itemsid" v-model="scope.column.data.price"></el-input>
|
|
|
+ <span v-else>{{scope.column.data.price}}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.column.columnname == 'qty'">
|
|
|
+ <el-input size="small" v-if="currentProduct.sa_aftersalesmag_itemsid == scope.column.data.sa_aftersalesmag_itemsid" v-model="scope.column.data.qty"></el-input>
|
|
|
+ <span v-else>{{scope.column.data.qty}}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.column.columnname == 'reason'">
|
|
|
+ <div v-if="currentProduct.sa_aftersalesmag_itemsid == scope.column.data.sa_aftersalesmag_itemsid">
|
|
|
+ <el-input type="textarea" size="mini" v-model="scope.column.data.reason"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-else>{{scope.column.data.reason ? scope.column.data.reason : '--'}}</div>
|
|
|
+ </div>
|
|
|
+ <p v-else>{{scope.column.data[scope.column.columnname]}}</p>
|
|
|
+ <p v-if="!scope.column.data[scope.column.columnname] && scope.column.data[scope.column.columnname] !== 0 && scope.column.columnname != 'operation'&& scope.column.columnname != 'reason'">--</p>
|
|
|
+ </template>
|
|
|
+ <template v-slot:opreation="scope">
|
|
|
+ <!-- <el-button @click="goDetail(scope)" size="mini" type="text">详 情</el-button> -->
|
|
|
+ </template>
|
|
|
+ </tableLayout>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top:16px;text-align:right">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ small
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="params.content.pageNumber"
|
|
|
+ :page-size="params.content.pageSize"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ props:["data"],
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ tableHieght:"calc(100vh - 380px)",
|
|
|
+ tablecols:[],
|
|
|
+ list:[],
|
|
|
+ total:0,
|
|
|
+ params:{
|
|
|
+ "id":20230224185904,
|
|
|
+ "version":1,
|
|
|
+ "content": {
|
|
|
+ "sa_cashbillid":'',
|
|
|
+ "pageNumber":1,
|
|
|
+ "pageSize":20,
|
|
|
+ "where":{
|
|
|
+ "condition":''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ options:[
|
|
|
+ ],
|
|
|
+ productList:'',
|
|
|
+ currentProduct:{}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ goDetail (scope) {
|
|
|
+ let route = this.$route
|
|
|
+ if (route.path !== '/taskDetails') {
|
|
|
+ this.oldRoute = {path:route.path,query:route.query}
|
|
|
+ this.$store.dispatch('setHistoryRouter',this.oldRoute)
|
|
|
+ }
|
|
|
+ this.$router.replace({path:'/workorderDetail',query:{id:scope.data.sa_workorderid,rowindex:scope.data.rowindex}})
|
|
|
+ },
|
|
|
+ async listData(){
|
|
|
+ this.params.content.sa_cashbillid = this.$route.query.id
|
|
|
+ const res = await this.$api.requested(this.params)
|
|
|
+ this.list = res.data
|
|
|
+ this.total = res.total
|
|
|
+ console.log(this.list)
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ // console.log(`每页 ${val} 条`);
|
|
|
+ this.params.content.pageSize = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ // console.log(`当前页: ${val}`);
|
|
|
+ this.params.content.pageNumber = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ clearData(){
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ queryClick(){
|
|
|
+ this.listData()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.listData()
|
|
|
+ this.tablecols = this.tool.tabelCol(this.$route.name).writeoffbillTable.tablecols
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+</style>
|