|
@@ -1,30 +1,26 @@
|
|
<template>
|
|
<template>
|
|
<!-- 广播及电视上刊确认单样例 -->
|
|
<!-- 广播及电视上刊确认单样例 -->
|
|
<div style="margin: 5px 0 20px 0;padding: 0 20px;">
|
|
<div style="margin: 5px 0 20px 0;padding: 0 20px;">
|
|
- <el-table class="com-table" ref="multipleTable" :data="infodata" tooltip-effect="dark"
|
|
|
|
- size="small" border style="width: 100%">
|
|
|
|
|
|
+ <el-table class="com-table" ref="multipleTable" :data="infodata" tooltip-effect="dark" size="small" border
|
|
|
|
+ style="width: 100%">
|
|
<el-table-column prop="media_name" label="媒体" width="200">
|
|
<el-table-column prop="media_name" label="媒体" width="200">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.mediaName"
|
|
|
|
- :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.mediaName" :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="infoCode" label="栏目" width="200">
|
|
|
|
|
|
+ <el-table-column prop="colMenu" label="栏目" width="200">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.lm"
|
|
|
|
- :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.colMenu" :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="adv_form" label="具体形式" width="200">
|
|
<el-table-column prop="adv_form" label="具体形式" width="200">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.advForm"
|
|
|
|
- :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.advForm" :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="put_spec" label="规格" width="200">
|
|
<el-table-column prop="put_spec" label="规格" width="200">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.putSpec"
|
|
|
|
- :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.putSpec" :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="put_cycle" label="发布周期" width="200">
|
|
<el-table-column prop="put_cycle" label="发布周期" width="200">
|
|
@@ -35,105 +31,121 @@
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="put_freq" label="频次" width="200">
|
|
<el-table-column prop="put_freq" label="频次" width="200">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.putFreq"
|
|
|
|
- :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.putFreq" :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="start_time" label="时段" width="200">
|
|
<el-table-column prop="start_time" label="时段" width="200">
|
|
- <template slot-scope="scope">
|
|
|
|
- <el-input v-model="scope.row.startTime"
|
|
|
|
- :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
|
|
- </template>
|
|
|
|
|
|
+ <el-table-column prop="start_time" label="开始时间" width="200">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-date-picker :disabled="titname != '添加'&&vision != '流程发起'" v-model="scope.row.startTime"
|
|
|
|
+ type="date">
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="start_time" label="结束时间" width="200">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-date-picker :disabled="titname != '添加'&&vision != '流程发起'" v-model="scope.row.endTime"
|
|
|
|
+ type="date">
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="adv_price" label="刊例价" width="200">
|
|
<el-table-column prop="adv_price" label="刊例价" width="200">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.advPrice"
|
|
|
|
- :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.advPrice" :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="discount_rate" label="折扣" width="200">
|
|
<el-table-column prop="discount_rate" label="折扣" width="200">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.discountRate"
|
|
|
|
- :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.discountRate" :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="结算" align="center">
|
|
<el-table-column label="结算" align="center">
|
|
<el-table-column prop="num_days" label="天数" width="100">
|
|
<el-table-column prop="num_days" label="天数" width="100">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.numDays"
|
|
|
|
- :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.numDays" :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="cost_tax" label="金额(含税)" width="100">
|
|
<el-table-column prop="cost_tax" label="金额(含税)" width="100">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.costTax"
|
|
|
|
- :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.costTax" :disabled="titname != '添加'&&vision != '流程发起'"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="cost_all" label="金额(不含税)" width="100">
|
|
<el-table-column prop="cost_all" label="金额(不含税)" width="100">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.costAll"
|
|
|
|
- :disabled="titname != '添加'&&vision != '流程发起'" @change="sumjeno">
|
|
|
|
|
|
+ <el-input v-model="scope.row.costAll" :disabled="titname != '添加'&&vision != '流程发起'"
|
|
|
|
+ @change="sumjeno">
|
|
</el-input>
|
|
</el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
-
|
|
|
|
- <el-table-column label="操作" width="120px" align="center" v-if="titname == '添加'"
|
|
|
|
- fixed="right">
|
|
|
|
|
|
+
|
|
|
|
+ <el-table-column label="操作" width="120px" align="center" v-if="titname == '添加'" fixed="right">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-button size="mini" type="primary" @click="choline(1,scope)">添加</el-button>
|
|
<el-button size="mini" type="primary" @click="choline(1,scope)">添加</el-button>
|
|
<el-button size="mini" type="danger" @click="choline(2,scope)">删除</el-button>
|
|
<el-button size="mini" type="danger" @click="choline(2,scope)">删除</el-button>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
- <div class="sumbox">总价:{{allsum}}</div>
|
|
|
|
|
|
+ <div class="sumbox">总价:{{allSum}}</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
export default {
|
|
export default {
|
|
- props: ["vision", "titname","infodatas","status","allsumnum"],
|
|
|
|
|
|
+ props: ["vision", "titname", "infodatas", "status", "allSumnum"],
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
infodata: [],
|
|
infodata: [],
|
|
- allsum: 0
|
|
|
|
|
|
+ allSum: 0
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
choline(v, n) {
|
|
choline(v, n) {
|
|
if (v == 1) {
|
|
if (v == 1) {
|
|
- this.infodata.push({costAll:0})
|
|
|
|
|
|
+ this.infodata.push({
|
|
|
|
+ costAll: 0
|
|
|
|
+ })
|
|
} else {
|
|
} else {
|
|
this.infodata.splice(n.$index, 1)
|
|
this.infodata.splice(n.$index, 1)
|
|
}
|
|
}
|
|
- this.allsum = 0;
|
|
|
|
|
|
+ this.allSum = 0;
|
|
for (let i = 0; i < this.infodata.length; i++) {
|
|
for (let i = 0; i < this.infodata.length; i++) {
|
|
- this.allsum += this.infodata[i].costAll*1;
|
|
|
|
|
|
+ this.allSum += this.infodata[i].costAll * 1;
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- sumjeno(){
|
|
|
|
- this.allsum = 0;
|
|
|
|
|
|
+ sumjeno() {
|
|
|
|
+ this.allSum = 0;
|
|
for (let i = 0; i < this.infodata.length; i++) {
|
|
for (let i = 0; i < this.infodata.length; i++) {
|
|
- this.allsum += this.infodata[i].costAll*1;
|
|
|
|
|
|
+ this.allSum += this.infodata[i].costAll * 1;
|
|
|
|
+ }
|
|
|
|
+ for (let i = 0; i < this.infodata.length; i++) {
|
|
|
|
+ this.infodata[i].startTime ? this.infodata[i].startTime = this.$formatDate(this.infodata[i].startTime,
|
|
|
|
+ "YYYY-MM-DD") : '';
|
|
|
|
+ this.infodata[i].endTime ? this.infodata[i].endTime = this.$formatDate(this.infodata[i].endTime,
|
|
|
|
+ "YYYY-MM-DD") : '';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted() {},
|
|
mounted() {},
|
|
created() {
|
|
created() {
|
|
- this.infodata = [{costAll:0}, {costAll:0}];
|
|
|
|
- if(this.status){
|
|
|
|
|
|
+ this.infodata = [{
|
|
|
|
+ costAll: 0
|
|
|
|
+ }, {
|
|
|
|
+ costAll: 0
|
|
|
|
+ }];
|
|
|
|
+ if (this.status) {
|
|
this.infodata = this.infodatas;
|
|
this.infodata = this.infodatas;
|
|
- this.allsum = this.allsumnum;
|
|
|
|
|
|
+ this.allSum = this.allSumnum;
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- watch:{
|
|
|
|
- allsum(v){
|
|
|
|
- this.$emit('backsum',this.allsum,this.infodata)
|
|
|
|
|
|
+ watch: {
|
|
|
|
+ allSum(v) {
|
|
|
|
+ this.$emit('backsum', this.allSum, this.infodata)
|
|
},
|
|
},
|
|
- status(v){
|
|
|
|
|
|
+ status(v) {
|
|
this.infodata = this.infodatas;
|
|
this.infodata = this.infodatas;
|
|
- this.allsum = this.allsumnum;
|
|
|
|
|
|
+ this.allSum = this.allSumnum;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
@@ -148,4 +160,7 @@
|
|
margin: 20px 0;
|
|
margin: 20px 0;
|
|
font-size: 18px;
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
|
|
+ .el-date-editor{
|
|
|
|
+ width: 178px!important;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|