rongxing-vue/src/views/modules/purchaseorder/purchaseRequisition.vue

<template>
  <div class="mod-config">
    <el-row>
      <el-col :span="24">
        <div>
        <span @click="favoriteFunction()">
         <icon-svg :name="favorite?'xiangqufill':'xiangqu'" class="sl-svg"></icon-svg>
        </span>
        </div>
        <el-button @click="getDataList('Y')" type="primary">{{ buttons.search }}</el-button>
        <el-button @click="initAddModel(null)" type="primary">{{ buttons.addLabelName }}</el-button>
        <download-excel
          :fields="fields()"
          :data="exportData"
          type="xls"
          :name="exportName"
          :header="exportHeader"
          :footer="exportFooter"
          :defaultValue="exportDefaultValue"
          :fetch="createExportData"
          :before-generate="startDownload"
          :before-finish="finishDownload"
          worksheet="导出信息"
          class="el-button el-button--primary el-button--medium">
          {{ buttons.download }}
        </download-excel>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <el-form :inline="true" label-position="top">
          <el-form-item :label="'创建日期'">
            <el-date-picker
              style="width: 110px"
              v-model="mainQueryData.startDate"
              type="date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              placeholder="选择日期">
            </el-date-picker>
            -
            <el-date-picker
              style="width: 110px"
              v-model="mainQueryData.endDate"
              type="date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd 23:59:59"
              placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
          <el-form-item :label="inputSearch1">
            <el-input style="width: 100px;" clearable placeholder="" v-model="mainQueryData.requisitionno"></el-input>
          </el-form-item>
          <el-form-item :label="inputSearch3">
            <el-input style="width: 100px;" clearable placeholder="" v-model="mainQueryData.partno"></el-input>
          </el-form-item>
          <el-form-item :label="'刀模名称'">
            <el-input style="width: 100px;" clearable placeholder="" v-model="mainQueryData.familyName"></el-input>
          </el-form-item>
          <el-form-item :label="'工具类型'">
            <el-select v-model="mainQueryData.orderref1" placeholder="请选择" style="width: 120px;">
              <el-option value="" label="全部"></el-option>
              <el-option
                v-for="item in selectList.select1"
                :key="item.familyID"
                :label="item.familyName"
                :value="item.familyID">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label" @click="getBaseList(3,1)"><el-link>{{ '供应商编码' }}</el-link> </span>
            <el-input v-model="mainQueryData.supplierid" onkeyup="this.value = this.value.toUpperCase()"
                      style="width: 120px"></el-input>
          </el-form-item>
          <el-form-item :label="inputSearch2">
            <el-select v-model="mainQueryData.orderType" placeholder="请选择" filterable style="width: 100px">
              <el-option
                key=""
                label="全部"
                value="">
              </el-option>
              <el-option
                v-for="(item,index) in auditTypeList"
                :key="index"
                :label="item.roleDesc"
                :value="item.roleItemNo">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item :label="inputSearch4">
            <el-select v-model="mainQueryData.authorizeFlag" style="width: 90px;">
              <el-option value="" label="全部"></el-option>
              <el-option value="Y" label="已审批"></el-option>
              <el-option value="N" label="未审批"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item :label="inputSearch12">
            <el-select v-model="mainQueryData.approveresult" style="width: 110px;">
              <el-option value="" label="全部"></el-option>
              <el-option value="审批通过" label="审批通过"></el-option>
              <el-option value="审批中" label="审批中"></el-option>
              <el-option value="审批未通过" label="审批未通过"></el-option>
            </el-select>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <el-table
          :height="height"
          :data="dataList"
          border
          v-loading="dataListLoading"
          @selection-change="selectionChangeHandle"
          style="width: 100%;">

          <el-table-column
            v-for="(item,index) in columnList" :key="index"
            :sortable="item.columnSortable"
            :prop="item.columnProp"
            :header-align="item.headerAlign"
            :show-overflow-tooltip="item.showOverflowTooltip"
            :align="item.align"
            :fixed="item.fixed==''?false:item.fixed"
            :width="item.columnWidth"
            :label="item.columnLabel">
            <template slot-scope="scope">
              <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
              <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                                 style="width: 100px; height: 80px"/></span>
            </template>
          </el-table-column>

          <el-table-column
            fixed="right"
            header-align="center"
            align="center"
            width="120"
            :label="buttons.operating">
            <template slot-scope="scope">
              <a v-if="scope.row.authorizeFlag == 'N'" @click="initAddModel(scope.row)">{{ buttons.edit }}</a>
              <a v-if="scope.row.authorizeFlag == 'N'" @click="updateAuthorizeFlag(scope.row)">{{ buttons.close }}</a>
              <a
                v-if="scope.row.authorizeFlag == 'Y' && scope.row.approvedFlag != 'Y' && scope.row.approveresult == '审批未通过'"
                @click="initReapply(scope.row)">{{ buttons.reapply }}</a>
              <a @click="initReviewDetails(scope.row.requisitionno)">{{ buttons.reviewDetails }}</a>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          @size-change="sizeChangeHandle"
          @current-change="currentChangeHandle"
          :current-page="pageIndex"
          :page-sizes="[10, 50, 200, 10000]"
          :page-size="pageSize"
          :total="totalPage"
          layout="total, sizes, prev, pager, next, jumper">
        </el-pagination>
      </el-col>
    </el-row>

    <!-- 设置列 -->
    <column v-if="visible" ref="column" @refreshData="getTableUserColumn"></column>

    <el-dialog title="申请单信息" :visible.sync="addPRDetailFlag" width="760px" :close-on-click-modal="false"
               :close-on-press-escape="false" v-drag>
      <el-row>
        <el-col :span="24">
          <el-form class="sxm" :inline="true" label-position="top">
            <el-form-item :label="inputSearch5">
              <el-select v-model="currentPRDetailData.orderType" filterable style="width: 120px">
                <el-option
                  v-for="(item,index) in auditTypeList"
                  :key="index"
                  :label="item.roleDesc"
                  :value="item.roleItemNo">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item>
              <span slot="label" @click="getBaseList(3)"><el-link>{{ '供应商编码' }}</el-link> </span>
              <el-input v-model="currentPRDetailData.supplierid"
                        style="width: 120px"></el-input>
            </el-form-item>
            <el-form-item :label="'供应商名称'">
              <el-input class="customer-input-color-red" v-model="currentPRDetailData.suppliername" readonly
                        style="width: 180px"></el-input>
            </el-form-item>
            <el-form-item :label="'预估单价'">
              <el-input style="text-align: left;width: 120px" v-model="currentPRDetailData.price" @change="getNumber()"
                        oninput="value=value.replace(/^\.+|[^\d.]/g,'')"></el-input>
            </el-form-item>
            <el-form-item :label="'申请数量'">
              <el-input style="text-align: left;width: 120px" @change="getNumber()"
                        oninput="value=value.replace(/^\.+|[^\d.]/g,'')"
                        v-model="currentPRDetailData.qty"></el-input>
            </el-form-item>
            <el-form-item :label="'工具类型'">
              <el-select v-model="currentPRDetailData.orderref1" placeholder="请选择" style="width: 120px;">
                <el-option
                  v-for="item in selectList.select1"
                  :key="item.familyID"
                  :label="item.familyName"
                  :value="item.familyID">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item :label="'工具编码'">
              <span v-if="showToolIdList" slot="label" @click="getBaseList(70)"><el-link>{{
                  '工具编码'
                }}</el-link> </span>
              <span v-else="showToolIdList" slot="label">{{ '工具编码' }}</span>
              <el-input style="text-align: left;width: 120px"
                        v-model="currentPRDetailData.partno"></el-input>
            </el-form-item>
            <el-form-item :label="'工具名称'">
              <el-input style="text-align: left;width: 180px"
                        :readonly="showToolIdList"
                        :class="showToolIdList?'customer-input-color-red':''"
                        v-model="currentPRDetailData.partdesc"></el-input>
            </el-form-item>
            <el-form-item :label="'预估总价'">
              <el-input class="customer-input-color-red" style="text-align: right;width: 120px"
                        v-model="currentPRDetailData.totalPrice"
                        :disabled="true"></el-input>
            </el-form-item>
            <el-form-item v-if="addFlagShow" :label="'是否新增'">
              <el-radio v-model="currentPRDetailData.addFlag" label="1">是</el-radio>
              <el-radio v-model="currentPRDetailData.addFlag" label="2">否</el-radio>
            </el-form-item>
            <el-form-item :label="'寿命'">
              <el-input oninput="value=value.replace(/^\.+|[^\d.]/g,'')" style="text-align: right;width: 120px"
                        v-model="currentPRDetailData.lifespan"
              ></el-input>
            </el-form-item>
            <el-form-item :label="'实例号'">
              <el-input style="text-align: right;width: 120px"
                        v-model="currentPRDetailData.toolInstanceId"
              ></el-input>
            </el-form-item>
            <el-form-item :label="'备注'">
              <el-input style="text-align: right;width: 315px"
                        v-model="currentPRDetailData.remark"
              ></el-input>
            </el-form-item>
          </el-form>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <upload v-on:childByValue="childByValue"></upload>
          <el-table
            height="200"
            :data="fileList"
            border
            v-loading="dataListLoading"
            @selection-change="selectionChangeHandle"
            style="width: 100%;">
            <el-table-column
              v-for="(item,index) in columnList2" :key="index"
              :sortable="item.columnSortable"
              :prop="item.columnProp"
              :header-align="item.headerAlign"
              :show-overflow-tooltip="item.showOverflowTooltip"
              :align="item.align"
              :fixed="item.fixed==''?false:item.fixed"
              :width="item.columnWidth"
              :label="item.columnLabel">
              <template slot-scope="scope">
                <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
                <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                                   style="width: 100px; height: 80px"/></span>
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              width="80"
              :label="buttons.operating">
              <template slot-scope="scope">
                <a @click="fileDownload(scope.row)">{{ buttons.fileDownload }}</a>
                <a @click="filePreview(scope.row)">{{ buttons.preview }}</a>
                <a @click="delFile(scope.row)">{{ buttons.delete }}</a>
              </template>
            </el-table-column>
          </el-table>
        </el-col>
      </el-row>
      <span slot="footer" class="dialog-footer">
         <el-button type="primary" :disabled="bannersBut" @click="savePRDetail()">确定</el-button>
         <el-button type="primary" @click="addPRDetailFlag = false">取消</el-button>
    </span>
    </el-dialog>

    <el-dialog title="申请单审核" :visible.sync="reviewDetailsFlag" width="1208px" :close-on-click-modal="false"
               v-drag>
      <el-table
        :height="height"
        :data="reviewDetailsList"
        border
        v-loading="dataListLoading"
        @selection-change="selectionChangeHandle"
        style="width: 100%;">
        <el-table-column
          v-for="(item,index) in columnList1" :key="index"
          :sortable="item.columnSortable"
          :prop="item.columnProp"
          :header-align="item.headerAlign"
          :show-overflow-tooltip="item.showOverflowTooltip"
          :align="item.align"
          :fixed="item.fixed==''?false:item.fixed"
          :width="item.columnWidth"
          :label="item.columnLabel">
          <template slot-scope="scope">
            <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
            <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                               style="width: 100px; height: 80px"/></span>
          </template>
        </el-table-column>
      </el-table>
    </el-dialog>

    <el-dialog title="预览" :visible.sync="pdfVisible" center width="60%">

      <iframe :src="this.pdfUrl" frameborder="0" width="100%" height="400px"></iframe>
    </el-dialog>

    <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>

  </div>
</template>

<script>

import Chooselist from '@/views/modules/common/Chooselist'
import column from "../common/column";
import {
  searchSysLanguagePackList,
  searchSysLanguageParam,
  searchFunctionButtonList,
  saveButtonList,
  searchSysLanguage,
  searchLanguageListByLanguageCode,
  saveSysLanguageOne
} from "@/api/sysLanguage.js"
import {
  saveTableDefaultList,
  saveTableUser,
  getTableDefaultListLanguage,
  getTableUserListLanguage,
  removerDefault,
  removerUser
} from "@/api/table.js"
import {
  userFavoriteList, saveUserFavorite, removeUserFavorite
} from '@/api/userFavorite.js'
import {
  getPRHeaderList,
  getTblBaseDataList,
  savePRDetail,
  getSupplierList,
  getExportList,
  authorizationHistList,
  updatePRHeaderAuthorizeFlag,
  downFtpFile,
  getFileList,
  getPartFamilyList,
  delFileAssociate,
} from '@/api/purchaseorder/purchaseRequisition.js'
import {
  getBusinessRoleList,
} from '@/api/auditManagement/auditRules.js'
import upload from "../common/upload";
import axios from "axios";
import Vue from "vue";

export default {
  components: {
    upload,
    Chooselist,
    column
  },
  data() {
    return {
      number: 0,
      auditTypeList: [],
      //模态框编码
      tagNo: "",
      pdfUrl: '',
      insertFileList: [],
      fileList: [],
      // table 高度
      height: 0,
      bannersBut: false,
      addPRDetailFlag: false,
      inputSearch1: '申请单号',
      inputSearch2: '业务类型',
      inputSearch3: '工具编码',
      inputSearch4: '是否审批',
      inputSearch5: '业务类型',
      inputSearch6: '工具编码',
      inputSearch7: '申请数量',
      inputSearch8: '预估单价',
      inputSearch9: '预估总价',
      inputSearch10: '供应商编码',
      inputSearch11: '刀模名称',
      inputSearch12: '审批状态',
      inputSearch13: '工具类型',
      currentPRDetailData: {
        username: this.$store.state.user.name,
        requisitionno: '',
        site: this.$store.state.user.site,
        itemno: '',
        supplierid: '',
        suppliername: '',
        orderType: '',
        partno: '',
        partdesc: '',
        qty: 0,
        price: 0,
        totalPrice: 0,
        convertFactor: 0,
        currency: '',
        status: '',
        taxcode: '',
        currencyRate: 1,
        additionalCose: 0,
        orderref1: '',
        orderref2: '',
        sysOssEntityList: [],
        addFlag: '',
        lifespan: '',
        toolInstanceId: '',
        remark: ''
      },
      mainQueryData: {
        startDate: '',
        endDate: '',
        requisitionno: '',
        orderType: '',
        partno: '',
        authorizeFlag: '',
        approveresult: '',
        site: this.$store.state.user.site,
        strUserId: this.$store.state.user.id,
        limit: '',
        page: '',
        orderref1: '',
        familyName: '',
        supplierid: ''
      },
      selectList: {
        select1: [],
      },
      userId: this.$store.state.user.name,
      site: this.$store.state.user.site,
      //审核详情
      reviewDetailsFlag: false,
      //审核显示list
      reviewDetailsList: [],
      // 是否收藏
      favorite: false,
      addLanguage: false,
      pdfVisible: false,
      functionId: this.$route.meta.menuId,
      tableId: this.$route.meta.menuId + 'PR01',
      value1: true,
      visible: false,
      showDefault: false,
      addFlagShow: true,
      // 默认table 查询参数
      queryTable: {
        functionId: this.$route.meta.menuId,
        tableId: this.$route.meta.menuId + 'PR01',
        languageCode: this.$i18n.locale
      },
      // 用户table 查询参数
      queryTableUser: {
        userId: this.$store.state.user.name,
        functionId: this.$route.meta.menuId,
        tableId: this.$route.meta.menuId + 'PR01',
        status: true,
        languageCode: this.$i18n.locale
      },
      // 语言词典查询参数
      querySysLanguageParam: {
        languageCode: this.$i18n.locale
      },
      // 语言词典集合
      sysLanguageParams: [],
      // 用户table 配置集合
      userColumnList: [],
      // 展示列集
      columnList: [
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001RequisitionNo',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "requisitionno",
          headerAlign: "center",
          align: "center",
          columnLabel: "申请单号",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001OrderType',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "orderType",
          headerAlign: "center",
          align: "center",
          columnLabel: "处理类型",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001Partno',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "partno",
          headerAlign: "center",
          align: "center",
          columnLabel: "刀模编码",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001Partdesc',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "partdesc",
          headerAlign: "center",
          align: "center",
          columnLabel: "刀模名称",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001Qty',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "qty",
          headerAlign: "center",
          align: "right",
          columnLabel: "申请数量",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001Price',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "price",
          headerAlign: "center",
          align: "center",
          columnLabel: "预估价格",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001TotalPrice',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "totalPrice",
          headerAlign: "center",
          align: "center",
          columnLabel: "预估总价",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001Supplierid',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "supplierid",
          headerAlign: "center",
          align: "center",
          columnLabel: "供应商编码",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001Suppliername',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "suppliername",
          headerAlign: "center",
          align: "center",
          columnLabel: "供应商名称",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001FamilyName',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "familyName",
          headerAlign: "center",
          align: "center",
          columnLabel: "工具类型",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001EnterDate',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "enterDate",
          headerAlign: "center",
          align: "center",
          columnLabel: "创建时间",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'PRHeader2001AuthorizeFlag',
          tableId: this.$route.meta.menuId + 'PR01',
          tableName: "PRHeader",
          columnProp: "strAuthorizeFlag",
          headerAlign: "center",
          align: "center",
          columnLabel: "是否审批",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          serialNumber: 'review2101AuthorizeFlag',
          tableId: "review2101",
          tableName: "PRHeader",
          columnProp: "approveresult",
          headerAlign: "center",
          align: "left",
          columnLabel: "审批结果",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
      ],
      // 展示列集
      columnList1: [
        {
          userId: this.$store.state.user.name,
          tableId: this.$route.meta.menuId + 'PR02',
          tableName: "reviewDetails",
          columnProp: "stepId",
          headerAlign: "center",
          align: "center",
          columnLabel: "审批步骤号",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
        },
        {
          userId: this.$store.state.user.name,
          tableId: this.$route.meta.menuId + 'PR02',
          tableName: "reviewDetails",
          columnProp: "nameDesc",
          headerAlign: "center",
          align: "center",
          columnLabel: "审批类型/审批人",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          tableId: this.$route.meta.menuId + 'PR02',
          tableName: "reviewDetails",
          columnProp: "userName",
          headerAlign: "center",
          align: "center",
          columnLabel: "步骤审批人",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          tableId: this.$route.meta.menuId + 'PR02',
          tableName: "reviewDetails",
          columnProp: "actAuthorizeDate",
          headerAlign: "center",
          align: "center",
          columnLabel: "审批时间",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          tableId: this.$route.meta.menuId + 'PR02',
          tableName: "reviewDetails",
          columnProp: "approveResult",
          headerAlign: "center",
          align: "center",
          columnLabel: "审批结果",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
        },
        {
          userId: this.$store.state.user.name,
          tableId: this.$route.meta.menuId + 'PR02',
          tableName: "reviewDetails",
          columnProp: "remark",
          headerAlign: "center",
          align: "center",
          columnLabel: "审批备注",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
        },
      ],
      // 展示列集
      columnList2: [
        {
          userId: this.$store.state.user.name,
          tableId: this.$route.meta.menuId + 'PR03',
          tableName: "fileDetailTable",
          columnProp: "fileName",
          headerAlign: "center",
          align: "center",
          columnLabel: "文件名称",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false
        },
        {
          userId: this.$store.state.user.name,
          tableId: this.$route.meta.menuId + 'PR03',
          tableName: "fileDetailTable",
          columnProp: "createDate",
          headerAlign: "center",
          align: "center",
          columnLabel: "创建时间",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 135,
        },
        {
          userId: this.$store.state.user.name,
          tableId: this.$route.meta.menuId + 'PR03',
          tableName: "fileDetailTable",
          columnProp: "createdBy",
          headerAlign: "center",
          align: "center",
          columnLabel: "创建人",
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 70,
        },
      ],
      // 数据集
      dataList: [],
      //选项
      orderTypeList: [],
      supplierList: [],
      queryButton: {
        table_id: this.$route.meta.menuId + 'PR01',
        languageCode: this.$i18n.locale,
        objectType: 'button'
      },
      buttons: {
        add: '添加',
        edit: '编辑',
        delete: '删除',
        deleteList: '批量删除',
        cz: '操作',
        search: '查询',
        download: '导出',
        settingTable: '设置列表',
        defaultTable: '设置默认配置',
        addLabelName: '新增',
        operating: '操作',
        reviewDetails: "审批详情",
        close: '关闭',
        fileDownload: '下载',
        reapply: '重新申请',
        preview: '预览',
      },
      // 导出 start
      exportData: [],
      exportDataStandard: {
        "功能编码": "functionId",
        "序列化编码": "objectId",
        "类型": "objectType",
        "语言值": "languageValue"
      },
      exportName: "刀申请",
      exportHeader: ["刀申请"],
      exportFooter: [],
      exportDefaultValue: "这一行这一列没有数据",
      // 导出 end
      buttonList: [
        // {
        //   functionId: "9001",
        //   languageValue: '添加',
        //   objectId: 'add',
        //   objectType: "button",
        //   tableId: "common1001"
        // },
        // {
        //   functionId: "9001",
        //   languageValue: '编辑',
        //   objectId: 'edit',
        //   objectType: "button",
        //   tableId: "common1001"
        // },
        // {
        //   functionId: "9001",
        //   languageValue: '删除',
        //   objectId: 'delete',
        //   objectType: "button",
        //   tableId: "common1001"
        // },
        // {
        //   functionId: "9001",
        //   languageValue: '批量删除',
        //   objectId: 'deleteList',
        //   objectType: "button",
        //   tableId: "common1001"
        // },
        // {
        //   functionId: "9001",
        //   languageValue: '操作',
        //   objectId: 'cz',
        //   objectType: "button",
        //   tableId: "common1001"
        // },
        // {
        //   functionId: "9001",
        //   languageValue: '查询',
        //   objectId: 'search',
        //   objectType: "button",
        //   tableId: "common1001"
        // },
        // {
        //   functionId: "9001",
        //   languageValue: '导出',
        //   objectId: 'download',
        //   objectType: "button",
        //   tableId: "common1001"
        // },
        // {
        //   functionId: "9001",
        //   languageValue: '设置列表',
        //   objectId: 'settingTable',
        //   objectType: "button",
        //   tableId: "common1001"
        // },
        // {
        //   functionId: "9001",
        //   languageValue: '设置默认配置',
        //   objectId: 'defaultTable',
        //   objectType: "button",
        //   tableId: "common1001"
        // }
      ],
      languageList: [],
      languageColumnList: [],
      languageDataList: [],
      queryLanguage: {},
      // 数据集条件
      querySysLanguagePack: {
        page: 1,
        limit: 1,
        languageValue: '',
        objectType: '',
        objectId: ''
      },
      //
      // 分页
      pageIndex: 1,
      pageSize: 10,
      totalPage: 0,
      dataListLoading: false,
      dataListSelections: [],
      addOrUpdateVisible: false,
      showToolIdList: false
    }

  },
  watch: {
    currentPRDetailData: {
      deep: true,
      handler: function (newV, oldV) {
        this.currentPRDetailData.partno = this.currentPRDetailData.partno.toUpperCase()
        this.currentPRDetailData.partdesc = this.currentPRDetailData.partdesc.toUpperCase()
        this.currentPRDetailData.supplierid = this.currentPRDetailData.supplierid.toUpperCase()
        if (this.currentPRDetailData.addFlag == '1' || this.currentPRDetailData.addFlag == '') {
          this.showToolIdList = false
        } else {
          this.showToolIdList = true
        }
      }
    }
  },
  mounted() {
    this.$nextTick(() => {
      this.height = window.innerHeight - 210;
    })
  },
  activated() {
    this.getDataList()
    this.initTblBaseDataList()
    this.initSupplier()
    this.getPartFamily()
    this.getBusinessRoleList()
  },

  methods: {
    getBusinessRoleList() {
      let queryData = {
        active: 'Y'
      }
      getBusinessRoleList(queryData).then(({data}) => {
        if (data.code == 0) {
          this.auditTypeList = data.rows
          this.currentPRDetailData.orderType = data.rows[0].roleItemNo
        }
      })
    },
    delFile(row) {
      console.log(row)
      this.fileList = this.fileList.filter(item => item.id != row.id);
      if (this.currentPRDetailData.requisitionno != '') {
        let jsonData = {
          sysOssId: row.id,
          type: 'PRFile'
        }
        delFileAssociate(jsonData).then(({data}) => {

        })
      }
    },
    getBaseData(val) {
      if (this.tagNo === 3) {
        if (this.number == 1) {
          this.mainQueryData.supplierid = val.SupplierID
        } else {
          this.currentPRDetailData.supplierid = val.SupplierID
          this.currentPRDetailData.suppliername = val.SupplierName
        }
      }
      if (this.tagNo === 70) {
        this.currentPRDetailData.partno = val.ToolID
        this.currentPRDetailData.partdesc = val.ToolDescription
      }
    },
    // 获取基础数据列表
    getBaseList(val, number) {
      this.number = number
      this.tagNo = val
      this.$nextTick(() => {
        let strVal = "";
        if (val === 3) {
          if (number == 1) {
            strVal = this.mainQueryData.supplierid
          } else {
            strVal = this.currentPRDetailData.supplierid
          }
        }
        if (val === 70) {
          strVal = this.currentPRDetailData.partno
        }
        this.$refs.baseList.init(val, strVal)
      })
    },
    getPartFamily() {
      let jsonData = {
        site: this.site,
        active: 'Y',
      }
      this.selectList.select1 = []
      getPartFamilyList(jsonData).then(({data}) => {
        if (data.success) {
          this.selectList.select1 = data.rows
        }
      })
    },
    //获取申请单号文件信息
    getFileList(row) {
      let jsonData = {
        site: row.site,
        type: 'PRFile',
        associatedField1: row.requisitionno
      }
      this.fileList = []
      getFileList(jsonData).then(({data}) => {
        if (data.code == 0) {
          this.fileList = data.row
        }
      })
    },
    // 文件下载
    fileDownload(row) {
      axios.get('/api/ftp/file/downFtpFile/' + row.id, {
        responseType: 'blob',
        headers: {
          'Content-Type': 'application/json',
          'token': Vue.cookie.get('token')
        }
      }).then(({data}) => {
        // 不限制文件下载类型
        const blob = new Blob([data], {type: "application/octet-stream"})
        // 下载文件名称
        const fileName = row.fileName
        // a标签下载
        const linkNode = document.createElement('a')
        linkNode.download = fileName // a标签的download属性规定下载文件的名称
        linkNode.style.display = 'none'
        linkNode.href = URL.createObjectURL(blob) // 生成一个Blob URL
        // if(val == 'Y'){
        //   this.pdfVisible = true
        //   this.pdfUrl = linkNode.href
        // }else {
        document.body.appendChild(linkNode)
        linkNode.click() // 模拟在按钮上的一次鼠标单击
        URL.revokeObjectURL(linkNode.href) // 释放URL 对象
        document.body.removeChild(linkNode)
        // }
      })
    },
    filePreview(row) {
      this.pdfVisible = true
      this.pdfUrl = '/file/' + row.newFileName
    },
    childByValue(childValue) {
      // childValue就是子组件传过来的值
      this.fileList.push(childValue)
      this.insertFileList.push(childValue)
    },
    updateAuthorizeFlag(row) {
      let saveData = {
        site: row.site,
        requisitionno: row.requisitionno,
        status: '已关闭',
        authorizeFlag: 'Y',
        approvedFlag: 'N',
      }

      this.$confirm(`确实要关闭[${row.requisitionno}]申请单吗?`, '提示', {
        confirmButtonText: '确认',
        celButtonText: '取消',
        type: 'warning'
      }).then(() => {
        updatePRHeaderAuthorizeFlag(saveData).then(({data}) => {
          if (data.code == 0) {
            this.$message.success(data.msg)
            this.getDataList()
          } else {
            this.$message.warning(data.msg)
          }
        })
      });


    },
    initReviewDetails(orderRef1) {
      this.reviewDetailsFlag = true
      this.reviewDetailsList = []
      this.getAuthorizationHistList(orderRef1)
    },
    getAuthorizationHistList(orderRef1) {
      let queryData = {
        site: this.site,
        orderRef1: orderRef1,
        authRuleId: 5,
      }
      authorizationHistList(queryData).then(({data}) => {
        this.reviewDetailsList = data.rows
      })
    },
    getNumber() {
      this.currentPRDetailData.totalPrice = this.decimalUtil.mul(this.currentPRDetailData.qty, this.currentPRDetailData.price)
    },
    savePRDetail() {
      this.bannersBut = true
      if (!this.currentPRDetailData.orderType) {
        this.$alert('请选择处理类型！', '操作提示', {
          confirmButtonText: '确定',
          callback: action => {
            this.bannersBut = false
          }
        });
        return
      } else if (this.currentPRDetailData.supplierid == null || this.currentPRDetailData.supplierid.trim() === "") {
        this.$alert('请选择供应商名称！', '操作提示', {
          confirmButtonText: '确定',
          callback: action => {
            this.bannersBut = false
          }
        });
        return
      } else if (this.currentPRDetailData.partno == null || this.currentPRDetailData.partno.trim() === "") {
        this.$alert('请输入刀模编码！', '操作提示', {
          confirmButtonText: '确定',
          callback: action => {
            this.bannersBut = false
          }
        });
        return
      } else if (this.currentPRDetailData.qty === 0 || this.currentPRDetailData.qty <= 0) {
        this.$alert('请输入申请数量！', '操作提示', {
          confirmButtonText: '确定',
          callback: action => {
            this.bannersBut = false
          }
        });
        return
      } else if (this.currentPRDetailData.price === 0 || this.currentPRDetailData.price <= 0) {
        this.$alert('请输入预估单价！', '操作提示', {
          confirmButtonText: '确定',
          callback: action => {
            this.bannersBut = false
          }
        });
        return
      } else if (this.currentPRDetailData.partDesc === 0 || this.currentPRDetailData.partDesc <= 0) {
        this.$alert('请输入刀模名称！', '操作提示', {
          confirmButtonText: '确定',
          callback: action => {
            this.bannersBut = false
          }
        });
        return
      } else if (this.currentPRDetailData.orderref1.trim() === "") {
        this.$alert('请输入工具类型！', '操作提示', {
          confirmButtonText: '确定',
          callback: action => {
            this.bannersBut = false
          }
        });
        return
      }
      if (this.addFlagShow) {
        if (this.currentPRDetailData.addFlag == '') {
          this.$message.warning("请选择是否新增")
          this.bannersBut = false
          return
        }
      } else {
        if (this.currentPRDetailData.partdesc == '') {
          this.$message.warning("请输入工名称")
          this.bannersBut = false
          return
        }
      }
      let partNo = this.currentPRDetailData.partno.toUpperCase()
      this.currentPRDetailData.partno = partNo
      // let filter = this.supplierList.filter(item => item.supplierid === this.currentPRDetailData.supplierid);
      // this.currentPRDetailData.suppliername = filter[0].suppliername
      this.currentPRDetailData.currency = ""
      this.currentPRDetailData.taxcode = ""
      this.currentPRDetailData.fileType = 'PRFile'
      this.currentPRDetailData.sysOssEntityList = this.insertFileList
      savePRDetail(this.currentPRDetailData).then(({data}) => {
        this.bannersBut = false
        if (data.code == 0) {
          this.bannersFlag = false
          this.getDataList()
          this.$message.success(data.msg)
          this.addPRDetailFlag = false
        } else {
          this.$message.warning(data.msg)
        }
        this.bannersBut = false
      })
    },
    initSupplier() {
      let queryData = {
        site: this.site
      }
      getSupplierList(queryData).then(({data}) => {
        this.supplierList = data.rows
      })
    },
    initTblBaseDataList() {
      let queryData = {
        type: 'orderType'
      }
      getTblBaseDataList(queryData).then(({data}) => {
        this.orderTypeList = data.rows
      })
    },
    initReapply(row) {
      this.currentPRDetailData.orderref1 = row.requisitionno
      this.currentPRDetailData.orderref2 = row.itemno
      this.initAddModel(null, 'Y')
    },
    initAddModel(row, val) {
      this.initTblBaseDataList()
      this.getBusinessRoleList()
      this.getPartFamily()
      this.fileList = []
      this.insertFileList = []
      if (row == null) {
        this.currentPRDetailData.requisitionno = ''
        this.currentPRDetailData.itemno = ''
        this.currentPRDetailData.supplierid = ''
        this.currentPRDetailData.suppliername = ''
        this.currentPRDetailData.orderType = ''
        this.currentPRDetailData.partno = ''
        this.currentPRDetailData.qty = 0
        this.currentPRDetailData.price = 0
        this.currentPRDetailData.status = '已下达'
        this.currentPRDetailData.taxCode = ''
        this.currentPRDetailData.partdesc = ''
        this.currentPRDetailData.orderref1 = ''
        this.currentPRDetailData.addFlag = ''
        this.currentPRDetailData.lifespan = ''
        this.currentPRDetailData.remark = ''
        this.currentPRDetailData.toolInstanceId = ''
        this.addFlagShow = true
      } else {
        this.addFlagShow = false
        this.currentPRDetailData.requisitionno = row.requisitionno
        this.currentPRDetailData.itemno = row.itemno
        this.currentPRDetailData.supplierid = row.supplierid
        this.currentPRDetailData.suppliername = row.suppliername
        this.currentPRDetailData.orderType = Number(row.orderType)
        this.currentPRDetailData.partno = row.partno
        this.currentPRDetailData.qty = row.qty
        this.currentPRDetailData.price = row.price
        this.currentPRDetailData.status = ''
        this.currentPRDetailData.taxCode = row.taxCode
        this.currentPRDetailData.partDesc = row.partdesc
        this.currentPRDetailData.orderref1 = row.orderref1
        this.currentPRDetailData.lifespan = row.lifespan
        this.currentPRDetailData.remark = row.remark
        this.currentPRDetailData.toolInstanceId = row.toolInstanceId
        this.getFileList(row)
      }
      /*      if (val != 'Y') {
              this.currentPRDetailData.orderref1 = null
              this.currentPRDetailData.orderref2 = null
            }*/
      this.getNumber()
      this.bannersBut = false
      this.addPRDetailFlag = true
    },
    // 校验用户是否收藏
    favoriteIsOk() {
      let userFavorite = {
        userId: this.$store.state.user.id,
        languageCode: this.$i18n.locale
      }
      userFavoriteList(userFavorite).then(({data}) => {
        let size = data.list.filter(item => item.userId == userFavorite.menuId).length;
        if (size > 0) {
          this.favorite = true
        } else {
          this.favorite = false
        }
      })
    },
    // 收藏 OR 取消收藏
    favoriteFunction() {
      let userFavorite = {
        userId: this.$store.state.user.id,
        functionId: this.$route.meta.menuId,
      }
      if (this.favorite) {
        // 取消收藏
        this.$confirm(`确定取消收藏`, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          removeUserFavorite(userFavorite).then(({data}) => {
            this.$message.success(data.msg)
            this.favorite = false
          })
        })
      } else {
        // 收藏
        saveUserFavorite(userFavorite).then(({data}) => {
          this.$message.success(data.msg)
          this.favorite = true
        })
      }

    },
    // 获取button的词典
    getFunctionButtonList() {
      searchFunctionButtonList(this.queryButton).then(({data}) => {
        if (data.data.length > 0) {
          this.buttons = data.data
        } else {
          saveButtonList(this.buttonList).then(({data}) => {
          })
        }
      })
    },
    // 获取语言词典
    getSysLanguageParamList() {
      searchSysLanguageParam(this.querySysLanguageParam).then(({data}) => {
        this.sysLanguageParams = data.rows
      })
    },
    // 打开页面设置
    userSetting() {
      this.visible = true;
      let queryTable = {
        userId: this.userId,
        functionId: this.functionId,
        tableId: this.tableId,
        languageCode: this.$i18n.locale
      }
      this.$nextTick(() => {
        this.$refs.column.init(queryTable);
      });
    },
    // 获取 用户的配置
    getTableUserAll() {
      let queryTable = {
        userId: this.$store.state.user.name,
        tableId: "common1001",
        languageCode: this.$i18n.locale
      }
      getTableUserListLanguage(queryTable).then(({data}) => {
        if (data.code == 0) {
          this.userColumnList = data.rows
          if (data.rows.length <= 0) {
            getTableDefaultListLanguage(this.queryTable).then(({data}) => {
              this.userColumnList = data.rows

            })
          }
        }

      })
    },
    // 修改 table 列
    updateColumnList() {
      let userColumns = []
      for (let column of this.userColumnList) {
        let userColumn = {
          userId: this.$store.state.user.name,
          functionId: column.functionId,
          tableId: column.tableId,
          tableName: column.tableName,
          columnProp: column.columnProp,
          headerAlign: column.headerAlign,
          align: column.align,
          columnWidth: column.columnWidth,
          columnLabel: column.columnLabel,
          columnHidden: column.columnHidden,
          columnImage: column.columnImage,
          columnSortable: column.columnSortable,
          format: column.format,
          sortLv: column.sortLv,
          status: column.status,
          fixed: column.fixed,
          serialNumber: column.serialNumber
        }
        userColumns.push(userColumn)
      }
      saveTableUser(userColumns).then(({data}) => {
        if (data.code == 0) {
          this.$message.success(data.msg)
          this.visible = false
          this.getTableUserColumn()
        } else {
          this.$message.error(data.msg)
        }
      })
    },
    // 获取 用户保存的 格式列
    getTableUserColumn() {
      getTableUserListLanguage(this.queryTableUser).then(({data}) => {
        if (data.rows.length > 0) {
          //this.columnList = []
          this.columnList = data.rows
        } else {
          this.getColumnList()
        }

      })
    },
    // 保存 默认配置 列
    async saveColumnList() {
      // 删除所有的该页面下保存的数据
      if (this.userColumnList) {
        //删除 user自定义的数据
        await removerUser(this.queryTable)
      }
      // 删除默认配置
      await removerDefault(this.queryTable)
      // 保存页面 table属性
      let sumColumnList = this.columnList.concat(this.columnList1);
      sumColumnList = sumColumnList.map(item => {
        return item = {
          tableId: item.tableId,
          tableName: item.tableName,
          columnProp: item.columnProp,
          columnLabel: item.columnLabel,
          columnHidden: false,
          columnImage: false,
          columnSortable: item.columnSortable,
          columnWidth: item.columnWidth,
          format: item.format,
          functionId: this.$route.meta.menuId,
          sortLv: item.sortLv,
          status: true,
          fixed: item.fixed,
          serialNumber: item.serialNumber,
          columnType: item.columnType,
          align: item.align
        }
      })

      await saveTableDefaultList(sumColumnList)
      // 保存页面 button label title 属性
      let buttons = this.buttonList.map(item => {
        return item = {
          functionId: this.$route.meta.menuId,
          languageValue: item.languageValue,
          objectId: item.objectId,
          objectType: item.objectType,
          tableId: item.tableId
        }
      })
      await saveButtonList(buttons)
      this.getFunctionButtonList()
      this.getColumnList()
    },
    // 获取 tableDefault 列
    getColumnList() {
      getTableDefaultListLanguage(this.queryTable).then(({data}) => {
        if (!data.rows.length == 0) {
          // this.showDefault = false
          this.columnList = data.rows
        } else {
          // this.showDefault = true
        }
      })
    },
    // 获取数据列表
    getDataList(val) {
      this.dataListLoading = true
      if (val == 'Y') {
        this.pageIndex = 1
      }
      this.mainQueryData.limit = this.pageSize
      this.mainQueryData.page = this.pageIndex
      getPRHeaderList(this.mainQueryData).then(({data}) => {
        if (data && data.code === 0) {
          this.dataList = data.rows.list
          this.totalPage = data.rows.totalCount
        } else {
          this.dataList = []
          this.totalPage = 0
        }
        this.dataListLoading = false
      })
    },
    // 每页数
    sizeChangeHandle(val) {
      this.pageSize = val
      this.pageIndex = 1
      this.getDataList()
    },
    // 当前页
    currentChangeHandle(val) {
      this.pageIndex = val
      this.getDataList()
    },
    // 多选
    selectionChangeHandle(val) {
      this.dataListSelections = val
    },

    createExportData() {
      // 点击导出按钮之后,开始导出数据之前的执行函数,返回值为需要下载的数据
      // TODO:构造需要下载的数据返回
      getExportList(this.mainQueryData).then(({data}) => {
        if (data && data.code === 0) {
          return data.rows.list
        }
        return this.dataList;
      })
    },
    startDownload() {
      //  this.exportData = this.dataList
      console.log("数据开始")
    },
    finishDownload() {
      console.log("数据下载完成")
    },
    fields() {
      let json = "{"
      this.columnList.forEach((item, index) => {
        if (index == this.columnList.length - 1) {
          json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
        } else {
          json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
        }
      })
      json += "}"
      let s = eval("(" + json + ")")

      return s
    },
  },
  created() {
    this.getTableUserColumn()
    this.getSysLanguageParamList()
    this.getFunctionButtonList()
    this.favoriteIsOk()
  }
}
</script>
<style scoped lang="scss">


.sl-svg {
  overflow: hidden;
  float: right;
}

/*统一的input内容颜色样式*/
.customer-input-color-red /deep/ .el-input__inner {
  color: red;
}

</style>