updated

src/views/serviceSettlement/components/UploadFile.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <el-upload
+      v-if="!isCheck"
       ref="fileUpload"
       :data="data"
       :auto-upload="autoUpload"
@@ -16,7 +17,7 @@
       :file-list="fileList"
     >
       <div v-if="tip" slot="tip" class="el-upload__tip">{{ tip }}</div>
-      <el-button size="mini" type="primary">选择文件</el-button>
+      <el-button v-if="!isCheck" size="mini" type="primary">选择文件</el-button>
     </el-upload>
     <div v-for="(file, index) in dataList" :key="index" class="file-list">
       <span>{{ file.name }} </span>
@@ -80,6 +81,10 @@ export default {
     list: {
       type: Array,
       default: () => []
+    },
+    isCheck: {
+      type: Boolean,
+      default: () => true
     }
   },
   data() {

src/views/serviceSettlement/contract/edit.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-form ref="formLabelAlign" label-width="120px" :model="formLabelAlign" :rules="rules">
       <el-form-item label="合同编号：" prop="contractId">
-        <el-input v-model="formLabelAlign.contractId" />
+        <el-input v-model="formLabelAlign.contractId" :disabled="isCheck" />
       </el-form-item>
       <el-form-item label="合同起始日期：" prop="contractStartDate">
         <el-date-picker
@@ -10,6 +10,7 @@
           type="date"
           placeholder="选择日期"
           value-format="yyyy-MM-dd"
+          :disabled="isCheck"
         />
       </el-form-item>
       <el-form-item label="合同截止日期：" prop="contractEndDate">
@@ -18,12 +19,14 @@
           type="date"
           placeholder="选择日期"
           value-format="yyyy-MM-dd"
+          :disabled="isCheck"
         />
       </el-form-item>
       <el-form-item label="上传合同：" prop="contractRelateds">
         <file-upload
           :list="contractList"
           :limit="20"
+          :is-check="isCheck"
           :before-upload="beforeUpload"
           :tip="'支持上传pdf、docx、 pptx文件格式'"
           @success="uploadSuccess($event, 'contractRelateds')"
@@ -32,7 +35,7 @@
         />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" @click="submitForm('formLabelAlign')">保存</el-button>
+        <el-button v-if="!isCheck" type="primary" @click="submitForm('formLabelAlign')">保存</el-button>
         <el-button @click="$router.back()">返回</el-button>
       </el-form-item>
     </el-form>
@@ -77,6 +80,9 @@ export default {
     },
     providersId() {
       return Number(this.$route.query.providersId) || false
+    },
+    isCheck() {
+      return !!Number(this.$route.query.isCheck)
     }
   },
   mounted() {

src/views/serviceSettlement/contract/index.vue

@@ -51,12 +51,19 @@
       <el-table-column prop="updateTime" label="添加时间" align="center" />
       <el-table-column prop="createBy" label="创建人" align="center" />
       <el-table-column label="操作" align="center" width="200">
-        <template slot-scope="{ row }">
+        <template slot-scope="scope">
           <el-button
+            v-if="scope.$index === 0"
             type="primary"
             size="mini"
-            @click="$router.push('/service/settlement/contract/edit?id=' + row.id + '&providersId=' + providersId)"
+            @click="checkout(scope)"
           >编辑</el-button>
+          <el-button
+            v-else
+            type="primary"
+            size="mini"
+            @click="$router.push('/service/settlement/contract/edit?id=' + scope.row.id + '&providersId=' + providersId + '&isCheck=1')"
+          >查看</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -79,7 +86,7 @@ export default {
     return {
       listQuery: {
         pageNum: 1,
-        pageSize: 10
+        pageSize: 30
       },
       time: '',
       list: [],
@@ -108,7 +115,11 @@ export default {
       const { data } = await getContractList(form)
       this.list = data.results
     },
-    handleSelectionChange() {}
+    handleSelectionChange() {},
+    checkout(row) {
+      console.log(row)
+      this.$router.push('/service/settlement/contract/edit?id=' + row.row.id + '&providersId=' + this.providersId)
+    }
   }
 }
 </script>