协议签署

src/components/byh/componments/BillList.vue

@@ -39,7 +39,8 @@
               分笔代扣
             </el-button>
             <template v-if="$permissionUtils.rolePermission('protocolSign')">
-              <el-button v-if="params.level==='CF'" type="primary" size="mini" @click="handleChangeCFBill">CF账单变更
+              <el-button v-if="params.level==='CF'" :disabled="cf.disabled" type="primary" size="mini"
+                         @click="handleChangeCFBill">CF账单变更
               </el-button>
             </template>
           </td>
@@ -296,6 +297,7 @@
             <el-table-column align="center" prop="planIndex" label="期数"></el-table-column>
             <el-table-column align="center" prop="planAmt" label="应还款金额"></el-table-column>
             <el-table-column align="center" prop="planBen" label="本金"></el-table-column>
+            <el-table-column align="center" prop="planFu" label="服务费"></el-table-column>
             <el-table-column align="center" prop="planXi" label="利息"></el-table-column>
             <el-table-column align="center" prop="planBurden" label="担保费"></el-table-column>
           </el-table>
@@ -404,6 +406,7 @@ export default {
         },
       },
       cf: {
+        disabled: false,
         visible: false,
         form: {}
       },
@@ -429,10 +432,11 @@ export default {
       const {success, result} = res.data;
       // console.log(res.data.result,'888');
       if (success && result != null) {
-        const {loanVo, applyVo, planVo} = result;
+        const {loanVo, applyVo, planVo, isChangePlan} = result;
         this.advanceLoanAmt.loanNo = applyVo.loanNo;
         this.advanceLoanAmt.bizType = applyVo.bizType;
         this.advanceLoanAmt.clientNo = applyVo.clientNo;
+        this.cf.disabled = isChangePlan
 
         this.data = planVo;
         if (planVo == null) {
@@ -565,7 +569,9 @@ export default {
     // CF 账单变更提交
     async handleChangeCFSubmit() {
       try {
+        const loanNo = this.params.loanNo
         this.cf.form.applyUser = localStorage.getItem("loginName")
+        this.cf.form.loanNo = loanNo
         const res = await this.$$post('/protocol/changePlan', {...this.cf.form})
         if (res.status === 200 && res.data.success) {
           this.$message.success('操作成功');

src/views/custom/SignAgreement.vue

@@ -14,7 +14,7 @@
 
         <template v-if="EnumList.length">
           <el-form-item prop="protocolType" label="协议类型">
-            <el-select clearable v-model="form.protocolType" @change="handleChange" clearable placeholder="请选择产品">
+            <el-select clearable v-model="form.protocolType"  clearable placeholder="请选择产品">
               <el-option
                   v-for="item in EnumList"
                   :key="item.protocolType"
@@ -74,17 +74,24 @@
         <el-table-column align="center" label="附件">
           <template slot-scope="scope">
             <div v-if="!scope.row.annexUrl">无</div>
-            <div v-else>
-              <span>1</span>
+            <div class="display:flex;" v-else>
+              <template v-for="item in scope.row.annexUrl">
+                <el-image
+                    v-if="item.indexOf('.jpg')!==-1"
+                    :key="item"
+                    :preview-src-list="scope.row.imgs"
+                    style="width: 50px; height: 50px;margin: 0 8px 8px 8px"
+                    :src="item"
+                    fit="contain"></el-image>
+                <div v-else>
+                  <video :key="item" @click="handlePreviewVideo(item)" style="width:50px;height:50px;object-fit:fill;" :src="item" />
+                </div>
+              </template>
+
             </div>
           </template>
         </el-table-column>
-        <el-table-column align="center" label="状态">
-          <template slot-scope="scope">
-            <div v-if="scope.row.invalid==='true'">生效中</div>
-            <div v-else>已作废</div>
-          </template>
-        </el-table-column>
+        <el-table-column align="center" prop="statusStr" label="状态"></el-table-column>
         <el-table-column align="center" width="90" prop="gmtCreated" :formatter="transDateFormat"
                          label="创建时间"></el-table-column>
         <el-table-column align="center" width="90" prop="urlEffectiveTime" :formatter="transDateFormat"
@@ -145,6 +152,17 @@
         </div>
       </el-dialog>
     </template>
+
+    <el-dialog width="45%" title="视频预览" :visible.sync="showvideoplay" v-model="showvideoplay">
+      <video
+          controls
+          preload="auto"
+          style="width:100%;height:400px;object-fit: contain;"
+          :src="videourl"
+          v-if="videourl"
+      ></video>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -158,6 +176,10 @@ export default {
   },
   data() {
     return {
+      showvideoplay:false,
+      videourl:'',
+
+
       delayVisible: false,
       SignVisible: false,
       EnumList: [],
@@ -216,6 +238,19 @@ export default {
         const res = await this.$$post('/protocol/selectProtocolList', {...form})
         if (res.status === 200 && res.data.success) {
           const {data, total} = res.data.result
+
+          data.forEach(item=>{
+            const imgs = []
+            if(item.annexUrl!==null){
+              item.annexUrl.forEach(img=>{
+                if(img.indexOf('mp4')===-1){
+                  imgs.push(img)
+                }
+              })
+              item.imgs = imgs
+            }
+          })
+
           this.list = data;
           this.total = total
         } else {
@@ -308,6 +343,24 @@ export default {
       this.init();
     },
 
+    /** 预览大图 */
+    handlePreview(item,list){
+      const cache = []
+      list.forEach(item=>{
+        console.log(item,'==')
+        if(item.indexOf('mp4')===-1){
+          cache.push(item)
+        }
+      })
+    },
+
+    /** 视频预览 */
+    handlePreviewVideo(item){
+      console.log(item,'nasha')
+      this.showvideoplay = true;
+      this.videourl = item;
+    }
+
   }
 }