xujiecloud-vue/src/views/modules/quote/index.vue

<script>
import QuoteSearch from "./primary/quoteSearch.vue";
import QuoteTable from "./primary/quoteTable.vue";
import {
  againQuote,
  queryQuotePage,
  queryQuoteRoleUser,
  removeQuote,
  saveQuote,
  updateQuote,
  updateQuoteStatus
} from "../../../api/quote/quote";
import {getSiteAndBuByUserName} from "../../../api/eam/eam";
import CustomerTable from "../../../components/selector/table/customerTable.vue";
import BuSelect from "../../../components/selector/select/BuSelect.vue";
import ProjectTable from "../../../components/selector/table/projectTable.vue";
import {queryCustomerList} from "../../../api/customer/customer";
import {queryProjectList} from "../../../api/project/project";
import QuoteDetail from "./detail/quoteDetail.vue";
import ChooseListEam from "../common/Chooselist_eam.vue";
import Quotes from "./quotes.vue";
import QuoteGroupDetail from "./detail/quoteGroupDetail.vue";
import {getTableDefaultListLanguage, getTableUserListLanguage, updateColumnSize} from "../../../api/table";

export default {
  name: "quote",
  components: {
    QuoteGroupDetail,
    Quotes, ChooseListEam,QuoteDetail, ProjectTable, BuSelect, CustomerTable, QuoteTable, QuoteSearch},
  menuId:5011,
  data(){
    return{
      total: 0,
      no:1,
      size: 20,
      quote:{
        id: null,
        site:"",
        quoteNo: "",
        customerInquiryNo: "",
        insideInquiryNo: "",
        buNo: "",
        buId: null,
        versionNo: "",
        status:'',
        quoteVersionNo: "",
        customerNo: "",
        customerDesc: "",
        projectNo: "",
        projectDesc: "",
        currency: "",
        quoteDate: "",
        quoter: "",
        purchase: "",
        remark: "",
        createBy: "",
        createDate: "",
        updateBy: "",
        updateDate: "",
        application: "",
        annualDemand: "",
        costModel: "UFIDA",
        markup:0,
        chipPrice:'',
      },
      quoteForm:{
      },
      saveQuote:{
      },
      dataList:[],
      columns: [
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1BuDesc',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'buDesc',
          headerAlign: 'center',
          align: 'center',
          columnLabel: 'BU',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1QuoteVersionNo',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'quoteVersionNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '报价单号',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 180
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1QuoteDate',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'quoteDate',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '报价日期',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 100
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1CustomerNo',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'customerNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '客户编码',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1CustomerDesc',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'customerDesc',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '客户名称',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1QuoterName',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'quoterName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '报价专员',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1PurchaseName',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'purchaseName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '采购专员',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1Currency',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'currency',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '货币',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1Status',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'status',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '状态',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1CustomerInquiryNo',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'customerInquiryNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '客户报价单号',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1InsideInquiryNo',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'insideInquiryNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '内部询价单号',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1CreateBy',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'createBy',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '创建人',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1CreateDate',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'createDate',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '创建时间',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 130
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1UpdateBy',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'updateBy',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '更新人',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 5011,
          serialNumber: '5011Table1UpdateDate',
          tableId: '5011Table1',
          tableName: '报价信息表',
          columnProp: 'updateDate',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '更新时间',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 130
        },
      ],
      searchLoading: false,
      saveVisible: false,
      saveLoading: false,
      activeName:'group_detail',
      userBuList: [],
      saveRules: {
        buId:[{required: true, message: '请选择BU', trigger: ['blur','change']}],
        customerNo:[{required: true, message: '请输入客户编码', trigger: ['blur','change']}],
        customerDesc:[{required: true, message: '请输入客户名称', trigger: ['blur','change']}],
        projectNo:[{required: true, message: '请输入项目编码', trigger: ['blur','change']}],
        projectDesc:[{required: true, message: '请输入项目名称', trigger: ['blur','change']}],
        currency:[{required: true, message: '请输入币种', trigger: ['blur','change']}],
        quoteDate:[{required: true, message: '请选择报价日期', trigger: ['blur','change']}],
        quoter:[{required: true, message: '请输入报价专员', trigger: ['blur','change']}],
        purchase:[{required: true, message: '请输入询价专员', trigger: ['blur','change']}],
      },
      customerVisible:false,
      projectVisible:false,
      quoterVisible:false,
      purchaseVisible:false,
      currentQuote:{

      },
      userVisible:false,
      userTitle:'人员信息',
      user:{
        username:'',
        userDisplay:'',
        active:'',
        buId:null,
        roleNo:'',
      },
      userDataList:[],
      tagNo:undefined,
      insideInquiryVisible:false,

      detailFlag:false,
    }
  },
  methods:{
    // 动态列开始 获取 用户保存的 格式列
    async getTableUserColumn(tableId, columnId) {
      let queryTableUser = {
        userId: this.$store.state.user.name,
        functionId: this.$route.meta.menuId,
        tableId: tableId,
        status: true,
        languageCode: this.$i18n.locale
      }
      await getTableUserListLanguage(queryTableUser).then(({data}) => {
        if (data.rows.length > 0) {
          switch (columnId) {
            case 1:
              this.columns = data.rows
              break;
          }
        } else {
          this.getColumnList(tableId, columnId)
        }
      })
    },
    // 获取 tableDefault 列
    async getColumnList (tableId, columnId) {
      let queryTable= {
        functionId: this.$route.meta.menuId,
        tableId: tableId,
        languageCode: this.$i18n.locale
      }
      await getTableDefaultListLanguage(queryTable).then(({data}) => {
        if (!data.rows.length === 0) {
          switch (columnId) {
            case 1:
              this.columns = data.rows
              break;
          }
        }
      })
    },
    handleColumnResize(newWidth, oldWidth, column, event){
      let inData= this.columnList.filter(item => item.columnProp === column.property)[0]
      inData.columnWidth=newWidth
      updateColumnSize(inData).then(({data}) => {
        if (data.code === 0) {
          console.log("栏位宽度保存成功！")
        }
      })
    },
    handleSearch(index){
      let params = {
        ...this.quoteForm,
        no: this.no,
        size: this.size,
      }
      this.searchLoading = true
      queryQuotePage(params).then(({data})=>{
        if (data && data.code === 0){
          this.dataList = data.rows
          this.total = data.total
          if (index !== undefined){
            this.handleSelect(this.dataList[index])
          }
        }else {
          this.$message.error(data.msg)
        }
        this.searchLoading = false
      }).catch(error=>{
        this.$message.error(error)
        this.searchLoading = false
      })
    },
    handleSelect(row){
      if (row){
        this.currentQuote = {...row}
      }else {
        this.currentQuote = {}
      }
    },
    handleSave(row){
      this.$nextTick(()=>{
        if (this.$refs.saveForm){
          this.$refs.saveForm.clearValidate();
        }
      })
      if (row){
        this.saveQuote = {
          ...row
        }
      }else {
        this.saveQuote = {
          ...this.quote,
        }
        this.$nextTick(()=>{
          this.saveQuote.buId = this.userBuList.length > 0? this.userBuList[0].id:null;
        })
      }
      this.saveVisible = true
    },
    handleSizeChange(size){
      this.size = size
      this.handleSearch();
    },
    handlePageChange(no) {
      this.no = no
      this.handleSearch();
    },
    handleQueryBu(){
      let params = {
        username: this.$store.state.user.name,
      }
      getSiteAndBuByUserName(params).then(({data}) => {
        if (data && data.code === 0) {
          this.userBuList = data.rows
        }else {
          this.$message.warning(data.msg)
        }
      }).catch((error)=>{
        this.$message.error(error)
      })
    },
    handleSaveOrUpdateQuote(){
      this.$refs.saveForm.validate((valid,obj) => {
        if (valid){
          if (this.saveQuote.id){
            this.handleUpdateQuote();
          }else {
            this.handleSaveQuote();
          }
        }else {
          let i = 1;
          for (let key in obj){
            this.$message.warning(obj[key][0].message)
            if (i === 1){
              return
            }
            i++;
          }
        }
      })
    },
    handleSaveQuote(){
      let params = {
        ...this.saveQuote,
        status: '草稿',
        action: 'Y',
        createBy: this.$store.state.user.name,
      }
      this.saveLoading = true
      saveQuote(params).then(({data})=>{
        if (data && data.code === 0){
          this.saveVisible = false
          this.$message.success(data.msg)
        }else {
          this.$message.warning(data.msg)
        }
        this.handleSearch(0);
        this.saveLoading = false
      }).catch((error)=>{
        this.$message.error(error)
        this.saveLoading = false
      })
    },
    handleUpdateQuote(){
      let params = {
        ...this.saveQuote,
        updateBy: this.$store.state.user.name,
      }
      this.saveLoading = true
      updateQuote(params).then(({data})=>{
        if (data && data.code === 0){
          this.saveVisible = false
          this.currentQuote = {
            ...this.currentQuote
          }
          this.$message.success(data.msg)
        }else {
          this.$message.warning(data.msg)
        }
        this.handleSearch();
        this.saveLoading = false
      }).catch((error)=>{
        this.$message.error(error)
        this.saveLoading = false
      })
    },
    customerDblClick(row){
      this.saveQuote.customerNo = row.customerNo
      this.saveQuote.customerDesc = row.customerDesc
      this.customerVisible = false
    },
    projectDblClick(row){
      this.saveQuote.projectNo = row.projectNo
      this.saveQuote.projectDesc = row.projectDesc
      this.projectVisible = false
    },
    handleRemove(row){
      this.$confirm('确认删除该报价信息吗？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.handleRemoveQuote(row)
      }).catch(() => {

      })
    },
    handleUpdateStatus(row){
      this.$confirm(`确定要${row.enStatus}该报价单吗?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(()=>{
        let params = {
          ...row,
        }
        updateQuoteStatus(params).then(({data})=>{
          if (data && data.code === 0){
            this.$message.success(data.msg)
            this.handleSearch();
            this.currentQuote = {
              ...row,
              status:row.enStatus
            }
          }else {
            this.$message.warning(data.msg)
          }
        }).catch((error)=>{
          this.$message.error(error)
        })
      })
    },
    handleQueryById(row){
      this.saveQuote = {
        ...row
      }
      this.detailFlag = true;
      this.saveVisible = true;
    },
    handleRemoveQuote(row){
      let params = {
        id: row.id,
      }
      removeQuote(params).then(({data})=>{
        if (data && data.code === 0){
          this.$message.success(data.msg)
          if (row.id === this.currentQuote.id){
            this.handleSearch(0);
          }else {
            this.handleSearch();
          }
        }else {
          this.$message.warning(data.msg)
        }
      }).catch((error)=>{
        this.$message.error(error)
      })
    },
    customerNoBlur(){
      let params = {
        customerNo: this.saveQuote.customerNo,
        createBy: this.$store.state.user.name,
      }
      queryCustomerList(params).then(({data}) => {
        if (data && data.code === 0) {
          if (data.rows.length === 1){
            this.saveQuote.customerDesc = data.rows[0].customerDesc
          }else {
            this.saveQuote.projectNo = ''
            this.saveQuote.projectDesc = ''
            this.saveQuote.customerDesc = ''
          }
        }else {
          this.$message.warning(data.message)
        }
      }).catch((error) => {
        this.$message.error(error)
      })
    },
    projectNoBlur(){
      let params = {
        projectNo: this.saveQuote.projectNo,
        customerNo: this.saveQuote.customerNo,
        createBy: this.$store.state.user.name,
        buId: this.saveQuote.buId,
      }
      queryProjectList(params).then(({data})=>{
        if (data && data.code === 0) {
          if (data.rows.length === 1) {
            this.saveQuote.projectDesc = data.rows[0].projectDesc
          }else {
            this.saveQuote.projectDesc = ''
          }
        }else {
          this.$message.warning(data.msg)
        }
      }).catch((error)=>{
        this.$message.error(error)
      })
    },
    handleRowClick(row){
      this.currentQuote = {...row}
    },
    userDblClick(row){
      if (this.quoterVisible){
        this.saveQuote.quoter = row.username
        this.quoterVisible = false
      }else if (this.purchaseVisible){
        this.saveQuote.purchase = row.username
        this.purchaseVisible = false
      }
      this.userVisible = false
    },
    handleQuoterClick(){
      this.userTitle = '报价专员'
      this.user.username = this.saveQuote.quoter
      this.user.userDisplay = ''
      this.user.active = ''
      this.user.buId = this.saveQuote.buId
      this.user.roleNo = 'QUOTER'
      this.quoterVisible = true
      this.handleQueryQuoteRoleUser();
      this.userVisible = true
    },
    handlePurchaseClick(){
      this.userTitle = '采购专员'
      this.user.username = this.saveQuote.purchase
      this.user.userDisplay = ''
      this.user.active = ''
      this.user.buId = this.saveQuote.buId
      this.user.roleNo = 'PURCHASE'
      this.purchaseVisible = true
      this.handleQueryQuoteRoleUser();
      this.userVisible = true
    },
    handleQueryQuoteRoleUser(){
      let params = {
        ...this.user,
      }
      this.userDataList = []
      queryQuoteRoleUser(params).then(({data})=>{
        if (data && data.code === 0){
          this.userDataList = data.rows
        }else {
          this.$message.warning(data.msg)
        }
      }).catch((error)=>{
        this.$message.error(error)
      })
    },
    getBaseList(val){
      this.tagNo = val
      this.$nextTick(()=>{
        let strVal = ''
        if (val === 512){
          strVal = this.saveQuote.currency;
          this.$refs.baseList.init(val,strVal)
        }
      })
    },
    getBaseData(val){
      if (this.tagNo === 512){
        this.saveQuote.currency = val.Currency
      }
    },
    handleQueryByIds(){
      let params = {
        ids:this.$route.params.ids,
        no:this.no,
        size:this.size,
        createBy:this.$store.state.user.name,
      }
      queryQuotePage(params).then(({data})=>{
        if (data && data.code === 0){
          this.dataList = data.rows
          this.total = data.total
          if (this.total > 0){
            this.currentQuote = {...this.dataList[0]}
          }else {
            this.currentQuote = {}
          }
        }else {
          this.$message.error(data.msg)
        }
        this.searchLoading = false
      }).catch(error=>{
        this.$message.error(error)
        this.searchLoading = false
      })
    },
    handleInquiryDblClick(row){
      this.saveQuote.insideInquiryNo = row.quotationNo

      this.saveQuote.customerNo = row.customerNo
      this.saveQuote.customerDesc = row.customerDesc
      this.saveQuote.projectNo = row.projectNo
      this.saveQuote.projectDesc = row.projectDesc
      this.saveQuote.quoter = row.quoter
      this.saveQuote.customerInquiryNo = row.customerQuoteNo

      this.insideInquiryVisible = false
    },
    handleInquiryBlur(){

    },
    handleAgainQuote(row){
      let params = {
        id: row.id,
        createBy: this.$store.state.user.name,
      }
      this.queryLoading = true
      againQuote(params).then(({data}) => {
        if (data && data.code === 0) {
          this.$message.success(data.msg)
          this.handleSearch();
        } else {
          this.$message.warning(data.msg)
          this.queryLoading = false
        }
      }).catch((error) => {
        this.$message.error(error)
        this.queryLoading = false
      })
    },
    clearModalData(field){
      this.saveQuote[field] = ''
    },
  },
  created() {
    this.quoteForm = {
      ...this.quote,
      createBy: this.$store.state.user.name,
    }
    this.handleQueryBu();// 查询 BU
    this.handleSearch(0);// 查询报价信息
    this.getTableUserColumn(this.$route.meta.menuId+'table1',1)
  },
  watch:{
    'quoteForm.customerNo'(newVal, oldVal){
      this.quoteForm.customerNo = newVal.toUpperCase()
    },
    'quoteForm.projectNo'(newVal, oldVal){
      this.quoteForm.projectNo = newVal.toUpperCase()
    },
    'quoteForm.quoteNo'(newVal, oldVal){
      this.quoteForm.quoteNo = newVal.toUpperCase()
    },
    'saveQuote.customerNo'(newVal, oldVal){
      this.saveQuote.customerNo = newVal.toUpperCase()
    },
    'saveQuote.projectNo'(newVal, oldVal){
      this.saveQuote.projectNo = newVal.toUpperCase()
    },
    saveVisible(newVal, oldVal){
      if (newVal === false){
        this.detailFlag = false;
      }
    },
    'saveQuote.currency'(newVal, oldVal){
      this.saveQuote.currency = newVal.toUpperCase()
    }
  },
  activated() {
    if (this.$route.params.ids){
      this.handleQueryByIds();
    }
  }
}
</script>

<template>
  <div>
    <quote-search v-model:quote="quoteForm" @search="handleSearch" @save="handleSave"></quote-search>
    <quote-table v-loading="searchLoading"
                 :current-row="currentQuote"
                 :columns="columns"
                 style="margin-top: 5px"
                 @save="handleSave"
                 @remove="handleRemove"
                 @rowClick="handleRowClick"
                 @updateStatus="handleUpdateStatus"
                 @queryById="handleQueryById"
                 @againQuote="handleAgainQuote"
                 :data-list="dataList"
                 :height="'35vh'">

    </quote-table>
    <el-pagination @size-change="handleSizeChange"
                   @current-change="handlePageChange"
                   :current-page="no"
                   :page-sizes="[20, 50, 100, 200, 500]"
                   :page-size="size"
                   :total="total"
                   layout="total,sizes, prev, pager, next, jumper">
    </el-pagination>
    <el-tabs v-model="activeName" >
      <el-tab-pane label="报价明细" name="group_detail">
        <quote-group-detail :quote="currentQuote" :auth-flag="false" :height="'33vh'"></quote-group-detail>
      </el-tab-pane>
      <el-tab-pane label="条目明细" name="detail">
        <quote-detail v-if="activeName === 'detail'" :save-auth="false" :quote="currentQuote" :auth-flag="false" :height="'33vh'"></quote-detail>
      </el-tab-pane>
    </el-tabs>

    <el-dialog :title="saveQuote.id? '报价信息:'+ saveQuote.quoteVersionNo : '报价信息'" v-drag :close-on-click-modal="false" :visible.sync="saveVisible" width="500px" >
      <el-form ref="saveForm" :model="saveQuote" :rules="saveRules" label-position="top" label-width="100px">
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="BU" prop="buId" :show-message="false">
              <bu-select v-model="saveQuote.buId" :disabled="saveQuote.id > 0"></bu-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="客户询价单号" prop="customerInquiryNo" :show-message="false">
              <el-input v-model="saveQuote.customerInquiryNo" :disabled="detailFlag"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="内部询价单号" prop="insideInquiryNo" :show-message="false">
              <span slot="label" v-if="saveQuote.id <= 0">
                <a @click="insideInquiryVisible = true">内部询价单号</a>
              </span>
              <el-input v-model="saveQuote.insideInquiryNo" @blur="handleInquiryBlur" :disabled="saveQuote.id > 0"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="客户编码" prop="customerNo" :show-message="false">
              <span slot="label" v-if="saveQuote.id <= 0">
                <a @click="customerVisible = true">客户编码</a>
              </span>
              <el-input v-model="saveQuote.customerNo" :disabled="saveQuote.id > 0" @blur="customerNoBlur"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="16">
            <el-form-item label="客户描述" prop="customerDesc" :show-message="false">
              <el-input v-model="saveQuote.customerDesc" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="Application" prop="application" :show-message="false">
              <el-input v-model="saveQuote.application" :disabled="detailFlag"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="年需求量" prop="annualDemand" :show-message="false">
              <el-input v-model="saveQuote.annualDemand" :disabled="detailFlag"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="Cost Model" prop="costModel" :show-message="false">
              <el-select v-model="saveQuote.costModel" :disabled="detailFlag">
                <el-option label="2020" value="2020"></el-option>
                <el-option label="UFIDA" value="UFIDA"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="Markup" prop="markup" :show-message="false">
              <el-input-number style="width: 100%" :controls="false" :step="0" v-model="saveQuote.markup" :disabled="detailFlag"></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="芯片价格" prop="chipPrice" :show-message="false">
              <el-input v-model="saveQuote.chipPrice" :disabled="detailFlag"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="币种" :show-message="false">
              <span slot="label" v-if="!detailFlag">
                <a @click="getBaseList(512)">币种</a>
              </span>
              <el-input v-model="saveQuote.currency" readonly :disabled="detailFlag">
                <span slot="suffix" v-show="saveQuote.currency && !detailFlag" @click="clearModalData('currency')"><i class="el-icon-circle-close" style="margin-left: 5px;cursor: pointer;"></i></span>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="报价日期" prop="quoteDate" :show-message="false">
              <el-date-picker style="width: 100%" :disabled="detailFlag" v-model="saveQuote.quoteDate" type="date" value-format='yyyy-MM-dd' format='yyyy-MM-dd'></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="报价专员" prop="quoter" :show-message="false">
              <span slot="label" v-if="!detailFlag">
                <a @click="handleQuoterClick" >报价专员</a>
              </span>
              <el-input v-model="saveQuote.quoter" :disabled="detailFlag"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="采购专员" :show-message="false">
              <span slot="label" v-if="!detailFlag">
                <a @click="handlePurchaseClick" >采购专员</a>
              </span>
              <el-input v-model="saveQuote.purchase" :disabled="detailFlag"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="备注" prop="remark" class="auto" :show-message="false">
              <el-input v-model="saveQuote.remark" :disabled="detailFlag" :rows="3" type="textarea"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" v-if="!detailFlag" @click="handleSaveOrUpdateQuote">确 定</el-button>
        <el-button @click="saveVisible = false">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="userTitle" v-drag :visible.sync="userVisible" width="500px" modal-append-to-body :close-on-click-modal="false">
      <el-form :model="user" label-position="top">
        <el-row :gutter="10">
          <el-col :span="6">
            <el-form-item label="用户账号" prop="name">
              <el-input v-model="user.username"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="用户名" prop="name">
              <el-input v-model="user.userDisplay"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="是否在用">
              <el-select filterable v-model="user.active" style="width: 100%">
                <el-option label="全部" value=""></el-option>
                <el-option label="是" value="1"></el-option>
                <el-option label="否" value="0"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label=" " >
              <el-button type="primary" @click="handleQueryQuoteRoleUser">查询</el-button>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <el-table
        @header-dragend="handleColumnResize"
        :height="300"
        :data="userDataList"
        border
        @row-dblclick="userDblClick"
        style="width: 100%;">
        <el-table-column
          prop="username"
          header-align="center"
          align="center"
          label="用户账号">
        </el-table-column>
        <el-table-column
          prop="userDisplay"
          header-align="center"
          align="center"
          label="用户名">
        </el-table-column>
        <el-table-column
          prop="status"
          header-align="center"
          align="center"
          label="是否在用">
          <template slot-scope="scope">
            <span v-if="scope.row.status === 1">是</span>
            <span v-if="scope.row.status === 0">否</span>
          </template>
        </el-table-column>
      </el-table>
    </el-dialog>

    <el-dialog title="询价申请" v-drag :visible.sync="insideInquiryVisible" width="1000px" modal-append-to-body :close-on-click-modal="false">
      <quotes v-if="insideInquiryVisible" :is-component="true" :height="400" @dblclick="handleInquiryDblClick"></quotes>
    </el-dialog>
    <customer-table ref="customerTable" v-if="saveVisible" v-model="customerVisible" :height="300" @dblclick="customerDblClick" :customer-no="saveQuote.customerNo"></customer-table>
    <project-table  ref="projectTable"  v-if="saveVisible" v-model="projectVisible"  :height="300" @dblclick="projectDblClick"  :customer-no="saveQuote.customerNo" :project-no="saveQuote.projectNo" :bu-id="saveQuote.buId"></project-table>
    <choose-list-eam ref="baseList" @getBaseData="getBaseData"></choose-list-eam>
  </div>
</template>

<style scoped>
.auto /deep/ .el-form-item__content{
  height: auto;
  line-height: 1.5;
}

.el-table /deep/ .cell{
  height: auto;
  line-height: 1.5;
}
</style>