订单明细-合同样式

package.json

@@ -10,8 +10,8 @@
   "dependencies": {
     "axios": "^0.21.1",
     "core-js": "^3.6.5",
-    "echarts": "^5.1.1",
-    "element-ui": "^2.15.1",
+    "echarts": "^5.4.2",
+    "element-ui": "^2.15.13",
     "vue": "^2.6.11",
     "vue-clipboard2": "^0.3.1",
     "vue-router": "^3.2.0"

src/ajax/index.js

@@ -17,6 +17,7 @@ switch (envs) {
   case 'development':
     //开发环境
     NODE_ENVS = 'http://cloud.liexindev.net';
+    // NODE_ENVS = 'http://cloud.hd.liexinlocal.com';
     NODE_ENVS_MSG = 'http://192.168.1.252:16543';
     break;
   case 'test':

src/views/OrderTrack/goodsDetail.vue

@@ -28,6 +28,32 @@
           <div class="">币种：{{ infos.currency_val }}</div>
         </el-col>
       </el-row>
+      <div class="xktitle" style="margin-bottom:10px;">合同信息</div>
+      <div class="operation-button row verCenter" style="margin-bottom:10px;">
+          <el-button type="primary" @click="downloadContract">下载猎芯合同</el-button>
+          <el-select v-model="lang" placeholder="中文" style="margin-left:10px;width: 5%;">
+            <el-option label="中文" value="1"></el-option>
+            <el-option label="英文" value="2"></el-option>
+          </el-select>
+      </div>
+      <div class="data-box th-all" style="margin-bottom:20px;" v-if="tableData">
+        <el-table :data="tableData" border>
+          <el-table-column prop="quote_sn" label="语言" min-width="30"></el-table-column>
+          <el-table-column prop="goods_name" label="合同编号" min-width="100"></el-table-column>
+          <el-table-column prop="brand_name" label="生成时间" min-width="80"></el-table-column>
+          <el-table-column prop="purchase_qty" label="合同附件" min-width="150"></el-table-column>
+          <el-table-column prop="price_without_tax" label="回传时间" width="150"></el-table-column>
+          <el-table-column prop="total_amount" label="上传人" width="120"></el-table-column>
+          <el-table-column fixed="right" label="操作" width="150" align="center">
+            <template slot-scope="scope">
+              <el-button @click="handleClick(scope.row)" type="primary" size="mini" class="yunyin-btn">上传PI</el-button>
+              <!-- <el-button @click="handleClick(scope.row)" type="primary" size="mini" class="yunyin-btn">上传合同</el-button>
+              <el-button @click="handleClick(scope.row)" type="primary" size="mini" class="yunyin-btn">删除合同</el-button> -->
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
       <div class="xktitle" style="margin-bottom:20px;">型号明细</div>
       <div class="data-box th-all" v-if="tableData">
         <el-table :data="tableData" border>
@@ -50,18 +76,19 @@
 <script>
 import Vue from 'vue';
 import Menu from "@/components/menu.vue";
-import {Col, Message, Pagination, Row, Table, TableColumn} from 'element-ui'
+import {Col, Message, Pagination, Row, Table, TableColumn, Select, Option} from 'element-ui'
 
 Vue.prototype.$message = Message;
 Vue.use(Pagination);
-Vue.use(TableColumn).use(Table).use(Row).use(Col);
+Vue.use(TableColumn).use(Table).use(Row).use(Col).use(Select).use(Option);
 export default {
   name: "orderTrackGoodsDetail",
   data() {
     return {
       infos: {},
       tableData: "",
-      purchase_id: ""
+      purchase_id: "",
+      lang: "1"
     };
   },
   created() {
@@ -94,6 +121,11 @@ export default {
           });
         }
       })
+    },
+
+    //下载猎芯合同
+    downloadContract() {
+      return true;
     }
   },
   components: {