|
@@ -11,27 +11,186 @@
|
|
|
<div style="width:180px"></div>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <el-form>
|
|
|
+ <el-form :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ ref="ruleForm">
|
|
|
<div class="lookTitle">基本信息</div>
|
|
|
<el-form-item label="所属分部"
|
|
|
- label-width="80px">
|
|
|
-
|
|
|
+ prop="organId"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-select v-model.trim="form.organId"
|
|
|
+ :disabled="!isAdd"
|
|
|
+ @change="changeOrgin"
|
|
|
+ style="width: 100% !important;">
|
|
|
+ <el-option v-for="(item,index) in organList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="所属学校"
|
|
|
- label-width="80px">
|
|
|
-
|
|
|
+ prop="schoolId"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-select v-model="form.schoolId"
|
|
|
+ :disabled="!isAdd"
|
|
|
+ @change="checkSchool"
|
|
|
+ style="width: 100% !important;">
|
|
|
+ <el-option v-for="(item,index) in cooperationList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="学员编号"
|
|
|
- label-width="80px">
|
|
|
+ prop="userId"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-input v-model.trim="form.userId"
|
|
|
+ :disabled="!isAdd"
|
|
|
+ placeholder="请输入学员编号"></el-input>
|
|
|
</el-form-item>
|
|
|
<div class="lookTitle">交易信息</div>
|
|
|
+ <el-form-item label="交易流水号"
|
|
|
+ prop="transNo"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-input placeholder="请输入交易流水号"
|
|
|
+ type="text"
|
|
|
+ :disabled="!isAdd"
|
|
|
+ v-model.trim="form.transNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="收款账户"
|
|
|
+ prop="merNo"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-input placeholder="请输入收款账户"
|
|
|
+ type="text"
|
|
|
+ :disabled="!isAdd"
|
|
|
+ v-model.trim="form.merNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="交易日期"
|
|
|
+ prop="payTime"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-date-picker style="width: 100%;"
|
|
|
+ :disabled="!isAdd"
|
|
|
+ v-model="form.payTime"
|
|
|
+ type="datetime"
|
|
|
+ format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择交易日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="收入类型"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ prop="applyType">
|
|
|
+ <el-select class="multiple"
|
|
|
+ style="width: 100% !important;"
|
|
|
+ v-model.trim="form.applyType"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ :disabled="!isAdd"
|
|
|
+ placeholder="请选择收入类型">
|
|
|
+ <el-option v-for="(item,index) in orderServerList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="销售金额"
|
|
|
+ prop="goodsAmount"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-input v-model="form.goodsAmount"
|
|
|
+ @mousewheel.native.prevent
|
|
|
+ type="number"
|
|
|
+ :disabled="!isAdd"
|
|
|
+ placeholder="请输入销售金额" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="服务金额"
|
|
|
+ prop="serviceAmount"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-input type="number"
|
|
|
+ @mousewheel.native.prevent
|
|
|
+ :disabled="!isAdd"
|
|
|
+ v-model="form.serviceAmount"
|
|
|
+ placeholder="请输入收入金额" />
|
|
|
+ </el-form-item>
|
|
|
+ <div v-if="form.applyType == 'SELL'">
|
|
|
+ <div v-for="(goodsList, index) in form.goodsList"
|
|
|
+ :key="index">
|
|
|
+ <el-form-item :label="'商品名称' + (index + 1)"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ class="setWidth"
|
|
|
+ :prop="'goodsList.' + index + '.id'"
|
|
|
+ :rules="[{ required: true, message: '请选择商品', trigger: 'change' }]">
|
|
|
+ <el-select v-model.trim="goodsList.id"
|
|
|
+ filterable
|
|
|
+ :disabled="!isAdd"
|
|
|
+ @change="checkgoods"
|
|
|
+ placeholder="请选择商品">
|
|
|
+ <el-option v-for="(item,index) in shopList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="setWidth"
|
|
|
+ style="margin-right: 10px"
|
|
|
+ :prop="'goodsList.' + index + '.number'"
|
|
|
+ :rules="validAmount">
|
|
|
+ <!-- <el-input-number style="width: 160px;" v-model="goodsList.number" placeholder="商品数量"></el-input-number> -->
|
|
|
+ <el-input type="age"
|
|
|
+ style="width: 160px;"
|
|
|
+ :disabled="!isAdd"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入商品数量"
|
|
|
+ @mousewheel.native.prevent
|
|
|
+ v-model.number="goodsList.number"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-button icon="el-icon-minus"
|
|
|
+ :disabled="!isAdd"
|
|
|
+ v-if="form.goodsList.length > 1"
|
|
|
+ circle
|
|
|
+ @click.prevent="removeGoodsList(goodsList)"></el-button>
|
|
|
+ <el-button icon="el-icon-plus"
|
|
|
+ :disabled="!isAdd"
|
|
|
+ @click.prevent="addGoodsList"
|
|
|
+ circle
|
|
|
+ style="margin-left: 5px;"></el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="lookTitle">其它</div>
|
|
|
+ <el-form-item label="备注"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-input placeholder="请输入备注"
|
|
|
+ :disabled="!isAdd"
|
|
|
+ v-model.trim="form.memo"
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"></el-input>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
export default {
|
|
|
data () {
|
|
|
- return {}
|
|
|
+ return {
|
|
|
+ formLabelWidth: "100px",
|
|
|
+ form: {
|
|
|
+ organId: null,
|
|
|
+ transNo: null,
|
|
|
+ type: "OTHER",
|
|
|
+ merNo: null,
|
|
|
+ actualAmount: null,
|
|
|
+ memo: null,
|
|
|
+ payTime: null,
|
|
|
+ serviceAmount: null,
|
|
|
+ goodsAmount: null,
|
|
|
+ schoolId: null,
|
|
|
+ goodsList: [{
|
|
|
+ id: null,
|
|
|
+ number: null
|
|
|
+ }],
|
|
|
+ applyType: null,
|
|
|
+ userId: ''
|
|
|
+ },
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|