修改

zhouwx

4 天以前 d5bd0e88c1eec6bb2947d2bfa57348d89edbc1c3

 src/views/work/qualityInfo/supplierQuality/supplierList/index.vue

@@ -24,19 +24,43 @@
          <el-button type="primary" style="margin-left: 30px" @click="searchClick">查询</el-button>
          <el-button plain @click="reset">重置</el-button>
        </el-form-item>
        <el-form-item style="margin-left: 15px">
          <el-button
              type="primary"
              @click="exportData"
          >导出</el-button>
        </el-form-item>
      </el-form>
    </div>
    <!-- 表格数据 -->
    <el-table v-loading="loading" :data="dataList" :border="true"  @selection-change="handleSelectionChange">
      <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
      <el-table-column label="供应商名称" prop="supplierName" align="center"  />
      <el-table-column label="供应商类型" prop="supplierType" align="center"  />
      <el-table-column label="供货单位" prop="supplierName" align="center"  />
      <el-table-column label="地址" prop="supplierAddr" align="center"  />
      <el-table-column label="供应品名称" prop="merito" align="center"  />
      <el-table-column label="联系人" prop="user" align="center"  />
      <el-table-column label="联系电话" prop="phone" align="center"  />
      <el-table-column label="邮箱" prop="emil" align="center"  />
      <el-table-column label="主营产品" prop="merito" align="center"  />
      <el-table-column label="服务内容" prop="content" align="center"  />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
      <el-table-column label="备注" prop="remark" align="center"  />
      <el-table-column label="业绩评定表" align="center" class-name="small-padding fixed-width" width="160" >
        <template #default="scope">
          <el-button link type="primary" @click="openPerformance('review',scope.row)">查看</el-button>
          <el-button link type="primary" @click="openPerformance('edit',scope.row)">编辑</el-button>
          <el-button link type="primary"  @click = 'exportPerformance(scope.row)'>导出</el-button>
        </template>
      </el-table-column>
      <el-table-column label="质量保证能力调查表" align="center" class-name="small-padding fixed-width"  width="160" >
        <template #default="scope">
          <el-button link type="primary" @click="openQuality('review',scope.row)">查看</el-button>
          <el-button link type="primary" @click="openQuality('edit',scope.row)">编辑</el-button>
          <el-button link type="primary"  @click = 'exportQuality(scope.row)'>导出</el-button>
        </template>
      </el-table-column>
      <el-table-column label="证书" align="center" class-name="small-padding fixed-width" >
        <template #default="scope">
          <el-button link type="primary"  @click="openCert('review',scope.row)">查看</el-button>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width"  width="160" >
        <template #default="scope">
          <el-button link type="primary"  @click="openDialog('review',scope.row)" >查看</el-button>
          <el-button link type="primary"  @click="openDialog('edit',scope.row)" >编辑</el-button>
@@ -57,22 +81,31 @@
      />
    </div>
    <supplierDialog ref="noticeRef" @getList = "getList"></supplierDialog>
    <performanceTable ref="performanceRef" @getList = "getList"></performanceTable>
    <qualityDialog ref="qualityRef" @getList = "getList"></qualityDialog>
    <certDialog ref="certRef" @getList = "getList"></certDialog>
  </div>
</template>

<script setup>
import {getCurrentInstance, onMounted, reactive, ref, toRefs} from "vue";
import supplierDialog from "./components/supplierDialog.vue"
import performanceTable from './components/performanceTableDialog.vue'
import qualityDialog from './components/qualityDialog.vue'
import certDialog from './components/certDialog.vue'
import {ElMessage, ElMessageBox} from "element-plus";
import {getCompany} from "@/api/onlineEducation/company";
import Cookies from "js-cookie";
import {generateWordDocument} from "@/utils/exportWord";
import {delBasic, getBasic} from "@/api/companyInfo/basicInfo";
import {delSupplier, getSupplierPage} from "@/api/supplier/supplierList";

import {delSupplierById, getPerformance, getQuality, getSupplierPage} from "@/api/supplier/supplierList";
const { proxy } = getCurrentInstance();
const loading = ref(false);
const noticeRef = ref();
const performanceRef = ref();
const qualityRef = ref();
const certRef = ref();

const loadingCompany = ref(false)
const choosedData = ref([])
const data = reactive({
@@ -82,7 +115,155 @@
    companyId: null,
  },
  companyList: [],
  isAdmin: false
  isAdmin: false,
  verifyList:[{id: 1,label: '现场验证'},{id: 2,label: '入库验证'},{id: 3,label: '供方货源处验证'},],
  opinionList:[{id: 1,label: '保留（≥80）'},{id: 2,label: '暂停，整改后再评价（≥65）'},{id: 3,label: '剔除（＜65）'},],
  traitList:[
    {
      id: 1,
      name: '成批生产'
    },
    {
      id: 2,
      name: '流水线生产'
    },
    {
      id: 3,
      name: '单台生产'
    },
    {
      id: 4,
      name: '其他'
    },
  ],
  facilityList:[
    {
      id: 1,
      name: '齐全、良好'
    },
    {
      id: 2,
      name: '基本齐全、尚可'
    },
    {
      id: 3,
      name: '不全'
    },
    {
      id: 4,
      name: '代理商'
    },
  ],
  craftList:[
    {
      id: 1,
      name: '齐备'
    },
    {
      id: 2,
      name: '有一部分'
    },
    {
      id: 3,
      name: '没有'
    },
    {
      id: 4,
      name: '代理商'
    },
  ],
  developList:[
    {
      id: 1,
      name: '能自行设计开发新品'
    },
    {
      id: 2,
      name: '只能开发简单产品'
    },
    {
      id: 3,
      name: '没有自行开发能力，代理商'
    },
  ],
  teamWorkList:[
    {
      id: 1,
      name: '是外资企业'
    },
    {
      id: 2,
      name: '是合资企业'
    },
    {
      id: 3,
      name: '给企业提供产品'
    },
    {
      id: 4,
      name: '无对外合作经验'
    },
    {
      id: 5,
      name: '有对外合作经验，但不经常发生'
    },
  ],
  qualificationList:[
    {
      id: 1,
      name: '营业执照'
    },
    {
      id: 2,
      name: '有效期内'
    },
    {
      id: 3,
      name: '有效期外'
    },
    {
      id: 4,
      name: '高新技术企业'
    },
    {
      id: 5,
      name: '有效期内'
    },
    {
      id: 6,
      name: '有效期外'
    },
    {
      id: 7,
      name: '资质代理商'
    },
    {
      id: 8,
      name: '其他资质情况:'
    },
  ],
  productList:[
    {
      id: 1,
      name: '通过产品认证'
    },
    {
      id: 2,
      name: '没有产品认证'
    },
    {
      id: 3,
      name: '通过质量体系认证'
    },
    {
      id: 4,
      name: '没有体系认证'
    },
    {
      id: 5,
      name: '其他认证（请指出具体内容）:'
    },
  ]
});
const dataList = ref([]);
const total = ref(0);
@@ -102,6 +283,8 @@
  if(data.isAdmin){
    getCompanyList()
  }


});
const getList = async () => {
  loading.value = true;
@@ -112,7 +295,7 @@
  }else{
    ElMessage.warning(res.message)
  }
  loading.value = false;
  loading.value = false
}

const searchClick = () => {
@@ -120,6 +303,15 @@
}
const openDialog = (type, value) => {
  noticeRef.value.openDialog(type, value,data.companyList);
}
const openPerformance = (type, value) => {
  performanceRef.value.openDialog(type, value);
}
const openQuality = (type,value) => {
  qualityRef.value.openDialog(type, value);
}
const openCert = (type,value) => {
  certRef.value.openDialog(type, value);
}
const selectValue = (val) => {
  data.companyList.forEach(item => {
@@ -179,7 +371,7 @@
        type: 'warning',
      })
      .then( async() => {
        const res = await delSupplier(val.id);
        const res = await delSupplierById(val.id);
        if(res.code === 200){
          ElMessage({
            type: 'success',
@@ -191,7 +383,269 @@
        }
      })
}
const qualityPath = ref('/qualityExample.docx')
const exportQuality = async (val) => {
  let state = {}
  const param = {
    supplierSureId: val.id
  }
  const res = await getQuality(param)
  if(res.code == 200){
    state = res.data
    state.productName = val.merito
    if(state.otherQualifi){
      data.qualificationList.forEach((item) => {
        if(item.id == 8){
          item.name = item.name+ state.otherQualifi
        }
      })
    }
    if(state.otherProduct){
      data.productList.forEach((item) => {
        if(item.id == 5){
          item.name = item.name+ state.otherProduct
        }
      })
    }
    await handleCheckData(res.data)
    state.traitList = data.traitList
    state.facilityList = data.facilityList
    state.craftList = data.craftList
    const teamWorkData = formatCheckboxData(data.teamWorkList)
    state.teamWorkList = teamWorkData
    const developData = formatCheckboxData(data.developList)
    state.developList = developData
    const qualificationData = formatCheckboxData(data.qualificationList,'quality')
    state.qualificationList = qualificationData
    const productData = formatCheckboxData(data.productList)
    state.productList = productData
    state.chargeTime = state.chargeTime?state.chargeTime.substring(0,10):''
    try {
      generateWordDocument(qualityPath.value, state, val.supplierName+'_供方质量保证能力调查表.docx');
      await setTableData()
    } catch (error){
      ElMessage({
        type: 'warning',
        message: '导出失败'
      });
    }

  }else{
    ElMessage.warning(res.message)
  }
}
function formatCheckboxData(items,type) {
  return items.reduce((rows, item, index) => {
    if(type == 'quality'){
      if (index % 3 === 0) {
        // 创建新行，添加第一个复选框
        rows.push({ check1: item });
      } else if (index % 3 === 1 && rows.length > 0) {
        // 向当前行添加第二个复选框
        const currentRow = rows[rows.length - 1];
        currentRow.check2 = item;
      } else if (index % 3 === 2 && rows.length > 0) {
        // 向当前行添加第三个复选框
        const currentRow = rows[rows.length - 1];
        currentRow.check3 = item;
      }
    }else{
      if (index % 2 === 0) {
        // 创建新行，添加第一个复选框
        rows.push({ check1: item });
      } else {
        // 向最后一行添加第二个复选框
        const lastRow = rows[rows.length - 1];
        lastRow.check2 = item;
      }
    }
    return rows;
  }, []);
}
const handleCheckData = (val) =>{
  const idSetTrait = new Set(val.trait.split(',').map((i => Number(i))))
  data.traitList.forEach(item => {
    if (idSetTrait.has(item.id)) {
      item.checked = true;
    }
  });
  const idSetFacility = new Set(val.facility.split(',').map((i => Number(i))))
  data.facilityList.forEach(item => {
    if (idSetFacility.has(item.id)) {
      item.checked = true;
    }
  });
  const idSetCraft = new Set(val.craft.split(',').map((i => Number(i))))
  data.craftList.forEach(item => {
    if (idSetCraft.has(item.id)) {
      item.checked = true;
    }
  });
  const idSetDevelop = new Set(val.develop.split(',').map((i => Number(i))))
  data.developList.forEach(item => {
    if (idSetDevelop.has(item.id)) {
      item.checked = true;
    }
  });
  const idSetTeamWork = new Set(val.teamWork.split(',').map((i => Number(i))))
  data.teamWorkList.forEach(item => {
    if (idSetTeamWork.has(item.id)) {
      item.checked = true;
    }
  });
  const idSetQualification = new Set(val.qualification.split(',').map((i => Number(i))))
  data.qualificationList.forEach(item => {
    if (idSetQualification.has(item.id)) {
      item.checked = true;
    }
  });
  const idSetProduct = new Set(val.product.split(',').map((i => Number(i))))
  data.productList.forEach(item => {
    if (idSetProduct.has(item.id)) {
      item.checked = true;
    }
  });
}





const performancePath = ref('/performanceExample.docx')
const exportPerformance = async (val) => {
  let state = {}
  const param = {
    supplierSureId: val.id
  }
  const res = await getPerformance(param)
  if(res.code == 200){
    // if(!res.data.p1){
    //   ElMessage.warning('暂无数据！')
    //   return
    // }
    state = res.data
    state.tableData = [{name: '产品质量 p1', good: '', fine: '', middle: '', bad: ''},
      {name: '交货期 p2', good: '', fine: '', middle: '', bad: ''},
      {name: '履约能力 p3', good: '', fine: '', middle: '', bad: ''},
      {name: '价格 p4', good: '', fine: '', middle: '', bad: ''},
      {name: '售后服务 p5', good: '', fine: '', middle: '', bad: ''},
      {name: '资历 p6', good: '', fine: '', middle: '', bad: ''},
    ]
    //更新表格字段名
    const p1Field = getMatchedField(res.data.p1)
    if(p1Field){
      state.tableData[0][p1Field] = res.data.p1
    }
    const p2Field = getMatchedField(res.data.p2)
    if(p2Field){
      state.tableData[1][p2Field] = res.data.p2
    }
    const p3Field = getMatchedField(res.data.p3)
    if(p3Field){
      state.tableData[2][p3Field] = res.data.p3
    }
    const p4Field = getMatchedField(res.data.p4)
    if(p4Field){
      state.tableData[3][p4Field] = res.data.p4
    }
    const p5Field = getMatchedField(res.data.p5)
    if(p5Field){
      state.tableData[4][p5Field] = res.data.p5
    }
    const p6Field = getMatchedField(res.data.p6)
    if(p6Field){
      state.tableData[5][p6Field] = res.data.p6
    }
    const sum = res.data.p1+res.data.p2+res.data.p3+res.data.p4+res.data.p5+res.data.p6
    state.tableData = state.tableData.map((i,index) => {
      return {
        ...i,
        list: [{
          first: index == 0,
          conclusion:'Σ(Pi)/6 ='+(sum/6).toFixed(2)
        }]
      }
    })
    data.verifyList.forEach(i => {
      i.checked = i.id != state.verify
    })
    state.verifyList = data.verifyList
    data.opinionList.forEach(i => {
      i.checked = i.id != state.opinion
    })
    state.opinionList = data.opinionList
    state.reviewTime = state.reviewTime?state.reviewTime.substring(0,10):''
    state.checkTime = state.checkTime?state.checkTime.substring(0,10):''
  }else{
    ElMessage.warning(res.message)
  }
  try {
    generateWordDocument(performancePath.value, state, val.supplierName+'_业绩评定表.docx');
  } catch (error){
    ElMessage({
      type: 'warning',
      message: '导出失败'
    });
  }

}
const demo = ref([
  {
    rage: '86-100',
    field: 'good'
  },
  {
    rage: '71-85',
    field: 'fine'
  },
  {
    rage: '60-70',
    field: 'middle'
  },
  {
    rage: '0-59',
    field: 'bad'
  },
])
const getMatchedField = (num) => {
  for (const item of demo.value) {
    const [min, max] = item.rage.split('-').map(Number);
    if (num >= min && num <= max) {
      return item.field; // 返回匹配的字段名（如 "good"）
    }
  }
  return null; // 无匹配时返回 null
}
const exportData = () => {
    startGeneration()
}
const templatePath = ref('/supplierExample.docx')
const startGeneration = async () => {
  const supplierList = {}
  supplierList.tableData = dataList.value.map((item,index) => {
    return{
      ...item,
      num: index+1
    }
  })
    try {
      generateWordDocument(templatePath.value, supplierList, '合格供方名录.docx');
    } catch (error){
      ElMessage({
        type: 'warning',
        message: '导出失败'
      });
    }
}
const setTableData = () => {
  data.traitList=[{id: 1, name: '成批生产'}, {id: 2, name: '流水线生产'}, {id: 3, name: '单台生产'}, {id: 4, name: '其他'},]
  data.facilityList=[{id: 1, name: '齐全、良好'}, {id: 2, name: '基本齐全、尚可'}, {id: 3, name: '不全'}, {id: 4, name: '代理商'},]
  data.craftList=[{id: 1, name: '齐备'}, {id: 2, name: '有一部分'}, {id: 3, name: '没有'}, {id: 4, name: '代理商'},]
  data.developList=[{id: 1, name: '能自行设计开发新品'}, {id: 2, name: '只能开发简单产品'}, {id: 3, name: '没有自行开发能力，代理商'},]
  data.teamWorkList=[{id: 1, name: '是外资企业'}, {id: 2, name: '是合资企业'}, {id: 3, name: '给企业提供产品'}, {id: 4, name: '无对外合作经验'}, {id: 5, name: '有对外合作经验，但不经常发生'},]
  data.qualificationList=[{id: 1, name: '营业执照'}, {id: 2, name: '有效期内'}, {id: 3, name: '有效期外'}, {id: 4, name: '高新技术企业'}, {id: 5, name: '有效期内'}, {id: 6, name: '有效期外'}, {id: 7, name: '资质代理商'}, {id: 8, name: '其他资质情况:'},]
  data.productList=[{id: 1, name: '通过产品认证'}, {id: 2, name: '没有产品认证'}, {id: 3, name: '通过质量体系认证'}, {id: 4, name: '没有体系认证'}, {id: 5, name: '其他认证（请指出具体内容）:'},]
}
</script>
<style lang="scss">
.pag-container{