|
|
@@ -0,0 +1,310 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <div class="heads">供应商供货查询</div>
|
|
|
+ <div class="top-box">
|
|
|
+ <span class="t-span">供应商:</span>
|
|
|
+ <el-select v-model="quyu" placeholder="请选择" filterable clearable style="width:300px;">
|
|
|
+ <el-option
|
|
|
+ v-for="item in options"
|
|
|
+ :key="item.id_"
|
|
|
+ :label="item.gong_ying_shang_m"
|
|
|
+ :value="item.id_"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-button class="btn" type="primary" @click="query">
|
|
|
+ <i class="ibps-icon-search"></i>查询
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ :stripe="true"
|
|
|
+ style="width: 100%"
|
|
|
+ height="70vh"
|
|
|
+ v-loading="loading"
|
|
|
+ :header-cell-style="{
|
|
|
+ color: '#000',
|
|
|
+ 'font-size': '14px',
|
|
|
+ padding: '6px 6px',
|
|
|
+ background: '#a7d6f8 !important',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ prop="wu_liao_ming_chen"
|
|
|
+ label="物料名称"
|
|
|
+ width="200"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column prop="wu_liao_bian_ma_" label="物料编码" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.wu_liao_bian_ma_ }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="wu_liao_bian_ma_" label="供应商" width="200">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.wu_liao_bian_ma_ | gysfilter(gysList) }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="pi_hao_" label="批号" width="120">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.pi_hao_ }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="huo_hao_" label="货号" width="120">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.huo_hao_ }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="gui_ge_xing_hao_" label="规格型号" width="120">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.gui_ge_xing_hao_ }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="shu_liang_" label="数量" width="80">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.shu_liang_ }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="shu_liang_" label="入库时间" width="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.wu_liao_bian_ma_|dhsjFilter(inkuList,scope.row.ru_ku_shi_jian_A_)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <!-- <el-table-column prop="t2" label="t2" width="65">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.huo_hao_ }}
|
|
|
+ </template>
|
|
|
+ </el-table-column> -->
|
|
|
+ </el-table>
|
|
|
+ <div class="block">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage4"
|
|
|
+ :page-sizes="[10, 15, 25, 50]"
|
|
|
+ :page-size="10"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="numtotal"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import curdPost from "@/business/platform/form/utils/custom/joinCURD.js";
|
|
|
+let jsSql = `select id_ as wai_jian_, wu_liao_ming_chen,wu_liao_dai_ma_ AS wu_liao_bian_ma_,gong_ying_shang_ as gong_ying_shang_A,dao_ku_ri_qi_ as ru_ku_shi_jian_A_,pi_hao_,huo_hao_,gui_ge_ AS gui_ge_xing_hao_,dao_huo_shu_liang AS shu_liang_,create_time_ FROM t_wljsysjlb ORDER BY create_time_ DESC LIMIT `;
|
|
|
+let cgSql = `select wai_jian_, wu_liao_ming_chen,wu_liao_bian_ma_,gong_ying_shang_A,ru_ku_shi_jian_A_,pi_hao_,huo_hao_,gui_ge_xing_hao_,shu_liang_,create_time_ FROM t_cgysjlb UNION ALL `;
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableData: [],
|
|
|
+ quyu: "",
|
|
|
+ riqi: "",
|
|
|
+ currentPage4: 0,
|
|
|
+ currentPage: 1,
|
|
|
+ limit: "10",
|
|
|
+ numtotal: "",
|
|
|
+ currentSql: "",
|
|
|
+ countSql: "",
|
|
|
+ options: [],
|
|
|
+ gysList: [],
|
|
|
+ loading: true,
|
|
|
+ inkuList: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ //yszb
|
|
|
+ created() {
|
|
|
+ let this_ = this;
|
|
|
+ let sql = cgSql + jsSql + this.limit;
|
|
|
+ this.currentSql = sql;
|
|
|
+ this.loadData(sql);
|
|
|
+ this.allLength();
|
|
|
+ let gysSql =
|
|
|
+ "select id_,gong_ying_shang_m FROM t_gysml where gong_ying_shang_l ='设备、物料供应商'";
|
|
|
+ curdPost("sql", gysSql).then((res) => {
|
|
|
+ let data = res.variables.data;
|
|
|
+ this_.options = data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ filters: {
|
|
|
+ gysfilter: function (value, arr) {
|
|
|
+ for (let i = 0; i < arr.length; i++) {
|
|
|
+ if (arr[i].wu_liao_bian_ma_ == value) {
|
|
|
+ return arr[i].gong_ying_shang_m;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ dhsjFilter: function (value, arr,shijian) {
|
|
|
+ if(shijian){
|
|
|
+ return shijian;
|
|
|
+ }
|
|
|
+ for (let i = 0; i < arr.length; i++) {
|
|
|
+ if (arr[i].wu_liao_bian_ma_ == value) {
|
|
|
+ return arr[i].ru_ku_shi_jian_A_;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fmtDate: function (obj) {
|
|
|
+ var date = new Date(obj);
|
|
|
+ var y = 1900 + date.getYear();
|
|
|
+ var m = "0" + (date.getMonth() + 1);
|
|
|
+ var d = "0" + date.getDate();
|
|
|
+ var h = date.getHours();
|
|
|
+ var min = date.getMinutes();
|
|
|
+ var s = date.getMinutes();
|
|
|
+ return (
|
|
|
+ y +
|
|
|
+ "-" +
|
|
|
+ m.substring(m.length - 2, m.length) +
|
|
|
+ "-" +
|
|
|
+ d.substring(d.length - 2, d.length) +
|
|
|
+ " " +
|
|
|
+ h +
|
|
|
+ ":" +
|
|
|
+ min +
|
|
|
+ ":" +
|
|
|
+ s
|
|
|
+ );
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ allLength() {
|
|
|
+ let this_ = this;
|
|
|
+ let sql1 =
|
|
|
+ "select COUNT(*) AS COUNT FROM t_cgysjlb UNION ALL SELECT COUNT(*) AS COUNT FROM t_wljsysjlb ";
|
|
|
+ curdPost("sql", sql1).then((res) => {
|
|
|
+ let data = res.variables.data;
|
|
|
+ this_.numtotal = data[0].COUNT + data[1].COUNT;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async loadData(sql) {
|
|
|
+ // 请求表格数据函数
|
|
|
+ let this_ = this;
|
|
|
+ let data = [];
|
|
|
+ let obj = {};
|
|
|
+ let obj1={};
|
|
|
+ this.listData = [];
|
|
|
+ this_.gysLis = [];
|
|
|
+ await curdPost("sql", sql).then((res) => {
|
|
|
+ this_.tableData = res.variables.data;
|
|
|
+ data = this_.tableData;
|
|
|
+ });
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ obj = {};
|
|
|
+ obj1={};
|
|
|
+ if (data[i].gong_ying_shang_m) {
|
|
|
+ // this_.jsgys(data[i].gong_ying_shang_m);
|
|
|
+ let sql1 = `select gong_ying_shang_m FROM t_gysml where id_= '${data[i].gong_ying_shang_m}'`;
|
|
|
+ await curdPost("sql", sql1).then((res) => {
|
|
|
+ let data1 = res.variables.data;
|
|
|
+ if (data1.length > 0) {
|
|
|
+ obj.wu_liao_bian_ma_ = data[i].wu_liao_bian_ma_;
|
|
|
+ obj.gong_ying_shang_m = data1[0].gong_ying_shang_m || 0;
|
|
|
+ this_.gysList.push(obj);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ // this_.cggys(data[i].wai_jian_);
|
|
|
+ let sql = `select gong_ying_shang_m FROM t_gysml where id_=(SELECT gong_ying_shang_ FROM t_yszb WHERE id_ = '${data[i].wai_jian_}')`;
|
|
|
+ await curdPost("sql", sql).then((res) => {
|
|
|
+ let data2 = res.variables.data;
|
|
|
+ if (data2.length > 0) {
|
|
|
+ obj.wu_liao_bian_ma_ = data[i].wu_liao_bian_ma_;
|
|
|
+ obj.gong_ying_shang_m = data2[0].gong_ying_shang_m || 0;
|
|
|
+ this_.gysList.push(obj);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ let sql3 = `select dao_huo_ri_qi_ FROM t_yszb where id_='${data[i].wai_jian_}'`;
|
|
|
+ await curdPost("sql", sql3).then((res) => {
|
|
|
+ let data3 = res.variables.data;
|
|
|
+ if (data3.length > 0) {
|
|
|
+ obj1.wu_liao_bian_ma_ = data[i].wu_liao_bian_ma_;
|
|
|
+ obj1.ru_ku_shi_jian_A_ = data3[0].dao_huo_ri_qi_ || 0;
|
|
|
+ this_.inkuList.push(obj1);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ setTimeout(() => {
|
|
|
+ this_.loading = false;
|
|
|
+ }, 200);
|
|
|
+ },
|
|
|
+ countLength(sql) {
|
|
|
+ let this_ = this;
|
|
|
+ curdPost("sql", sql).then((res) => {
|
|
|
+ let data = res.variables.data;
|
|
|
+ this_.numtotal = data[0].COUNT;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ filter() {
|
|
|
+ let quyu = this.quyu;
|
|
|
+ let sql = "";
|
|
|
+ let this_ = this;
|
|
|
+ let sql1 = `select wu_liao_ming_chen,wu_liao_bian_ma_,gong_ying_shang_A,pi_hao_,huo_hao_,gui_ge_xing_hao_,shu_liang_,wai_jian_,create_time_ FROM t_cgysjlb WHERE wai_jian_ IN ((select id_ FROM t_yszb WHERE (ding_dan_lei_xing !='换货单/常规' OR ding_dan_lei_xing !='换货单/技术') AND shi_fou_guo_shen_='1' AND gong_ying_shang_ ='${quyu}')) UNION ALL select wu_liao_ming_chen,wu_liao_dai_ma_ AS wu_liao_bian_ma_,gong_ying_shang_ asgong_ying_shang_A,pi_hao_,huo_hao_,gui_ge_ AS gui_ge_xing_hao_,dao_huo_shu_liang AS shu_liang_,id_ AS wai_jian_,create_time_ FROM t_wljsysjlb WHERE gong_ying_shang_ ='${quyu}' ORDER BY create_time_ DESC`;
|
|
|
+ let sql2 = `select COUNT(*) AS COUNT FROM t_cgysjlb WHERE wai_jian_ IN ((select id_ FROM t_yszb WHERE (ding_dan_lei_xing !='换货单/常规' OR ding_dan_lei_xing !='换货单/技术') AND shi_fou_guo_shen_='1' AND gong_ying_shang_ ='${quyu}')) UNION ALL select COUNT(*) AS COUNT FROM t_wljsysjlb WHERE gong_ying_shang_ ='${quyu}'`;
|
|
|
+ if (quyu) {
|
|
|
+ sql = sql1;
|
|
|
+ curdPost("sql", sql2).then((res) => {
|
|
|
+ let data = res.variables.data;
|
|
|
+ this_.numtotal = data[0].COUNT + data[1].COUNT;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this_.allLength();
|
|
|
+ sql = cgSql + jsSql + this.limit;
|
|
|
+ }
|
|
|
+ return sql;
|
|
|
+ },
|
|
|
+ query() {
|
|
|
+ let sql = this.filter();
|
|
|
+ // this.currentSql = sql;
|
|
|
+ this.loadData(sql);
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.limit = val;
|
|
|
+ let splitone = this.currentSql.split("LIMIT");
|
|
|
+ console.log(this.currentPage,val)
|
|
|
+ let sql = cgSql + jsSql + this.currentPage + "," + val;
|
|
|
+ this.currentSql = splitone[0] + "LIMIT " + val;
|
|
|
+ this.loadData(sql);
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.currentPage = parseInt(val);
|
|
|
+ let splitone = this.currentSql.split("LIMIT");
|
|
|
+ console.log(splitone[1],val)
|
|
|
+ let sql = cgSql + jsSql + ((val-1)*splitone[1]) + "," + splitone[1];
|
|
|
+ this.loadData(sql);
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss">
|
|
|
+.tableRowClassName {
|
|
|
+ backface-visibility: #d9eefd;
|
|
|
+}
|
|
|
+.heads {
|
|
|
+ margin-top: 5px;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: 700;
|
|
|
+ background-color: #f9ffff;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
|
|
|
+ background: #d9eefd;
|
|
|
+}
|
|
|
+.more,
|
|
|
+.item {
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.more {
|
|
|
+ color: #409eff;
|
|
|
+}
|
|
|
+.el-dropdown-link {
|
|
|
+ cursor: pointer;
|
|
|
+ color: #409eff;
|
|
|
+}
|
|
|
+.el-icon-arrow-down {
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+</style>
|
cfort