yos_web/src/HDrpManagement/orderManage/details/index.vue

<template>
  <div>
    <basicDetails
        ref="details"
        :titleText="`${mainData.sonum}`"
        :oldFormPath="{edit:'HDrpManagement/orderManage/modules'}"
        :editData="mainData"
        :mainAreaData="mainAreaData"
        turnPageId="20221111145202"
        idname="sa_orderid"
        ownertable="sa_order"
        delApiId="20221108152102"
        tags=""
        :statusCheck="[{key:'status',value:'审核'},{key:'status',value:'提交'},{key:'status',value:'关闭'}]"
        :tabs="['基本信息','订单明细','订单进度','居间费明细']"
        @pageChange="pageChange"
        @onEditSuccess="queryMainData($route.query.id)">
        <div slot="customOperation" class="inline-16">
          <el-button :disabled="mainData.status !== '交期待确认'" class="inline-16"  type="primary" size="mini" @click="confirmdate">确认交期</el-button>
          <confirmDate class="inline-16" :data="mainData" @onSuccess="queryMainData"></confirmDate>
          <el-button v-if="tool.checkAuth($route.name,'examine')" :disabled="mainData.status !== '提交' && mainData.status !== '交期确认'" type="primary" size="mini" @click="onSubmit('审核')">审 核</el-button>
          <el-button v-if="tool.checkAuth($route.name,'examine')" :disabled="mainData.status !== '审核'" type="primary" size="mini" @click="onReturnCheck">反审核</el-button>
          <el-button v-if="tool.checkAuth($route.name,'reback')" :disabled="mainData.status !== '提交' && mainData.status !== '交期待确认'" type="primary" size="mini" @click="dialogVisible = true">退 回</el-button>
          <el-button v-if="tool.checkAuth($route.name,'submit')" :disabled="mainData.status !== '新建'"  type="primary" size="mini" @click="onSubmit('提交')">提 交</el-button>
          <el-button v-if="tool.checkAuth($route.name,'close')" :disabled="mainData.status !== '审核'" type="primary" size="mini" @click="closeOrder">关 闭</el-button>
      </div>
      <div slot="slot0" >
        <default-info :mainData="mainData"></default-info>
      </div>
      <div slot="slot1" >
        <product-list ref="prod"></product-list>
      </div>
      <div slot="slot2" >
        <!-- <product-list ref="prod"></product-list> -->
      </div>
      <div slot="slot3" >
        <rebat></rebat>
      </div>
    </basicDetails>
    <el-dialog append-to-body title="退回原因" :visible.sync="dialogVisible" width="400px">
      <el-input v-model="backreason" type="textarea" placeholder="请输入退回原因"></el-input>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false" size="small">取 消</el-button>
        <el-button type="primary" @click="onRebanck" size="small">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import defaultInfo from './tabs/defaultInfo.vue';
import productList from './tabs/productlist.vue'
import confirmDate from '../modules/confirmDate.vue'
import rebat from './tabs/rebatesettlement.vue'
export default {
  name: "detail",
  data() {
    return {
      mainData:{},
      mainAreaData:{},
      backreason:'',
      dialogVisible:false
    }
  },
  components:{
    defaultInfo,
    productList,
    confirmDate,
    rebat
  },
  methods:{
    async queryMainData(id) {
      const res = await this.$api.requested({
        "id":'20221108151302',
        "content": {
          "sa_orderid": this.$route.query.id
        }
      })
      this.mainData = res.data
      this.changeDataStructure()
    },
    changeDataStructure() {
      this.mainAreaData = [
        {
          label:'订单状态',
          value:this.mainData.status
        },
        {
          label:'订单类型',
          value:this.mainData.type
        },
        {
          label:'明细分类',
          value:this.mainData.typemx
        },
        {
          label:'单据日期',
          value:this.mainData.billdate
        },
        {
          label:'企业名称',
          value:this.mainData.enterprisename
        },
        {
          label:'订单总金额',
          value:this.mainData.defaultamount
        },
        {
          label:'折后总金额',
          value:this.mainData.amount
        },
        {
          label:'合计数量',
          value:this.mainData.qty
        },
        {
          label:'品牌',
          value:this.mainData.brandname
        },
        {
          label:'领域',
          value:this.mainData.tradefield
        },
        {
          label:'领域明细',
          value:this.mainData.tradefieldmx
        },
        {
          label:'评审类型',
          value:this.mainData.reviewtype
        },
        {
          label:'业务员',
          value:this.mainData.saler_name
        },
        {
          label:'项目信息',
          value:this.mainData.contract_title
        },
        {
          label:'备注',
          value:this.mainData.remarks
        },
        {
          label:'退回原因',
          value:this.mainData.backreason
        }
      ]
    },
    // 监听切换数据,上一页,下一页
    pageChange (id,rowindex,tabIndex) {
      this.$router.replace({path:'/orderdetail',query:{id:id,rowindex:rowindex}})
      this.queryMainData(id)
    },
    // 提交审核订单
    onSubmit (type) {
      this.$confirm(`是否${type}该订单`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(async () => {
        const res = await this.$api.requested({
          "id": type === '审核'?20221108153502:20221108153402,
          "content": {
            "sa_orderid": this.mainData.sa_orderid,
            "sys_enterpriseid": this.mainData.sys_enterpriseid,
            "sa_accountclassid": this.mainData.accountclass.sa_accountclassid
          },
        })
        this.tool.showMessage(res,async ()=>{
          console.log(this.mainData.sys_enterpriseid,this.mainData.accountclass.sa_accountclassid)
          this.queryMainData()
        })
      }).catch((err) => {
        this.$message({
          type: 'info',
          message: err
        });          
      });
    },
    // 反审核订单
    onReturnCheck () {
      this.$confirm(`是否反审核该订单`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(async () => {
        const res = await this.$api.requested({
          "id": 20230102141502,
          "content": {
            "sa_orderid": this.mainData.sa_orderid,
          },
        })
        this.tool.showMessage(res,()=>{
          this.$store.dispatch('changeDetailDrawer',false)
        })
      }).catch((err) => {
        this.$message({
          type: 'info',
          message: err
        });          
      });
    },
    async onRebanck () {
      const res = await this.$api.requested({
        "id": 20221108161902,
        "content": {
          "sys_enterpriseid":this.mainData.sys_enterpriseid,
          "sa_accountclassid":this.mainData.accountclass.sa_accountclassid,
          "sa_orderid": this.mainData.sa_orderid,
          "backreason": this.backreason //退回原因,可选
        },
      })
      this.tool.showMessage(res,()=>{
        this.queryMainData()
        this.dialogVisible = false
        this.$store.dispatch('changeDetailDrawer',false)
      })
    },
    async closeOrder () {
      const res = await this.$api.requested({
        "id": 20221108164502,
        "content": {
          "sa_orderids":[this.$route.query.id]
        },
      })
      this.tool.showMessage(res,()=>{
        this.queryMainData()
        this.dialogVisible = false
      })
    },
    async confirmdate () {
      const res = await this.$api.requested({
        "id": 20221230094802,
        "content": {
          "sa_orderid": this.$route.query.id
        }
      })
      this.tool.showMessage(res,()=>{
        this.queryMainData()
      })
    }
  },
  mounted () {
    this.queryMainData(this.$route.query.id)
  },
  created() {
  }
}
</script>

<style scoped>

</style>