|
@@ -2,7 +2,7 @@
|
|
|
<el-dialog
|
|
<el-dialog
|
|
|
:visible.sync="showDialog"
|
|
:visible.sync="showDialog"
|
|
|
:title="title"
|
|
:title="title"
|
|
|
- width="85%"
|
|
|
|
|
|
|
+ width="90%"
|
|
|
:modal-append-to-body="true"
|
|
:modal-append-to-body="true"
|
|
|
style="text-align:left;"
|
|
style="text-align:left;"
|
|
|
@close="closeDialog"
|
|
@close="closeDialog"
|
|
@@ -57,13 +57,16 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<h3>账单信息</h3>
|
|
<h3>账单信息</h3>
|
|
|
- <el-table :data="formModel.billPushGoodsList" show-summary :summary-method="getSummaries">
|
|
|
|
|
|
|
+ <el-table
|
|
|
|
|
+ class="compact-table"
|
|
|
|
|
+ :data="formModel.billPushGoodsList"
|
|
|
|
|
+ show-summary :summary-method="getSummaries">
|
|
|
<el-table-column type="index" label="序号" width="50"></el-table-column>
|
|
<el-table-column type="index" label="序号" width="50"></el-table-column>
|
|
|
<el-table-column prop="goodsId" label="收费项目" width="150">
|
|
<el-table-column prop="goodsId" label="收费项目" width="150">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
<el-input v-model="scope.row.goodTypeId" style="display:none"></el-input>
|
|
<el-input v-model="scope.row.goodTypeId" style="display:none"></el-input>
|
|
|
- <el-select v-model="scope.row.goodsId" placeholder="请选择" style="width:150px;" @change="handGoodsChange(scope)">
|
|
|
|
|
|
|
+ <el-select v-model="scope.row.goodsId" placeholder="请选择" style="width:150px;" @change="handGoodsChange(scope)" size="mini">
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="result in goodsList"
|
|
v-for="result in goodsList"
|
|
|
:key="result.id"
|
|
:key="result.id"
|
|
@@ -74,7 +77,7 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="beginEndTime" label="起止时间" width="400">
|
|
|
|
|
|
|
+ <el-table-column prop="beginEndTime" label="起止时间" width="380">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<el-form-item
|
|
<el-form-item
|
|
|
:prop="'billPushGoodsList.' + scope.$index + '.beginEndTime'"
|
|
:prop="'billPushGoodsList.' + scope.$index + '.beginEndTime'"
|
|
@@ -88,51 +91,52 @@
|
|
|
end-placeholder="结束时间"
|
|
end-placeholder="结束时间"
|
|
|
placeholder="选择时间范围"
|
|
placeholder="选择时间范围"
|
|
|
value-format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
+ size="mini"
|
|
|
>
|
|
>
|
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="numStr" label="数量" width="360">
|
|
|
|
|
|
|
+ <el-table-column prop="numStr" label="数量" width="320">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<el-form-item
|
|
<el-form-item
|
|
|
:prop="'billPushGoodsList.' + scope.$index + '.numStr'"
|
|
:prop="'billPushGoodsList.' + scope.$index + '.numStr'"
|
|
|
:rules="ruleValidate['numStr']"
|
|
:rules="ruleValidate['numStr']"
|
|
|
>
|
|
>
|
|
|
<template v-if="scope.row.goodTypeId=='7'">
|
|
<template v-if="scope.row.goodTypeId=='7'">
|
|
|
- <el-input style="width:100px" placeholder="起码" v-model.number="scope.row.numStr" @change="handStartChange(scope)"></el-input>
|
|
|
|
|
- -<el-input style="width:100px" placeholder="止码" v-model.number="scope.row.numStr2" @change="handStartChange(scope)"></el-input>
|
|
|
|
|
- =<el-input style="width:100px" v-model.number="scope.row.numStr3" @change="handNumChange(scope)"></el-input>
|
|
|
|
|
|
|
+ <el-input style="width:85px" placeholder="起码" v-model.number="scope.row.numStr" @change="handStartChange(scope)" size="mini"></el-input>
|
|
|
|
|
+ -<el-input style="width:85px" placeholder="止码" v-model.number="scope.row.numStr2" @change="handStartChange(scope)" size="mini"></el-input>
|
|
|
|
|
+ =<el-input style="width:85px" v-model.number="scope.row.numStr3" @change="handNumChange(scope)" size="mini"></el-input>
|
|
|
</template>
|
|
</template>
|
|
|
<template v-else>
|
|
<template v-else>
|
|
|
- <el-input placeholder="数量" v-model.number="scope.row.numStr3" @change="handNumChange(scope)"></el-input>
|
|
|
|
|
|
|
+ <el-input placeholder="数量" v-model.number="scope.row.numStr3" @change="handNumChange(scope)" size="mini"></el-input>
|
|
|
</template>
|
|
</template>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="standard" label="收费标准" width="150">
|
|
|
|
|
|
|
+ <el-table-column prop="standard" label="收费标准" width="120">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<el-form-item
|
|
<el-form-item
|
|
|
:prop="'billPushGoodsList.' + scope.$index + '.standard'"
|
|
:prop="'billPushGoodsList.' + scope.$index + '.standard'"
|
|
|
:rules="ruleValidate['standard']"
|
|
:rules="ruleValidate['standard']"
|
|
|
>
|
|
>
|
|
|
<el-input v-model="scope.row.unit" style="display:none"></el-input>
|
|
<el-input v-model="scope.row.unit" style="display:none"></el-input>
|
|
|
- <el-input placeholder="收费标准" v-model="scope.row.standard" ></el-input>
|
|
|
|
|
|
|
+ <el-input placeholder="收费标准" v-model="scope.row.standard" size="mini"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="totalFee" label="合计金额" width="150">
|
|
|
|
|
|
|
+ <el-table-column prop="totalFee" label="合计金额" width="120">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<el-form-item
|
|
<el-form-item
|
|
|
:prop="'billPushGoodsList.' + scope.$index + '.totalFee'"
|
|
:prop="'billPushGoodsList.' + scope.$index + '.totalFee'"
|
|
|
:rules="ruleValidate['totalFee']"
|
|
:rules="ruleValidate['totalFee']"
|
|
|
>
|
|
>
|
|
|
- <el-input placeholder="合计金额" v-model="scope.row.totalFee" readonly="readonly"></el-input>
|
|
|
|
|
|
|
+ <el-input placeholder="合计金额" v-model="scope.row.totalFee" readonly="readonly" size="mini"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
|
|
|
- <el-table-column label="操作" width="200" fixed="right">
|
|
|
|
|
|
|
+ <el-table-column label="操作" width="100" fixed="right">
|
|
|
<template slot-scope="{row}">
|
|
<template slot-scope="{row}">
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
<i class="el-icon-delete my-font" @click="handleDelete(row)"></i>
|
|
<i class="el-icon-delete my-font" @click="handleDelete(row)"></i>
|
|
@@ -190,7 +194,7 @@ export default {
|
|
|
personId:0,
|
|
personId:0,
|
|
|
personName:""
|
|
personName:""
|
|
|
},
|
|
},
|
|
|
- beginEndTime:"",
|
|
|
|
|
|
|
+ beginEndTime: null,
|
|
|
personList:[],
|
|
personList:[],
|
|
|
goodsList:[],
|
|
goodsList:[],
|
|
|
collectionAccountList:[],
|
|
collectionAccountList:[],
|
|
@@ -252,7 +256,7 @@ export default {
|
|
|
billPushGoodsList[i].sortNo = i+1;
|
|
billPushGoodsList[i].sortNo = i+1;
|
|
|
billPushGoodsList[i].beginDate = billPushGoodsList[i].beginEndTime[0];
|
|
billPushGoodsList[i].beginDate = billPushGoodsList[i].beginEndTime[0];
|
|
|
billPushGoodsList[i].endDate = billPushGoodsList[i].beginEndTime[1]
|
|
billPushGoodsList[i].endDate = billPushGoodsList[i].beginEndTime[1]
|
|
|
- billPushGoodsList[i].beginEndTime="";
|
|
|
|
|
|
|
+ //billPushGoodsList[i].beginEndTime=null;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
var removeBillPushGoodsList = this.formModel.removeBillPushGoodsList;
|
|
var removeBillPushGoodsList = this.formModel.removeBillPushGoodsList;
|
|
@@ -261,9 +265,11 @@ export default {
|
|
|
removeBillPushGoodsList[j].sortNo = j+1;
|
|
removeBillPushGoodsList[j].sortNo = j+1;
|
|
|
removeBillPushGoodsList[j].beginDate = removeBillPushGoodsList[j].beginEndTime[0];
|
|
removeBillPushGoodsList[j].beginDate = removeBillPushGoodsList[j].beginEndTime[0];
|
|
|
removeBillPushGoodsList[j].endDate = removeBillPushGoodsList[j].beginEndTime[1]
|
|
removeBillPushGoodsList[j].endDate = removeBillPushGoodsList[j].beginEndTime[1]
|
|
|
- removeBillPushGoodsList[j].beginEndTime="";
|
|
|
|
|
|
|
+ //removeBillPushGoodsList[j].beginEndTime="";
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ console.log(self.formModel);
|
|
|
|
|
+
|
|
|
this.$refs["form"].validate(valid => {
|
|
this.$refs["form"].validate(valid => {
|
|
|
if (valid) {
|
|
if (valid) {
|
|
|
(function() {
|
|
(function() {
|
|
@@ -301,7 +307,7 @@ export default {
|
|
|
this.formModel.billPushGoodsList.push({
|
|
this.formModel.billPushGoodsList.push({
|
|
|
sortNo: this.formModel.billPushGoodsList.length + 1,
|
|
sortNo: this.formModel.billPushGoodsList.length + 1,
|
|
|
goodsId: "",
|
|
goodsId: "",
|
|
|
- beginEndTime: "",
|
|
|
|
|
|
|
+ beginEndTime: null,
|
|
|
numStr: "",
|
|
numStr: "",
|
|
|
numStr2: "",
|
|
numStr2: "",
|
|
|
numStr3: "",
|
|
numStr3: "",
|
|
@@ -318,7 +324,7 @@ export default {
|
|
|
billPushGoodsList.splice(index+1,0,{
|
|
billPushGoodsList.splice(index+1,0,{
|
|
|
sortNo: index + 2,
|
|
sortNo: index + 2,
|
|
|
goodsId: "",
|
|
goodsId: "",
|
|
|
- beginEndTime: "",
|
|
|
|
|
|
|
+ beginEndTime: null,
|
|
|
numStr: "",
|
|
numStr: "",
|
|
|
numStr2: "",
|
|
numStr2: "",
|
|
|
numStr3: "",
|
|
numStr3: "",
|
|
@@ -456,9 +462,9 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
-<style scoped>
|
|
|
|
|
|
|
+<style rel="stylesheet/scss" lang="scss" scoped>
|
|
|
.input-form-main{
|
|
.input-form-main{
|
|
|
- width: 300px;
|
|
|
|
|
|
|
+ width: 250px;
|
|
|
}
|
|
}
|
|
|
.link-span{
|
|
.link-span{
|
|
|
margin-right: 20px;
|
|
margin-right: 20px;
|
|
@@ -474,4 +480,10 @@ export default {
|
|
|
.user-panel {
|
|
.user-panel {
|
|
|
margin: 10px auto;
|
|
margin: 10px auto;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+.compact-table{
|
|
|
|
|
+ .el-form-item {
|
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|