页面整改

config/dev.env.js

@@ -7,8 +7,8 @@ module.exports = {
   NODE_ENV: '"development"',
   ENV_CONFIG: '"dev"',
   //BASE_API: '"http://new_mobile.xt.api.sgjyun.com"', // //http://api.xt.test.sgjyun.com http://112.74.16.180:9527,////'"http://localhost:9529"',
-  BASE_API: '"http://api.xt.test.sgjyun.com"',
-  //BASE_API: '"http://localhost:9531"',
+  // BASE_API: '"http://api.xt.test.sgjyun.com"',
+  BASE_API: '"http://localhost:9529"',
   SSO_HOST: '"http://testsso.sgjyun.com"',
   SRCM_HOST: '"http://test1.sgjyun.com"',
   XT_HOST: '"http://xt.test.sgjyun.com"',

src/assets/LodopFuncs.js

@@ -0,0 +1,149 @@
+//==本JS是加载Lodop插件或Web打印服务CLodop/Lodop7的综合示例，可直接使用，建议理解后融入自己程序==
+
+var CreatedOKLodopObject, CLodopIsLocal, CLodopJsState;
+
+//==判断是否需要CLodop(那些不支持插件的浏览器):==
+function needCLodop() {
+    try {
+        var ua = navigator.userAgent;
+        if (ua.match(/Windows\sPhone/i))   return true;
+        if (ua.match(/iPhone|iPod|iPad/i)) return true;
+        if (ua.match(/Android/i))          return true;
+        if (ua.match(/Edge\D?\d+/i))       return true;
+
+        var verTrident = ua.match(/Trident\D?\d+/i);
+        var verIE = ua.match(/MSIE\D?\d+/i);
+        var verOPR = ua.match(/OPR\D?\d+/i);
+        var verFF = ua.match(/Firefox\D?\d+/i);
+        var x64 = ua.match(/x64/i);
+        if ((!verTrident) && (!verIE) && (x64)) return true;
+        else if (verFF) {
+            verFF = verFF[0].match(/\d+/);
+            if ((verFF[0] >= 41) || (x64)) return true;
+        } else if (verOPR) {
+            verOPR = verOPR[0].match(/\d+/);
+            if (verOPR[0] >= 32) return true;
+        } else if ((!verTrident) && (!verIE)) {
+            var verChrome = ua.match(/Chrome\D?\d+/i);
+            if (verChrome) {
+                verChrome = verChrome[0].match(/\d+/);
+                if (verChrome[0] >= 41) return true;
+            }
+        }
+        return false;
+    } catch (err) {
+        return true;
+    }
+}
+
+//加载CLodop时用双端口(http是8000/18000,而https是8443/8444)以防其中某端口被占,
+//主JS文件名“CLodopfuncs.js”是固定名称，其内容是动态的，与其链接的打印环境有关:
+function loadCLodop() {
+    if (CLodopJsState == "loading" || CLodopJsState == "complete") return;
+    CLodopJsState = "loading";
+    var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
+    var JS1 = document.createElement("script");
+    var JS2 = document.createElement("script");
+
+    if (window.location.protocol=='https:') {
+      JS1.src = "https://localhost.lodop.net:8443/CLodopfuncs.js";
+      JS2.src = "https://localhost.lodop.net:8444/CLodopfuncs.js";
+    } else {
+      JS1.src = "http://localhost:8000/CLodopfuncs.js";
+      JS2.src = "http://localhost:18000/CLodopfuncs.js";
+    }
+    JS1.onload  = JS2.onload  = function()    {CLodopJsState = "complete";}
+    JS1.onerror = JS2.onerror = function(evt) {CLodopJsState = "complete";}
+    head.insertBefore(JS1, head.firstChild);
+    head.insertBefore(JS2, head.firstChild);
+    CLodopIsLocal = !!((JS1.src + JS2.src).match(/\/\/localho|\/\/127.0.0./i));
+}
+
+if (needCLodop()){loadCLodop();}//开始加载
+
+//==获取LODOP对象主过程,判断是否安装、需否升级:==
+function getLodop(oOBJECT, oEMBED) {
+    var strFontTag= "<br><font color='#FF00FF'>打印控件";
+    var strLodopInstall   = strFontTag+"未安装!点击这里<a href='install_lodop32.exe' target='_self'>执行安装</a>";
+    var strLodopUpdate    = strFontTag+"需要升级!点击这里<a href='install_lodop32.exe' target='_self'>执行升级</a>";
+    var strLodop64Install = strFontTag+"未安装!点击这里<a href='install_lodop64.exe' target='_self'>执行安装</a>";
+    var strLodop64Update  = strFontTag+"需要升级!点击这里<a href='install_lodop64.exe' target='_self'>执行升级</a>";
+    var strCLodopInstallA = "<br><font color='#FF00FF'>Web打印服务CLodop未安装启动，点击这里<a href='CLodop_Setup_for_Win32NT.exe' target='_self'>下载执行安装</a>";
+    var strCLodopInstallB = "<br>（若此前已安装过，可<a href='CLodop.protocol:setup' target='_self'>点这里直接再次启动</a>）";
+    var strCLodopUpdate   = "<br><font color='#FF00FF'>Web打印服务CLodop需升级!点击这里<a href='CLodop_Setup_for_Win32NT.exe' target='_self'>执行升级</a>";
+    var strLodop7FontTag    = "<br><font color='#FF00FF'>Web打印服务Lodop7";
+    var strLodop7HrefX86    = "点击这里<a href='Lodop7_Linux_X86_64.tar.gz' target='_self'>下载安装</a>(下载后解压，点击lodop文件开始执行)";
+    var strLodop7HrefARM    = "点击这里<a href='Lodop7_Linux_ARM64.tar.gz'  target='_self'>下载安装</a>(下载后解压，点击lodop文件开始执行)";
+    var strLodop7Install_X86 = strLodop7FontTag+"未安装启动，"+strLodop7HrefX86;
+    var strLodop7Install_ARM = strLodop7FontTag+"未安装启动，"+strLodop7HrefARM;
+    var strLodop7Update_X86  = strLodop7FontTag+"需升级，"+strLodop7HrefX86;
+    var strLodop7Update_ARM  = strLodop7FontTag+"需升级，"+strLodop7HrefARM;
+    var strInstallOK = "，成功后请刷新本页面或重启浏览器。</font>";
+    var LODOP;
+    try {
+        var isWinIE    = (/MSIE/i.test(navigator.userAgent)) || (/Trident/i.test(navigator.userAgent));
+        var isWinIE64  = isWinIE && (/x64/i.test(navigator.userAgent));
+        var isLinuxX86 = (/Linux/i.test(navigator.platform)) && (/x86/i.test(navigator.platform));
+        var isLinuxARM = (/Linux/i.test(navigator.platform)) && (/aarch/i.test(navigator.platform));
+
+        if (needCLodop() || isLinuxX86 || isLinuxARM) {
+            try {
+                LODOP = getCLodop();
+            } catch (err) {}
+            if (!LODOP && CLodopJsState !== "complete") {
+                if (CLodopJsState == "loading") alert("网页还没下载完毕，请稍等一下再操作."); else alert("未曾加载Lodop主JS文件，请先调用loadCLodop过程.");
+                return;
+            }
+            var strAlertMessage;
+            if (!LODOP) {
+                if (isLinuxX86) strAlertMessage = strLodop7Install_X86; else
+                if (isLinuxARM) strAlertMessage = strLodop7Install_ARM; else
+                strAlertMessage = strCLodopInstallA + (CLodopIsLocal ? strCLodopInstallB : "") ;
+                document.body.innerHTML = strAlertMessage + strInstallOK + document.body.innerHTML;
+                return;
+            } else {
+                if (isLinuxX86 && LODOP.CVERSION < "7.0.4.2") strAlertMessage = strLodop7Update_X86; else
+                if (isLinuxARM && LODOP.CVERSION < "7.0.4.2") strAlertMessage = strLodop7Update_ARM; else
+                if (CLODOP.CVERSION < "4.1.5.8")              strAlertMessage = strCLodopUpdate;
+
+                if (strAlertMessage) document.body.innerHTML = strAlertMessage+ strInstallOK + document.body.innerHTML;
+            }
+        } else { //==如果页面有Lodop插件就直接使用,否则新建:==
+            if (oOBJECT || oEMBED) {
+                if (isWinIE)
+                    LODOP = oOBJECT;
+                else
+                    LODOP = oEMBED;
+            } else if (!CreatedOKLodopObject) {
+                LODOP = document.createElement("object");
+                LODOP.setAttribute("width", 0);
+                LODOP.setAttribute("height", 0);
+                LODOP.setAttribute("style", "position:absolute;left:0px;top:-100px;width:0px;height:0px;");
+                if (isWinIE)
+                    LODOP.setAttribute("classid", "clsid:2105C259-1E0C-4534-8141-A753534CB4CA");
+                else
+                    LODOP.setAttribute("type", "application/x-print-lodop");
+                document.documentElement.appendChild(LODOP);
+                CreatedOKLodopObject = LODOP;
+            } else
+                LODOP = CreatedOKLodopObject;
+            //==Lodop插件未安装时提示下载地址:==
+            if ((!LODOP) || (!LODOP.VERSION)) {
+                document.body.innerHTML = (isWinIE64 ? strLodop64Install : strLodopInstall) + strInstallOK + document.body.innerHTML;
+                return LODOP;
+            }
+            if (LODOP.VERSION < "6.2.2.6") {
+                document.body.innerHTML = (isWinIE64 ? strLodop64Update : strLodopUpdate) + strInstallOK + document.body.innerHTML;
+            }
+        }
+        //===如下空白位置适合调用统一功能(如注册语句、语言选择等):=======================
+
+
+        //===============================================================================
+        return LODOP;
+    } catch (err) {
+        alert("getLodop出错:" + err);
+    }
+}
+
+export { getLodop }; //导出getLodop

src/xt_pages/supply/components/addGoodOrder.vue

@@ -92,11 +92,13 @@
         </template>
         <template slot-scope="scope">
             <el-input v-model="scope.row.supply_type" style="width:120px" :disabled="true"></el-input>
+            <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
     <el-table-column label="规格&单位" align="center" width="120px">
         <template slot-scope="scope">
             <el-input v-model="scope.row.supply_specification_name" style="width:100px" :disabled="true"></el-input>
+            <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
      <el-table-column label="单位" align="center" width="120px">
@@ -143,6 +145,7 @@
     <el-table-column label="可用库存" align="center" width="100px">
         <template slot-scope="scope">
             <el-input v-model="scope.row.supply_total" style="width:80px" :disabled="true"></el-input>
+            <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
     <el-table-column label="数量" align="center" width="120px">
@@ -159,6 +162,7 @@
     <el-table-column label="采购单价" align="center" width="120px">
         <template slot-scope="scope">
         <el-input v-model="scope.row.supply_price" style="width:80px" :disabled="disabled"></el-input>
+        <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
 
@@ -191,6 +195,7 @@
                   :value="option.id">
                 </el-option>
           </el-select>
+          <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
 
@@ -198,18 +203,21 @@
     <el-table-column label="批准文号" align="center" width="200px">
         <template slot-scope="scope">
         <el-input v-model="scope.row.supply_license_number" style="width:160px" :disabled="true"></el-input>
+        <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
 
      <el-table-column label="关联采购订单号" align="center" width="200px">
         <template slot-scope="scope">
         <el-input v-model="scope.row.order_number" style="width:160px" :disabled="true"></el-input>
+        <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
 
     <el-table-column label="备注" align="center" width="200px">
         <template slot-scope="scope">
         <el-input v-model="scope.row.supply_remake" style="width:160px" :disabled="disabled"></el-input>
+        <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
 

src/xt_pages/supply/components/addSupply.vue

@@ -58,7 +58,7 @@
       <el-form
         :rules="tableRules"
         :model="recordInfo"
-        ref="tableForm"
+        ref="recordInfo"
         class="tableclass"
       >
         <el-table
@@ -117,11 +117,12 @@
             </template>
             <template slot-scope="scope">
               <el-form-item :prop="'tableList.' + scope.$index + '.name'">
+                <!-- :prop="'tableList.' + scope.$index + '.name'"  如需添加可在上方标签加入 -->
                 <el-select
                   v-model="scope.row.name"
                   style="width: 90px"
                   placeholder="请选择"
-                  @change="changeName"
+                  @change="changeName($event, scope)"
                 >
                   <el-option
                     v-for="(item, index) in tabList"
@@ -194,6 +195,7 @@ export default {
     return {
       Template,
       signAndWeighBoxPatients: "sign-and-weigh-box-patients",
+      list: ["001", "002"],
       // 表单验证规则
       rules: {
         id: [
@@ -227,7 +229,7 @@ export default {
         ],
       },
       recordInfo: {
-        tableList: [1],
+        tableList: [{}],
       },
       tableData: [
         {
@@ -263,12 +265,13 @@ export default {
   },
   created() {
     this.supplier.id = "gys001";
+    this.getcontacts();
   },
   methods: {
     show() {
       this.dialogVisible = true;
       this.orderIdAdd();
-      this.continueArr();
+      // this.continueArr();
     },
     //  验证表单内容
     submitForm(formName) {
@@ -285,41 +288,67 @@ export default {
       this.contactsinfo();
     },
 
+    // 首次打开新增页面判断是否有首要联系人
+    getcontacts() {
+      let data = {
+        value: 0,
+        label: "是",
+      };
+      if (this.recordInfo.tableList.length == 1) {
+        this.recordInfo.tableList[0].name = data;
+        this.$forceUpdate();
+      }
+    },
+
     // 首要联系人选择变更动态展示
-    changeName() {},
+    changeName(data, scope) {
+      let data1 = {
+        value: 1,
+        label: "否",
+      };
 
-    // 供应商编码动态递增
-    orderIdAdd() {
-      // 模拟情景
-      let data = ["gsy001", "gsy002", "gsy004"];
-      let data1 = [];
-      let num = 0;
+      let data2 = {
+        value: 0,
+        label: "是",
+      };
+      if (this.recordInfo.tableList.length == 1) {
+        this.recordInfo.tableList[0].name = data2;
+        this.$forceUpdate();
+      }
 
-      data.forEach((o) => {
-        o = o.split("gsy");
-        data1.push(o[1]);
+      this.recordInfo.tableList.forEach((el, index) => {
+        console.log(el, "oo");
+        if (scope.$index == index) {
+          el.name = data2;
+          this.$forceUpdate();
+          console.log(el.name.value, scope.$index, index);
+        } else {
+          el.name = data1;
+          this.$forceUpdate();
+          console.log("kkk");
+        }
       });
-
-      console.log(data1, "现有数据");
-
-      this.continueArr();
     },
 
-    //递增数判断
-    continueArr() {
-      var num = 0;
-      let arr = ["001", "002", "004", "005", "006"];
-
-      let len = 3; //显示的长度
-      num = parseInt(num, 10) + 1;
-      num = num.toString();
-      for (let i = 0; i < arr.length; i++) {
-        while (num.length < len) {
-          num = "0" + num;
+    // 供应商编码动态递增
+    orderIdAdd() {
+      // 模拟情景
+      let data = ["gsy001","gsy002", "gsy003", "gsy006"];
+      let len = 3;
+      data.forEach((o, index) => {
+        o = o.split("gsy");
+        index = index + 1;
+        let index1 = index;
+        index1 = parseInt(index1, 10);
+        index1 = index1.toString();
+        while (index1.length < len) index1 = "0" + index1;
+        if (o[1] != index1) {
+          data.splice(index - 1, 0, `gsy${index1}`);
+          console.log(`gsy${index1}`);
+          this.supplier.id = `gsy${index1}`
         }
         
-      }
-      console.log(num,'d')
+      });
     },
 
     // 添加表单行

src/xt_pages/supply/components/editGoodOrder.vue

@@ -91,11 +91,13 @@
         </template>
         <template slot-scope="scope">
             <el-input v-model="scope.row.supply_type" style="width:120px" :disabled="true"></el-input>
+            <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
     <el-table-column label="规格&单位" align="center" width="120px">
         <template slot-scope="scope">
             <el-input v-model="scope.row.supply_specification_name" style="width:100px" :disabled="true"></el-input>
+            <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
      <el-table-column label="单位" align="center" width="120px">
@@ -142,6 +144,7 @@
     <el-table-column label="可用库存" align="center" width="100px">
         <template slot-scope="scope">
             <el-input v-model="scope.row.supply_total" style="width:80px" :disabled="true"></el-input>
+            <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
     <el-table-column label="数量" align="center" width="120px">
@@ -158,6 +161,7 @@
     <el-table-column label="采购单价" align="center" width="120px">
         <template slot-scope="scope">
         <el-input v-model="scope.row.supply_price" style="width:80px" :disabled="disabled"></el-input>
+        <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
 
@@ -190,6 +194,7 @@
                   :value="option.id">
                 </el-option>
           </el-select>
+          <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
 
@@ -197,18 +202,21 @@
     <el-table-column label="批准文号" align="center" width="200px">
         <template slot-scope="scope">
         <el-input v-model="scope.row.supply_license_number" style="width:160px" :disabled="true"></el-input>
+        <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
 
      <el-table-column label="关联采购订单号" align="center" width="200px">
         <template slot-scope="scope">
         <el-input v-model="scope.row.order_number" style="width:160px" :disabled="true"></el-input>
+        <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
 
     <el-table-column label="备注" align="center" width="200px">
         <template slot-scope="scope">
         <el-input v-model="scope.row.supply_remake" style="width:160px" :disabled="disabled"></el-input>
+        <div style="visibility: hidden">/</div>
         </template>
     </el-table-column>
 

src/xt_pages/supply/components/editPurchaseOrder.vue

@@ -382,6 +382,7 @@ getInitOrder(){
         this.tabList.push(goodList[i])
         }
         this.goodList = goodList
+        console.log(this.goodList,'oo')
     } 
     })
 },
@@ -554,6 +555,7 @@ getTimes(time) {
       } 
    })
  },
+
  getAllPrice(){
    var total_price = 0
    for(let i=0;i<this.recordInfo.tableList.length;i++){
@@ -562,6 +564,7 @@ getTimes(time) {
    this.total_price = total_price
    return total_price.toFixed(2)
  },
+
  checkPurchaseOrder(id,index){
    this.$confirm('是否审核?', {
     confirmButtonText: '确 定',

src/xt_pages/supply/components/purchaseOrderPrint.vue

@@ -1,224 +1,274 @@
 <template>
-    <div class="main-contain">
-        <div class="position">
-        <bread-crumb :crumbs="crumbs"></bread-crumb>
-        <el-row style="float:right;">
-            <el-col :span="24">
-            <el-button size="small" icon="el-icon-printer" type="primary" @click="printAction">打印</el-button>
-            </el-col>
-        </el-row>
-        </div>
-        <div class="app-container" style="background-color: white;">
-            <div id="print_content">
-                <div class="print_main_content">
-                    <div class="order_title_panl">
-                        <div style="font-size:22px;font-weight:bold;">{{ orgName }}</div>
-                        <span style="font-weight:500;font-size:18px;">购货单</span>
-                    </div>
-                    <div style="display:flex;justify-content: space-between;">
-                      <div style="text-align:left;margin-bottom:1px;font-size: 18px;">
-                        供应商：{{getSupplyName(supplier_id)}}
-                      </div>
-                      <div style="margin-bottom:1px;font-size: 18px;">
-                        单据日期：{{rate_of_concession}}
-                      </div>
-                      <div style="margin-bottom:1px;font-size: 18px;">
-                        单据编号：{{number}}
-                      </div>
-                      <div style="margin-bottom:1px;font-size: 18px;">
-                        币别：RMB
-                      </div>
-                    </div>
-                    
-                    <div class="table_panel">
-                        <table class="table">
-                            <thead>
-                                <tr>
-                                    <td style="line-height:18px;" width="80">序号</td>
-                                    <td style="line-height:18px;" width="80">商品</td>
-                                    <td style="line-height:18px;" width="80">单位</td>
-                                    <td style="line-height:18px;" width="80">数量</td>
-                                    <td style="line-height:18px;" width="80">购货单价</td>
-                                    <td style="line-height:18px;" width="80">折扣率</td>
-                                    <td style="line-height:18px;" width="80">折扣额</td> 
-                                    <td style="line-height:18px;" width="60">购物金额</td>
-                                    <td style="line-height:18px;" width="80">仓库</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr v-for='(item,index) in tableList' :key="index">
-                                    <td style="line-height:18px;"><span>{{index+ 1}}</span></td>
-                                    <td style="line-height:18px;"><span>{{item.name}}</span></td>
-                                    <td style="line-height:18px;"><span>{{item.supply_unit}}</span></td>
-                                    <td style="line-height:18px;"><span>{{item.count}}</span></td>
-                                    <td style="line-height:18px;"><span>{{item.price}}</span></td>
-                                    <td style="line-height:18px;"><span>{{rate_of_concession}}</span></td>
-                                    <td style="line-height:18px;"><span>{{discount_amount}}</span></td>
-                                    <td style="line-height:18px;"><span>{{(item.count * item.price).toFixed(2)}}</span></td>
-                                    <td style="line-height:18px;"><span></span></td>
-                                </tr>
-                                <tr>
-                                  <td>合计</td>
-                                  <td colspan="12" style="text-align:right;"></td>
-                               </tr>
-                            </tbody>
-                        </table>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
+      <el-row style="float: right">
+        <el-col :span="24">
+          <el-button
+            size="small"
+            icon="el-icon-printer"
+            type="primary"
+            @click="printAction"
+            >打印</el-button
+          >
+        </el-col>
+      </el-row>
+    </div>
+    <div class="app-container" style="background-color: white">
+      <div id="print_content">
+        <div class="print_main_content">
+          <div class="order_title_panl">
+            <div style="font-size: 22px; font-weight: bold">{{ orgName }}</div>
+            <span style="font-weight: 500; font-size: 18px">购货单</span>
+          </div>
+          <div style="display: flex; justify-content: space-between">
+            <div style="text-align: left; margin-bottom: 1px; font-size: 18px">
+              供应商：{{ getSupplyName(supplier_id) }}
+            </div>
+            <div style="margin-bottom: 1px; font-size: 18px">
+              单据日期：{{ rate_of_concession }}
+            </div>
+            <div style="margin-bottom: 1px; font-size: 18px">
+              单据编号：{{ number }}
+            </div>
+            <div style="margin-bottom: 1px; font-size: 18px">币别：RMB</div>
+          </div>
 
-                        <div style="margin-top:1px;">
-                            <div style="width:100px;">折扣额：</div><div style="width:100px;"></div>
-                            <div style="width:100px;">折扣金额：</div><div style="width:100px;"><span></span></div>
-                            <div style="width:100px;">本次付款：</div><div style="width:100px;"><span></span></div>
-                            <div style="width:100px;">本次欠款：</div><div style="width:100px;"></div>
-                       </div>
-                        <div style="margin-top:1px;">
-                            <div style="width:100px;">备注</div><div style="width:100px;"></div>
-                       </div>
-                       <div style="margin-top:1px;">
-                            <div style="width:100px;">制单人：</div><div style="width:100px;"></div>
-                            <div style="width:100px;">收货人签字：</div><div style="width:100px;"><span></span></div>
-                            <div style="width:100px;">供应商签字：</div><div style="width:100px;"><span></span></div>
-                       </div>
-                    </div>
-                </div>
+          <div class="table_panel">
+            <table class="table">
+              <thead>
+                <tr>
+                  <td style="line-height: 18px" width="80">序号</td>
+                  <td style="line-height: 18px" width="80">商品</td>
+                  <td style="line-height: 18px" width="80">单位</td>
+                  <td style="line-height: 18px" width="80">数量</td>
+                  <td style="line-height: 18px" width="80">购货单价</td>
+                  <td style="line-height: 18px" width="80">折扣率</td>
+                  <td style="line-height: 18px" width="80">折扣额</td>
+                  <td style="line-height: 18px" width="60">购物金额</td>
+                  <td style="line-height: 18px" width="80">仓库</td>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="(item, index) in tableList" :key="index">
+                  <td style="line-height: 18px">
+                    <span>{{ index + 1 }}</span>
+                  </td>
+                  <td style="line-height: 18px">
+                    <span>{{ item.name }}</span>
+                  </td>
+                  <td style="line-height: 18px">
+                    <span>{{ item.supply_unit }}</span>
+                  </td>
+                  <td style="line-height: 18px">
+                    <span>{{ item.count }}</span>
+                  </td>
+                  <td style="line-height: 18px">
+                    <span>{{ item.price }}</span>
+                  </td>
+                  <td style="line-height: 18px">
+                    <span>{{ rate_of_concession }}</span>
+                  </td>
+                  <td style="line-height: 18px">
+                    <span>{{ discount_amount }}</span>
+                  </td>
+                  <td style="line-height: 18px">
+                    <span>{{ (item.count * item.price).toFixed(2) }}</span>
+                  </td>
+                  <td style="line-height: 18px"><span></span></td>
+                </tr>
+                <tr>
+                  <td>合计</td>
+                  <td colspan="12" style="text-align: right"></td>
+                </tr>
+              </tbody>
+            </table>
+
+            <!-- <div style="margin-top: 1px">
+              <div style="width: 100px">折扣额：</div>
+              <div style="width: 100px"></div>
+              <div style="width: 100px">折扣金额：</div>
+              <div style="width: 100px"><span></span></div>
+              <div style="width: 100px">本次付款：</div>
+              <div style="width: 100px"><span></span></div>
+              <div style="width: 100px">本次欠款：</div>
+              <div style="width: 100px"></div>
+            </div>
+            <div style="margin-top: 1px">
+              <div style="width: 100px">备注</div>
+              <div style="width: 100px"></div>
             </div>
+            <div style="margin-top: 1px">
+              <div style="width: 100px">制单人：</div>
+              <div style="width: 100px"></div>
+              <div style="width: 100px">收货人签字：</div>
+              <div style="width: 100px"><span></span></div>
+              <div style="width: 100px">供应商签字：</div>
+              <div style="width: 100px"><span></span></div>
+            </div> -->
+            <div class="description">
+              <div class="content">折扣额：</div>
+              <div class="content">折扣金额：</div>
+              <div class="content">本次付款：</div>
+              <div class="content">本次欠款：</div>
+              <div class="content_1">备注：</div>
+              <div class="content">制单人：</div>
+              <div class="content">收货人签字：</div>
+              <div class="content">供应商签字：</div>
+            </div>
+          </div>
         </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
-import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
 
 import { fetchAllAdminUsers } from "@/api/doctor";
-import {getPurchaseOrderDetail} from "@/api/supply"
-import print from 'print-js'
-const moment = require('moment')
-import { uParseTime } from '@/utils/tools'
+import { getPurchaseOrderDetail } from "@/api/supply";
+import print from "print-js";
+import { getLodop } from "@/assets/LodopFuncs";
+const moment = require("moment");
+import { uParseTime } from "@/utils/tools";
 export default {
-    components:{
-        BreadCrumb
+  components: {
+    BreadCrumb,
+  },
+  data() {
+    return {
+      size: "medium ",
+      crumbs: [
+        { path: false, name: "库存管理" },
+        { path: false, name: "耗材管理" },
+        { path: false, name: "入库单打印" },
+      ],
+      isEdit: 0,
+      checked: false,
+      signAndWeighBoxPatients: "sign-and-weigh-box-patients",
+      time_now: moment(new Date()).add("year", 0).format("YYYY-MM-DD"),
+      orgName: "",
+      orgId: "",
+      adminUserOptions: [],
+      tableList: [],
+      number: "",
+      id: "",
+      supplier_id: "",
+      rate_of_concession: "",
+      discount_amount: "",
+      supplyList: [],
+      document_date: "",
+    };
+  },
+  methods: {
+    printAction: function () {
+      const style =
+        "@media print { .print_main_content { background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0; } .order_title_panl { text-align: center; } .main_title { font-size: 18px; line-height: 40px; font-weight: 500; } .table_panel { } .table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px; } thead tr td { border: 1px solid; text-align: center; font-size: 14px; padding: 1px 5px; } tbody tr td { border: 1px solid; text-align: center; font-size: 12px; padding: 10px 5px; white-space: pre-line;} .proj { padding: 5px 0; text-align: left; } .proj_title { font-size: 16px; font-weight: 500; line-height: 25px; } .proj_item { font-size: 15px; line-height: 20px; } .zone_name { font-weight: 500; } }";
+      printJS({
+        printable: "print_content",
+        type: "html",
+        documentTitle: "  ",
+        style: style,
+        scanStyles: false,
+      });
     },
-    data(){
-        return{
-          crumbs: [
-            { path: false, name: '库存管理' },
-            { path: false, name: '耗材管理' },
-            { path: false, name: '入库单打印' },
-          ],
-            isEdit: 0,
-            checked: false,
-            signAndWeighBoxPatients: "sign-and-weigh-box-patients", 
-            time_now:moment(new Date()).add('year',0).format("YYYY-MM-DD"),
-            orgName:'',
-            orgId:'',
-            adminUserOptions:[],
-            tableList:[],
-            number:"",
-            id:"",
-            supplier_id:"",
-            rate_of_concession:"",
-            discount_amount:"",
-            supplyList:[],
-            document_date:"",
-        }
+    // 打印功能
+    btnClickPrint: function () {
+      let LODOP = getLodop(); //调用getLodop获取LODOP对象
+      LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_整页缩放打印输出");
+      
+      LODOP.ADD_PRINT_BARCODE(15, 15, 300, 300, "QRCode", "xxxxxxxxxxxxx");
+      LODOP.SET_PRINT_STYLEA(0, "Stretch", 1); //(可变形)扩展缩放模式
+      LODOP.PREVIEW(); //预览(预览打印无脚标)
+      // LODOP.PRINT();  //打印
+      LODOP.RINT_DESIGN();
     },
-    methods:{
-      printAction: function() {
-          const style = '@media print { .print_main_content { background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0; } .order_title_panl { text-align: center; } .main_title { font-size: 18px; line-height: 40px; font-weight: 500; } .table_panel { } .table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px; } thead tr td { border: 1px solid; text-align: center; font-size: 14px; padding: 1px 5px; } tbody tr td { border: 1px solid; text-align: center; font-size: 12px; padding: 10px 5px; white-space: pre-line;} .proj { padding: 5px 0; text-align: left; } .proj_title { font-size: 16px; font-weight: 500; line-height: 25px; } .proj_item { font-size: 15px; line-height: 20px; } .zone_name { font-weight: 500; } }'
-          printJS({
-          printable: 'print_content',
-          type: 'html',
-          documentTitle: '  ',
-          style: style,
-          scanStyles: false
-          })
-      },
-
-      getTime(val) {
-         if(val < 0){
-           return ""
-         }
-         if(val == ""){
-          return ""
-         }else {
-          return uParseTime(val, '{y}-{m}-{d}')
-         }
-      },
-      fetchAllAdminUsers() {
-        fetchAllAdminUsers().then(response => {
-          if (response.data.state == 1) {
-            this.adminUserOptions = response.data.data.users
 
-          }
-        })
-      },
-      getXuserName(id) {
-        if (id <= 0) {
-          return "";
-        }
-        var name = "";
-        if (
-          this.adminUserOptions == null ||
-          typeof this.adminUserOptions.length === "undefined"
-        ) {
-          return name;
+    getTime(val) {
+      if (val < 0) {
+        return "";
+      }
+      if (val == "") {
+        return "";
+      } else {
+        return uParseTime(val, "{y}-{m}-{d}");
+      }
+    },
+    fetchAllAdminUsers() {
+      fetchAllAdminUsers().then((response) => {
+        if (response.data.state == 1) {
+          this.adminUserOptions = response.data.data.users;
         }
-        var leng = this.adminUserOptions.length;
-        if (leng == 0) {
-          return name;
+      });
+    },
+    getXuserName(id) {
+      if (id <= 0) {
+        return "";
+      }
+      var name = "";
+      if (
+        this.adminUserOptions == null ||
+        typeof this.adminUserOptions.length === "undefined"
+      ) {
+        return name;
+      }
+      var leng = this.adminUserOptions.length;
+      if (leng == 0) {
+        return name;
+      }
+      for (let index = 0; index < leng; index++) {
+        if (this.adminUserOptions[index].id == id) {
+          name = this.adminUserOptions[index].name;
+          break;
         }
-        for (let index = 0; index < leng; index++) {
-          if (this.adminUserOptions[index].id == id) {
-            name = this.adminUserOptions[index].name;
-            break;
+      }
+      return name;
+    },
+    getPurchaseOrderDetail() {
+      var id = this.$route.query.id;
+      getPurchaseOrderDetail(id).then((response) => {
+        if (response.data.state == 1) {
+          var info = response.data.data.info;
+          this.is_check = info.is_check;
+          this.number = info.number;
+          this.id = info.id;
+          this.supplier_id = info.supplier_id;
+          this.rate_of_concession = info.rate_of_concession;
+          this.discount_amount = info.discount_amount;
+          this.document_date = info.document_date;
+          var orderInfo = response.data.data.orderInfo;
+          var supplyList = response.data.data.supplyList;
+          this.supplyList = supplyList;
+          for (let i = 0; i < orderInfo.length; i++) {
+            orderInfo[i].supply_count = orderInfo[i].count;
+            orderInfo[i].supply_price = orderInfo[i].price;
+            orderInfo[i].supply_remake = orderInfo[i].remark;
+            orderInfo[i].type = orderInfo[i].is_source;
+            orderInfo[i].project_id = orderInfo[i].project_id;
           }
+          console.log("orderINFO23323232", orderInfo);
+          this.tableList = orderInfo;
         }
-        return name;
-      },
-      getPurchaseOrderDetail(){
-        var id = this.$route.query.id
-        getPurchaseOrderDetail(id).then(response=>{
-        if(response.data.state == 1){
-            var info = response.data.data.info
-            this.is_check = info.is_check
-            this.number = info.number
-            this.id = info.id
-            this.supplier_id = info.supplier_id
-            this.rate_of_concession = info.rate_of_concession
-            this.discount_amount = info.discount_amount
-            this.document_date = info.document_date
-            var orderInfo = response.data.data.orderInfo
-            var supplyList = response.data.data.supplyList
-            this.supplyList = supplyList
-            for(let i=0;i<orderInfo.length;i++){
-                orderInfo[i].supply_count = orderInfo[i].count
-                orderInfo[i].supply_price = orderInfo[i].price
-                orderInfo[i].supply_remake = orderInfo[i].remark
-                orderInfo[i].type = orderInfo[i].is_source
-                orderInfo[i].project_id = orderInfo[i].project_id
-            }
-            console.log("orderINFO23323232",orderInfo)
-            this.tableList = orderInfo
-        }
-      })  
+      });
     },
-    getSupplyName(id){
-      var name = ""
-      for(let i=0;i<this.supplyList.length;i++){
-        if(id == this.supplyList[i].id){
-          name = this.supplyList[i].supplier_name
+    getSupplyName(id) {
+      var name = "";
+      for (let i = 0; i < this.supplyList.length; i++) {
+        if (id == this.supplyList[i].id) {
+          name = this.supplyList[i].supplier_name;
         }
       }
-      return name
+      return name;
     },
-    },
-    created(){
-      this.orgName = this.$store.getters.xt_user.org.org_name;
-      this.orgId = this.$store.getters.xt_user.org.id;
-      this.fetchAllAdminUsers()
-      this.getPurchaseOrderDetail()
-    
-    }
-}
+  },
+  created() {
+    this.orgName = this.$store.getters.xt_user.org.org_name;
+    this.orgId = this.$store.getters.xt_user.org.id;
+    this.fetchAllAdminUsers();
+    this.getPurchaseOrderDetail();
+  },
+};
 </script>
 
 
@@ -244,7 +294,6 @@ export default {
       border: 1px solid;
       border-collapse: collapse;
       padding: 2px;
-      
 
       thead {
         tr {
@@ -289,4 +338,21 @@ export default {
     }
   }
 }
+
+.description {
+  width: 100%;
+  display: flex;
+  flex: 1;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  .content {
+    width: 25%;
+  }
+  .content_1 {
+    width: 100%;
+  }
+  // .content_2{
+  //   width: 33%;
+  // }
+}
 </style>

src/xt_pages/supply/purchaseOrderQuery.vue

@@ -204,7 +204,7 @@ export default {
       goodInfo: [],
       org_id:0,
       types:[],
-      tableList:[],
+      tableList:[{}],
       type_name:"",
       checkList:[
         {id:0,name:"请选择"},
@@ -361,7 +361,7 @@ export default {
     this.end_time = this.getTimes(new Date())
     this.org_id =  this.$store.getters.xt_user.org_id
     this.getAllSupply()
-    this.getlist()
+    // this.getlist()
   },
  
 };

src/xt_pages/supply/supplyQuery.vue

@@ -167,7 +167,7 @@ import addSupply from "./components/addSupply.vue"
 export default {
   name: "stockIn",
   created() {
-    this.initSupplierData()
+    // this.initSupplierData()
     this.org_id =  this.$store.getters.xt_user.org_id
 
     var start_time =  window.sessionStorage.getItem('start_time')
@@ -205,17 +205,17 @@ export default {
       goodInfo: [],
       org_id:0,
       types:[],
-      tableList:[],
+      tableList:[1],
       tyep_name:"",
     };
   },
   methods:{
     // 获取供应商编码接口
-    initSupplierData(){
-      getSupplierId().then(res => {
-        console.log(res,'sss')
-      })
-    },
+    // initSupplierData(){
+    //   getSupplierId().then(res => {
+    //     console.log(res,'sss')
+    //   })
+    // },
 
      toAdd(){
       //  console.log("res32323232323223",this.$refs.addSupply)

src/xt_permission.js

@@ -12,19 +12,19 @@ const permissionWhiteList = loginWhiteList.concat(['/']) // 权限验证白名
 
 router.beforeEach((to, from, next) => {
   // 线上注释
-  // if (!store.getters.configlist || store.getters.configlist === undefined || store.getters.configlist.length <= 0) {
-  //   store.dispatch('VerifyConfigList', []).then(() => {
-  //     next()
-  //   })
-  // }
-  // if (store.getters.permission_routers === undefined) {
-  //   store.dispatch('xt_GenerateRoutes', []).then(() => {
-  //     next()
-  //   })
-  // } else {
-  //   next()
-  // }
-  // return
+  if (!store.getters.configlist || store.getters.configlist === undefined || store.getters.configlist.length <= 0) {
+    store.dispatch('VerifyConfigList', []).then(() => {
+      next()
+    })
+  }
+  if (store.getters.permission_routers === undefined) {
+    store.dispatch('xt_GenerateRoutes', []).then(() => {
+      next()
+    })
+  } else {
+    next()
+  }
+  return
   // 线上注释
   NProgress.start()
   // console.log(store.getters.current_role_urls.indexOf(to.path))