合同模板、合同甲乙放链接跳转

雷海东
src/views/compliancemanagement/contractmanagement/contract/index.vue
src/views/compliancemanagement/contractmanagement/contract2/index.vue
src/views/compliancemanagement/contractmanagement/contracttemplate/index.vue
--- a/src/views/compliancemanagement/contractmanagement/contract/index.vue
查看文件 @47c2936
+++ b/src/views/compliancemanagement/contractmanagement/contract/index.vue
查看文件 @47c2936
@@ -85,8 +85,16 @@
           <span>{{ parseTime(scope.row.expirationDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="甲方" align="center" prop="partyA" width="200"/>
-      <el-table-column label="乙方" align="center" prop="partyB" width="200"/>
+      <el-table-column label="甲方" align="center" prop="partyA" width="200">
+        <template slot-scope="scope">
+        <a :href="scope.row.partyAAddress" target="_blank" style="color: blue;">{{ scope.row.partyA }}</a>
+      </template>
+      </el-table-column>
+      <el-table-column label="乙方" align="center" prop="partyB" width="200">
+        <template slot-scope="scope">
+        <a :href="scope.row.partyBAddress" target="_blank" style="color: blue;">{{ scope.row.partyB }}</a>
+      </template>
+      </el-table-column>
       <el-table-column label="付款方式" align="center" prop="paymentMethod" width="200"/>
       <el-table-column label="签订日期" align="center" prop="signingDate" width="100">
         <template slot-scope="scope">
--- a/src/views/compliancemanagement/contractmanagement/contract2/index.vue
查看文件 @47c2936
+++ b/src/views/compliancemanagement/contractmanagement/contract2/index.vue
查看文件 @47c2936
@@ -45,12 +45,24 @@
             </el-form-item>
           </el-col>
           <el-col :span="24">
+            <el-form-item label="甲方链接地址" prop="partyAAddress">
+              <el-input v-model="formData.partyAAddress" placeholder="请输入甲方链接地址" clearable :style="{width: '50%'}">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
             <el-form-item label="乙方" prop="partyB">
               <el-input v-model="formData.partyB" placeholder="请输入乙方" clearable :style="{width: '50%'}">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="24">
+            <el-form-item label="乙方链接地址" prop="partyBAddress">
+              <el-input v-model="formData.partyBAddress" placeholder="请输入乙方链接地址" clearable :style="{width: '50%'}">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
             <el-form-item label="付款方式" prop="paymentMethod">
               <el-input v-model="formData.paymentMethod" placeholder="请输入付款方式" clearable
                 :style="{width: '50%'}"></el-input>
@@ -168,7 +180,9 @@
           effectiveDate: null,
           expirationDate: null,
           partyA: undefined,
+          partyAAddress:undefined,
           partyB: undefined,
+          partyBAddress:undefined,
           paymentMethod: undefined,
           signingDate: null,
           subjectInformation: undefined,
@@ -210,11 +224,21 @@
             message: '请输入甲方',
             trigger: 'blur'
           }],
+          partyAAddress: [{
+            required: true,
+            message: '请输入甲方链接',
+            trigger: 'blur'
+          }],
           partyB: [{
             required: true,
             message: '请输入乙方',
             trigger: 'blur'
           }],
+            partyBAddress: [{
+            required: true,
+            message: '请输入乙方链接',
+            trigger: 'blur'
+          }],
           paymentMethod: [
             {required: true, message: '请输入付款方式',trigger: 'blur'}
           ],
--- a/src/views/compliancemanagement/contractmanagement/contracttemplate/index.vue
查看文件 @47c2936
+++ b/src/views/compliancemanagement/contractmanagement/contracttemplate/index.vue
查看文件 @47c2936
@@ -109,9 +109,8 @@
       <el-table-column label="模板名称" align="center" prop="templatename" />
       <el-table-column label="模板文件" align="center" prop="templatefile">
         <template slot-scope="scope">
-          <el-button type="text" icon="el-icon-document" @click="openFile(scope.row.templatefile)">
-            打开文件
-          </el-button>
+          
+          <img src="@/assets/images/PDF.png" @click="openFile(scope.row.templatefile)" width="40px" height="auto" style="cursor: pointer"/>
         </template>
       </el-table-column>
       <el-table-column
@@ -157,7 +156,7 @@
       @pagination="getList"
     />
-    <el-dialog :visible.sync="dialogVisible" title="文件预览" width="50%">
+    <el-dialog :visible.sync="dialogVisible" title="合同预览" width="50%">
       <vue-pdf :src="currentFile" />
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">关闭</el-button>
@@ -250,6 +249,7 @@ export default {
       headers: { Authorization: "Bearer " + getToken() },
       // 上传的地址
       url: process.env.VUE_APP_BASE_API + "/common/uploads",
+      urlhead: "http://joycart.zgftlm.com",
       fileList: [],
       dialogVisible: false,
       dialogImageUrl: "",
@@ -309,8 +309,9 @@ export default {
   },
   methods: {
     openFile(filePath) {
-      console.log(filePath)
-      this.currentFile = filePath;
+      
+      this.currentFile = this.urlhead+filePath;
+      console.log(this.currentFile)
       this.dialogVisible = true; 
     },
@@ -339,7 +340,6 @@ export default {
       // 可以从中获取文件地址或文件名
       // 假设后端返回的数据结构中有一个字段 url 表示文件地址
       const fileUrl = response.data.fileNames;
-
       // 将文件地址或文件名赋值给表单的字段
       this.form.templatefile =fileUrl;
     },