页面修改

src/components/newTravelmanager/TravelGroupControl/TravelSupplier.vue

@@ -37,11 +37,12 @@
     </div>
     <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
       <tr>
-        <th width="300">供应商名称</th>
-        <th width="500">联系人</th>
+        <th width="200">供应商名称</th>
+        <th width="200">联系人</th>
         <th>联系电话</th>
         <th>编码</th>
         <th>结算方式</th>
+        <th>供应商合同</th>
         <th width="100">操作</th>
       </tr>
       <tr v-for="(item,index) in DataList">
@@ -50,6 +51,14 @@
         <td>{{item.LinkTel}}</td>
         <td>{{item.Code}}</td>
         <td>{{item.SettlementTypeStr}}</td>
+        <td>
+          <template v-if="item.ContractUrl&&item.ContractUrl!=''">
+             <a :href='item.ContractUrl' :download="item.ContractUrl" target="_blank" style="color:blue;">查看合同</a>
+          </template>
+          <template v-else>
+            <span style="color:red">未上传合同</span>
+          </template>
+        </td>
         <td>
           <el-row>
             <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
@@ -76,29 +85,25 @@
           <tr>
             <td>
               <el-form-item label="供应商名称">
-                <el-input maxlength='50' class='w200' type="text" v-model="addMsg.Name"
-                  placeholder="供应商名称"></el-input>
+                <el-input maxlength='50' class='w200' type="text" v-model="addMsg.Name" placeholder="供应商名称"></el-input>
               </el-form-item>
             </td>
             <td>
               <el-form-item label="联系人">
-                <el-input maxlength='30' class='w200' type="text" v-model="addMsg.LinkMan"
-                  placeholder="联系人"></el-input>
+                <el-input maxlength='30' class='w200' type="text" v-model="addMsg.LinkMan" placeholder="联系人"></el-input>
               </el-form-item>
             </td>
           </tr>
           <tr>
             <td>
               <el-form-item label="联系电话">
-                <el-input maxlength='30' class='w200' type="text" v-model="addMsg.LinkTel"
-                  placeholder="联系电话">
+                <el-input maxlength='30' class='w200' type="text" v-model="addMsg.LinkTel" placeholder="联系电话">
                 </el-input>
               </el-form-item>
             </td>
             <td>
               <el-form-item label="编码">
-                <el-input class='w200' type="text" v-model="addMsg.Code" maxlength="2"
-                  placeholder="比如:HP"></el-input>
+                <el-input class='w200' type="text" v-model="addMsg.Code" maxlength="2" placeholder="比如:HP"></el-input>
               </el-form-item>
             </td>
           </tr>
@@ -114,6 +119,18 @@
               </el-form-item>
             </td>
           </tr>
+          <tr>
+            <td colspan="2">
+              <el-form-item label="供应商合同" prop="Sort">
+                <el-upload :http-request="reUpload" style="display:inline-block;" :multiple="false" accept="*" :show-file-list="false" action>
+                  <el-button size="small" type="primary">点击上传合同</el-button>
+                </el-upload>
+                <template v-if="addMsg.ContractUrl&&addMsg.ContractUrl!=''">
+                  <a :href='addMsg.ContractUrl' :download="addMsg.ContractUrl" target="_blank" style="color:blue;">下载</a>
+                </template>
+              </el-form-item>
+            </td>
+          </tr>
         </table>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -156,6 +173,7 @@
           LinkTel: "", //联系电话
           SettlementType: 0, //结算周期
           Code: '', //编码
+          ContractUrl: "", //供应商合同
         },
         loading: false,
       }
@@ -167,6 +185,18 @@
 
     },
     methods: {
+      //上传图片
+      reUpload(file) {
+        let newArr = [];
+        newArr.push(file.file);
+        let fileName = file.file.name;
+        let that = this;
+        let path = "/Upload/DMC/";
+        this.UploadSelfFileT(path, newArr, x => {
+          var str = this.domainManager().ViittoFileUrl + x.data.FilePath;
+          this.addMsg.ContractUrl = str;
+        });
+      },
       //列表查询
       getList() {
         this.loading = true;
@@ -199,13 +229,14 @@
         this.apipost('supplier_get_GetTravelSupplier', {
           Id: id
         }, res => {
-          let updateList = res.data.data;
-          this.addMsg.Id = updateList.Id;
-          this.addMsg.Name = updateList.Name;
-          this.addMsg.LinkMan = updateList.LinkMan;
-          this.addMsg.LinkTel = updateList.LinkTel;
-          this.addMsg.SettlementType = updateList.SettlementType;
-          this.addMsg.Code = updateList.Code;
+          let tempdata = res.data.data;
+          this.addMsg.Id = tempdata.Id;
+          this.addMsg.Name = tempdata.Name;
+          this.addMsg.LinkMan = tempdata.LinkMan;
+          this.addMsg.LinkTel = tempdata.LinkTel;
+          this.addMsg.SettlementType = tempdata.SettlementType;
+          this.addMsg.Code = tempdata.Code;
+          this.addMsg.ContractUrl = tempdata.ContractUrl;
         }, err => {});
       },
       handleCurrentChange(val) {
@@ -219,6 +250,7 @@
         this.addMsg.LinkTel = "";
         this.addMsg.SettlementType = 0;
         this.addMsg.Code = "";
+        this.addMsg.ContractUrl = "";
       },
       resetPageIndex() {
         this.msg.pageIndex = 1