供方详情导出

src/dashoo.cn/backend/api/business/oilrtx/RtxService.go

@@ -1,12 +1,13 @@
 package oilrtx
 
 import (
-	. "dashoo.cn/utils/db"
 	"encoding/json"
-	"github.com/go-xorm/xorm"
 	"log"
 	"net/http"
 	"strings"
+
+	. "dashoo.cn/utils/db"
+	"github.com/go-xorm/xorm"
 )
 
 type RtxService struct {
@@ -22,15 +23,14 @@ func GetRtxService(xormEngine *xorm.Engine) *RtxService {
 func (s *RtxService) CallRtx() *http.Response {
 	client := &http.Client{}
 	var rtx Rtx
-	rtx.Msg = "11"
-	rtx.Receiver = "12"
+	rtx.Msg = "大港油田市场管理系统"
+	rtx.Receiver = "yuedefeng"
 	json, err := json.Marshal(rtx)
 	params := string(json)
-	req, err := http.NewRequest("POST", "http://localhost:7080/Api/sendRTX", strings.NewReader(params))
+	req, err := http.NewRequest("post", "http://api.uidp.dgyt.petrochina/RTX/API/SendRTX", strings.NewReader(params))
 	req.Header.Add("Content-Type", "application/json")
-	req.Header.Add("X-Token", "11111")
+	req.Header.Add("X-Token", "BfdENJsoTGRW4g6nqvQlXOOB8bpQ3NIU7WA345bH2hoEMR9DL0Fcv59fj9KSjde99TFR+92plU4=")
 	resp, err := client.Do(req)
-
 	if err != nil {
 		log.Println("err= ", err)
 	}

src/dashoo.cn/frontend_web/package.json

@@ -24,6 +24,7 @@
     "echarts": "^3.8.5",
     "element-ui": "^2.8.2",
     "es6-promise": "^4.1.1",
+    "file-saver": "^2.0.1",
     "highcharts": "^5.0.15",
     "js-cookie": "^2.1.4",
     "jwt-decode": "^2.2.0",
@@ -37,7 +38,8 @@
     "vue-i18n": "^7.2.0",
     "vuedraggable": "^2.15.0",
     "vuex-class": "^0.2.0",
-    "wangeditor": ">=3.0.0"
+    "wangeditor": ">=3.0.0",
+    "xlsx": "^0.14.3"
   },
   "devDependencies": {
     "babel-cli": "^6.26.0",

src/dashoo.cn/frontend_web/src/pages/select/companyselect/index.vue

@@ -17,7 +17,7 @@
           :model="searchForm"
           ref="searchformRef"
           :inline="true"
-          style="float: right;position:absolute;right:75px;top:10.5px"
+          style="float: right;position:absolute;right:15px;top:10.5px"
         >
           <el-form-item label="企业名称">
             <el-input size="mini" v-model="searchForm.SupplierName" placeholder="请输入内容"></el-input>
@@ -51,11 +51,15 @@
               </el-dropdown-menu>
             </el-dropdown>
           </el-form-item>
+          <el-form-item>
+            <el-button type="primary" size="mini" @click="exportExcel">导出</el-button>
+          </el-form-item>
         </el-form>
       </div>
 
       <!--内框表格显示-->
       <el-table
+        id="rebateSetTable"
         :data="entityList"
         size="small"
         border
@@ -117,15 +121,279 @@
     </el-card>
 
     <!-- 详情框（默认隐藏） -->
-    <el-dialog class="eldialog" title="大港油田公司供方情况一览表" :visible.sync="show" width="1000px">
+    <el-dialog
+      class="eldialog"
+      title="大港油田公司供方情况一览表"
+      :visible.sync="show"
+      width="1000px"
+      :center="true"
+    >
       <!--打印内容开始-->
-      <el-form label-width="135px" :model="formData" size="small">
+      <el-form label-width="135px" :model="formData" size="mini">
         <el-row>
-          <el-col :span="16">
+          <el-col :span="8">
             <el-form-item label="供方名称 :" prop="SupplierName">
               <el-input v-model="formData.SupplierName" style="width: 100%" readonly></el-input>
             </el-form-item>
           </el-col>
+          <el-col :span="4">
+            <el-form-item label="准入证号 :" prop="AccessCardNo">
+              <el-input v-model="formData.AccessCardNo" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="单位关系 :" prop="SpecTypeCode">
+              <el-input v-model="formData.SpecTypeCode" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="国家 :" prop="Country">
+              <el-input v-model="formData.Country" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="准入方式 :" prop="InStyle">
+              <el-input v-model="formData.InStyle" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="管理单位 :" prop="ManagementUnit">
+              <el-input v-model="formData.ManagementUnit" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="证件合一 :" prop="CredentialFlag">
+              <el-input v-model="formData.CredentialFlag" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="统一社会信用代码 :" prop="CommercialNo">
+              <el-input v-model="formData.CommercialNo" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="税务登记证编号 :" prop="CountryTaxNo">
+              <el-input v-model="formData.CountryTaxNo" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="组织机构代码 :" prop="OrganCode">
+              <el-input v-model="formData.OrganCode" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <el-form-item label="注册地址 :" prop="Address">
+              <el-input v-model="formData.Address" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="邮编 :" prop="ZipCode">
+              <el-input v-model="formData.ZipCode" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <el-form-item label="通信地址 :" prop="LinkAddress">
+              <el-input v-model="formData.LinkAddress" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="邮编 :" prop="LinkZipCode">
+              <el-input v-model="formData.LinkZipCode" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="法人姓名 :" prop="LegalPerson">
+              <el-input v-model="formData.LegalPerson" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="公司类型 :" prop="CompanyType">
+              <el-input v-model="formData.CompanyType" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="注册资本（万元） :" prop="RegCapital">
+              <el-input v-model="formData.RegCapital" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="成立时间 :" prop="SetupTime">
+              <el-input v-model="formData.SetupTime" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="开户银行 :" prop="DepositBank">
+              <el-input v-model="formData.DepositBank" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="银行账号 :" prop="BankAccount">
+              <el-input v-model="formData.BankAccount" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="联系人姓名 :" prop="ContactName">
+              <el-input v-model="formData.ContactName" style="width: 100%" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="移动电话" prop="Mobile">
+              <el-input v-model="formData.Mobile" maxlength="20" readonly style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="固定电话" prop="Telphone">
+              <el-input v-model="formData.Telphone" maxlength="20" readonly style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="传真" prop="Fax">
+              <el-input v-model="formData.Fax" maxlength="20" readonly style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="财务电话" prop="CompanyTel">
+              <el-input v-model="formData.CompanyTel" maxlength="20" readonly style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="电子邮箱" prop="EMail">
+              <el-input v-model="formData.EMail" maxlength="50" readonly style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="银行信用等级" prop="BankCreditRating">
+              <el-input
+                v-model="formData.BankCreditRating"
+                maxlength="10"
+                readonly
+                style="width: 100%"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="级别" prop="Level">
+              <el-input v-model="formData.Level" maxlength="255" readonly style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="HSE审查培训" prop="HseTraining">
+              <el-input v-model="formData.HseTraining" maxlength="255" readonly style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+
+      <el-form label-position="top" size="mini">
+        <el-row :gutter="60">
+          <el-col :span="8">
+            <el-form-item label="质量管理体系认证情况及认证机构">
+              <el-input
+                readonly
+                v-model="formData.QualitySystemCert"
+                maxlength="200"
+                type="textarea"
+                style="width: 100%"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="产品质量认证情况及认证机构">
+              <el-input
+                readonly
+                v-model="formData.ProductQualityCert"
+                maxlength="200"
+                type="textarea"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="生产/制造许可证获证情况及编号">
+              <el-input readonly v-model="formData.MaunLicense" maxlength="200" type="textarea"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="所代理制造商名称">
+              <el-input
+                readonly
+                v-model="formData.AgentManufacturer"
+                maxlength="255"
+                type="textarea"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="中石油物资供应商证书">
+              <el-input
+                readonly
+                v-model="formData.SupplierCertificate"
+                maxlength="255"
+                type="textarea"
+                style="width: 100%"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="安全生产许可证">
+              <el-input
+                readonly
+                v-model="formData.SafetyLicense"
+                maxlength="200"
+                type="textarea"
+                style="width: 100%"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="行业特殊要求的认证证书">
+              <el-input
+                readonly
+                v-model="formData.SpecIndustryCert"
+                maxlength="200"
+                type="textarea"
+                style="width: 100%"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <el-form-item label="营业范围" prop="BusinessScope">
+              <el-input
+                readonly
+                v-model="formData.BusinessScope"
+                maxlength="200"
+                type="textarea"
+                style="width: 100%"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注">
+              <el-input
+                readonly
+                v-model="formData.Remark"
+                maxlength="500"
+                type="textarea"
+                style="width: 100%"
+              ></el-input>
+            </el-form-item>
+          </el-col>
         </el-row>
       </el-form>
     </el-dialog>
@@ -138,6 +406,8 @@
 
 <script>
 import api from "@/api/oilsupplier/select";
+import FileSaver from "file-saver";
+import XLSX from "xlsx";
 export default {
   created() {
     // 执行初始化方法
@@ -146,7 +416,44 @@ export default {
   data() {
     return {
       formData: {
-        SupplierName: ""
+        SupplierName: "",
+        AccessCardNo: "",
+        SpecTypeCode: "",
+        Country: "",
+        InStyle: "",
+        ManagementUnit: "",
+        CredentialFlag: "",
+        CommercialNo: "",
+        CountryTaxNo: "",
+        OrganCode: "",
+        Address: "",
+        ZipCode: "",
+        LinkAddress: "",
+        LinkZipCode: "",
+        LegalPerson: "",
+        CompanyType: "",
+        RegCapital: "",
+        SetupTime: "",
+        DepositBank: "",
+        BankAccount: "",
+        ContactName: "",
+        Mobile: "",
+        Telphone: "",
+        Fax: "",
+        CompanyTel: "",
+        EMail: "",
+        BankCreditRating: "",
+        Level: "",
+        HseTraining: "",
+        QualitySystemCert: "",
+        ProductQualityCert: "",
+        MaunLicense: "",
+        AgentManufacturer: "",
+        SupplierCertificate: "",
+        SafetyLicense: "",
+        SpecIndustryCert: "",
+        BusinessScope: "",
+        Remark: ""
       },
       show: false,
       // 定义列表数据
@@ -168,6 +475,27 @@ export default {
   },
 
   methods: {
+    exportExcel() {
+      /* generate workbook object from table */
+      let wb = XLSX.utils.table_to_book(
+        document.querySelector("#rebateSetTable")
+      );
+      /* get binary string as output */
+      let wbout = XLSX.write(wb, {
+        bookType: "xlsx",
+        bookSST: true,
+        type: "array"
+      });
+      try {
+        FileSaver.saveAs(
+          new Blob([wbout], { type: "application/octet-stream" }),
+          "SupplierSituation.xlsx"
+        );
+      } catch (e) {
+        if (typeof console !== "undefined") console.log(e, wbout);
+      }
+      return wbout;
+    },
     backClor(row, column, event, cell) {
       if (column.property === "SupplierName") {
         event.style.background = "";
@@ -182,6 +510,44 @@ export default {
       if (column.property === "SupplierName") {
         console.log(row);
         this.formData.SupplierName = row.SupplierName;
+        this.formData.AccessCardNo = row.AccessCardNo;
+        this.formData.SpecTypeCode = row.SpecTypeCode;
+        this.formData.Country = row.Country;
+        this.formData.InStyle = row.InStyle;
+        this.formData.ManagementUnit = row.ManagementUnit;
+        this.formData.CredentialFlag = row.CredentialFlag;
+        this.formData.CommercialNo = row.CommercialNo;
+        this.formData.CountryTaxNo = row.CountryTaxNo;
+        this.formData.OrganCode = row.OrganCode;
+        this.formData.Address = row.Address;
+        this.formData.ZipCode = row.ZipCode;
+        this.formData.LinkAddress = row.LinkAddress;
+        this.formData.LinkZipCode = row.LinkZipCode;
+        this.formData.LegalPerson = row.LegalPerson;
+        this.formData.CompanyType = row.CompanyType;
+        this.formData.RegCapital = row.RegCapital;
+        this.formData.SetupTime = row.SetupTime;
+        this.formData.DepositBank = row.DepositBank;
+        this.formData.BankAccount = row.BankAccount;
+        this.formData.ContactName = row.ContactName;
+        this.formData.Mobile = row.Mobile;
+        this.formData.Telphone = row.Telphone;
+        this.formData.Fax = row.Fax;
+        this.formData.CompanyTel = row.CompanyTel;
+        this.formData.EMail = row.EMail;
+        this.formData.BankCreditRating = row.BankCreditRating;
+        this.formData.Level = row.Level;
+        this.formData.HseTraining = row.HseTraining;
+        this.formData.QualitySystemCert = row.QualitySystemCert;
+        this.formData.ProductQualityCert = row.ProductQualityCert;
+        this.formData.MaunLicense = row.MaunLicense;
+        this.formData.AgentManufacturer = row.AgentManufacturer;
+        this.formData.SupplierCertificate = row.SupplierCertificate;
+        this.formData.SafetyLicense = row.SafetyLicense;
+        this.formData.SpecIndustryCert = row.SpecIndustryCert;
+        this.formData.BusinessScope = row.BusinessScope;
+        this.formData.Remark = row.Remark;
+
         this.show = true;
       }
     },
@@ -260,8 +626,13 @@ export default {
 </script>
 
 <style>
-.eldialog input.el-input__inner {
-  border:none;
+.eldialog .el-input__inner {
+  border: none;
+}
+.eldialog .el-textarea__inner {
+  border: none;
+  resize: none;
+  height: 70px;
 }
 </style>