dy-admin-manager/src/views/businessManager/orderManager/orderAudit/orderAuditDetail.vue

<template>
  <div>
    <el-form :inline='true'>
      <div class="lookTitle">申请信息</div>
      <el-form-item label="申请人"
                    label-width="80px">
        <div style="width:180px"></div>
      </el-form-item>
      <el-form-item label="申请时间"
                    label-width="80px">
        <div style="width:180px"></div>
      </el-form-item>
    </el-form>
    <el-form :model="form"
             :rules="rules"
             ref="ruleForm">
      <div class="lookTitle">基本信息</div>
      <el-form-item label="所属分部"
                    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="所属学校"
                    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="学员编号"
                    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 {
      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>
<style lang="scss" scoped>
.lookTitle {
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  background-color: rgb(237, 238, 240);
  padding: 0 20px;
  margin-bottom: 20px;
}
</style>