From 5e8f28ccc579280befff5442d83bf5bbcad757a0 Mon Sep 17 00:00:00 2001
From: liuxi <357439530@qq.com>
Date: Mon, 23 Dec 2024 17:14:52 +0800
Subject: [PATCH] =?UTF-8?q?UI=E5=8F=8A=E4=B8=9A=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/case-management/detail/index.vue    |  10 -
 .../components/LayoutContent.vue              |   7 +-
 .../components/VideoReservationDialog.vue     | 255 ++++++++++++++++++
 vue.config.js                                 |   2 +-
 4 files changed, 261 insertions(+), 13 deletions(-)
 create mode 100644 src/pages/mediation-page/components/VideoReservationDialog.vue

diff --git a/src/pages/case-management/detail/index.vue b/src/pages/case-management/detail/index.vue
index bf8d7da..8021648 100644
--- a/src/pages/case-management/detail/index.vue
+++ b/src/pages/case-management/detail/index.vue
@@ -99,14 +99,6 @@
                                     <el-table-column prop="B" label="约定还款金额" show-overflow-tooltip ></el-table-column>
                                     <el-table-column prop="C" label="约定还款时间" show-overflow-tooltip ></el-table-column>
                                     <el-table-column prop="D" label="备注信息" show-overflow-tooltip ></el-table-column>
-                                    <el-table-column  label="操作" width="170">
-                                        <template slot-scope="scope">
-                                            <div class="flex-row align-items-center">
-                                                <el-button size="mini" @click="handleCaseAllocation(scope)">编辑</el-button>
-                                                <el-button size="mini" @click="handleCaseAllocation(scope)">删除</el-button>
-                                            </div>
-                                        </template>
-                                    </el-table-column>
                                 </el-table>
                             </el-tab-pane>
                             <el-tab-pane>
@@ -217,8 +209,6 @@
                             <el-table-column  label="操作" width="230">
                                 <template slot-scope="scope">
                                     <div class="flex-row align-items-center">
-                                        <el-button size="mini" @click="handleCaseAllocation(scope)">上传</el-button>
-                                        <el-button size="mini" @click="handleCaseAllocation(scope)">删除</el-button>
                                         <el-button size="mini" @click="handleCaseAllocation(scope)">查看</el-button>
                                     </div>
                                 </template>
diff --git a/src/pages/mediation-page/components/LayoutContent.vue b/src/pages/mediation-page/components/LayoutContent.vue
index b17a3ee..eefd4e4 100644
--- a/src/pages/mediation-page/components/LayoutContent.vue
+++ b/src/pages/mediation-page/components/LayoutContent.vue
@@ -9,7 +9,7 @@
                     <el-button @click="getNextCaseById">下一个</el-button>
                     <span class="ipphoneimg"> IP电话</span>
                     <span class="smsimg">发送短信</span>
-                    <span class="videoimg">视频预约</span>
+                    <span class="videoimg" @click="VideoDialog={caseId:caseId}">视频预约</span>
 
                     <span class="case-send-btn">发起送达</span>
                     <span class="case-send-btn">发起签章</span>
@@ -410,7 +410,8 @@
             </div>
             
         </div>
-
+        <!-- 视频预约 -->
+        <VideoReservationDialog v-if="VideoDialog" :eventDialog.sync="VideoDialog" />
     </div>
 
 </template>
@@ -421,9 +422,11 @@ import api from "@/services/caseManagement";
             uploadFile: () => import('@/components/uploadFile.vue'),//上传
             RepaymentSchedule: () => import('./RepaymentSchedule.vue'),//还款计划
             RepaymentCertificate: () => import('./RepaymentCertificate.vue'),//还款凭证
+            VideoReservationDialog: () => import('./VideoReservationDialog'),//视频预约
         },
         data() {
             return {
+                VideoDialog:null,
                 eventDialog:{caseId:this.$route.query.caseId},
                 leftActive:1,
                 rightActive:1,
diff --git a/src/pages/mediation-page/components/VideoReservationDialog.vue b/src/pages/mediation-page/components/VideoReservationDialog.vue
new file mode 100644
index 0000000..aa04a90
--- /dev/null
+++ b/src/pages/mediation-page/components/VideoReservationDialog.vue
@@ -0,0 +1,255 @@
+<template>
+    <div>
+        <el-dialog title="视频预约" :visible="true" width="600px" append-to-body :close-on-click-modal="false" 
+            @close="handleClose">
+            <div class="dialog-content dialog-office-batch">
+                <div class="pt-8">
+                    <!-- <div class="flex-row align-items-center justify-content-between mb-16 case-batch-num">
+                        <span>选中<a>{{eventTraDialog.caseids.length}}</a>个案件，系统将对您选择的案件进行批量电子短信送达！</span>
+                    </div> -->
+                    <el-form ref="ruleFormRepayment" 
+                        :model="videoObj" 
+                        :rules="rulesClientRule" 
+                        label-width="130px">
+
+                        <el-row :gutter="56">
+                            <el-col :span="24">
+                                <el-form-item label="开始时间" prop="type">
+                                    <el-select v-model="repaymentObj.type" class="width100" disabled
+                                        placeholder="请选择还款方式" size="small">
+                                        <el-option
+                                                v-for="(item,index) in RepaymentOptions"
+                                                :key="index"
+                                                :label="item.label"
+                                                :value="item.value">
+                                        </el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="24">
+                                <el-form-item label="持续时间" prop="type">
+                                    <el-select v-model="repaymentObj.type" class="width100" disabled
+                                        placeholder="请选择还款方式" size="small">
+                                        <el-option
+                                                v-for="(item,index) in RepaymentOptions"
+                                                :key="index"
+                                                :label="item.label"
+                                                :value="item.value">
+                                        </el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            
+                        </el-row>
+
+                        <el-form-item label="" prop="type">
+                            <el-select v-model="repaymentObj.type" class="width100" disabled
+                                placeholder="请选择还款方式" size="small">
+                                <el-option
+                                        v-for="(item,index) in RepaymentOptions"
+                                        :key="index"
+                                        :label="item.label"
+                                        :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="还款金额" prop="totalAmount">
+                            <el-input class="inputpaddingtop2" disabled
+                                size="small"
+                                placeholder="请输入还款金额"
+                                v-model="repaymentObj.totalAmount"
+                                @input="inputChange($event)">
+                                <template slot="append">元</template>
+                            </el-input>
+                        </el-form-item>
+                        <!-- 枚举备注: ALL :一次性全部回款 STAGES :全部分期 MIX :混合，部分先还加分期 OTHER :其他 -->
+                        <el-form-item v-if="repaymentObj.type == 'MIX'" label="分期前偿还金额" prop="partAmount">
+                            <el-input class="inputpaddingtop2" disabled
+                                size="small"
+                                placeholder="请输入分期前偿还金额"
+                                v-model="repaymentObj.partAmount"
+                                @input="inputChange($event)">
+                                <template slot="append">元</template>
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item v-if="repaymentObj.type == 'MIX'" label="先还日期" prop="partDate">
+                            <el-date-picker class="width100" size="small" disabled
+                                v-model="repaymentObj.partDate"
+                                type="date"
+                                placeholder="选择先还日期"
+                                value-format="yyyy-MM-dd"
+                                format="yyyy-MM-dd">
+                            </el-date-picker>
+                        </el-form-item>
+                        <el-form-item v-if="repaymentObj.type == 'MIX'" label="分期部分金额" prop="productTypeId">
+                            <el-input class="inputpaddingtop2"
+                                size="small"
+                                disabled
+                                placeholder="分期部分金额"
+                                v-model="repaymentObj.moneyAmount">
+                                <template slot="append">元</template>
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item v-if="repaymentObj.type == 'STAGES' || repaymentObj.type == 'MIX'" label="分期期数" prop="stagesNum">
+                            <el-input
+                                size="small" disabled
+                                placeholder="请输入分期期数"
+                                v-model="repaymentObj.stagesNum"
+                                @input="inputChange($event)">
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item v-if="repaymentObj.type == 'STAGES' || repaymentObj.type == 'MIX'" label="每期还款金额" prop="stagesAmount">
+                            <el-input class="inputpaddingtop2"
+                                size="small"
+                                disabled
+                                placeholder="每期还款金额"
+                                v-model="repaymentObj.stagesAmount">
+                                <template slot="append">元</template>
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item v-if="repaymentObj.type == 'STAGES' || repaymentObj.type == 'MIX'" label="每期还款日期" prop="stagesDay">
+                            <el-select v-model="repaymentObj.stagesDay" class="width100" disabled
+                                placeholder="请选择每期还款日期" size="small">
+                                <el-option
+                                        v-for="(item, index) in 31"
+                                        :key="index"
+                                        :label="(index+1)+'日'"
+                                        :value="(index+1)">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item v-if="repaymentObj.type == 'ALL' || repaymentObj.type == 'STAGES' || repaymentObj.type == 'MIX'" label="还款截止日期" prop="paybackDate">
+                            <el-date-picker class="width100" size="small" disabled
+                                v-model="repaymentObj.paybackDate"
+                                type="date"
+                                placeholder="选择日期"
+                                value-format="yyyy-MM-dd"
+                                format="yyyy-MM-dd">
+                            </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="备注说明" prop="remark">
+                            <el-input disabled
+                                size="small"
+                                clearable
+                                placeholder="请输入备注说明"
+                                v-model="repaymentObj.remark">
+                            </el-input>
+                        </el-form-item>
+                    </el-form>
+                    
+                    <el-collapse-transition>
+                        <el-row :gutter="56">
+                            <el-col :span="24">
+                                <el-form-item label="" prop="type">
+                                    <el-select v-model="repaymentObj.type" class="width100" disabled
+                                        placeholder="请选择还款方式" size="small">
+                                        <el-option
+                                                v-for="(item,index) in RepaymentOptions"
+                                                :key="index"
+                                                :label="item.label"
+                                                :value="item.value">
+                                        </el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            
+                        </el-row>
+                    </el-collapse-transition>
+                </div>
+
+            </div>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="handleClose()">取消</el-button>
+                <el-button type="primary" @click="handleSubmit()">批量送达</el-button>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import api from "@/services/caseManagement";
+    export default {
+        components: {
+        },
+        props: {
+            eventTraDialog: {
+                type: Object,
+                default: () => {
+                    return {}
+                },
+            },
+        },
+        data() {
+            return {
+                videoObj:{},
+                rulesClientRule:{
+                    type: [
+                        { required: true, message: '请选择还款方式', trigger: 'change',},
+                    ], 
+                    totalAmount: [
+                        { required: true, message: '请输入还款金额', trigger: 'change',},
+                        { pattern: /^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0.\d{1,2}$/, message: '请输入2位小数金额', trigger: ['blur', 'change']}
+                    ], 
+                    paybackDate: [
+                        { required: true, message: '请选择还款截止日期', trigger: 'change',},
+                    ], 
+                    stagesDay: [
+                        { required: true, message: '请选择每期还款日期', trigger: 'change',},
+                    ], 
+                    partAmount: [
+                        { required: true, message: '请输入分期前偿还金额	', trigger: 'change',},
+                        { pattern: /^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0.\d{1,2}$/, message: '请输入2位小数金额', trigger: ['blur', 'change']}
+                    ], 
+                    partDate: [
+                        { required: true, message: '请选择分期前偿还日期', trigger: 'change',},
+                    ], 
+                    stagesNum: [
+                        { required: true, message: '请输入分期期数', trigger: 'change',},
+                        { pattern: /^[1-9]\d*$/, message: '只能输入正整数', trigger: ['blur', 'change']}
+                    ], 
+                },
+            };
+        },
+        mounted () {
+            
+        },
+        methods: {
+            smsChange(){
+                let jsonData = this.smsOptions.find(item=>{
+                    return this.ObjectInfo.methodId == item.value
+                })
+                this.ObjectInfo.users = jsonData.users
+                this.ObjectInfo.content = jsonData.content
+            },
+
+            handleClose() {
+                this.$emit('update:eventTraDialog', null)
+            },
+        }
+    };
+</script>
+
+<style scoped lang="scss">
+.dialog-office-batch{
+    padding: 16px 30px;
+    max-height:500px;
+    .tabs__search-criteria-title{
+        width: 100%;
+    }
+    .case-batch-num{
+        background-color: rgba(236, 238, 241, 0.8196078431);
+        padding: 15px 20px;
+        border-radius: 4px;
+        a{font-size: 16px;font-weight: 500;color: #C66A5B;}
+    }
+    .officelist{
+        background-color: rgba(236, 238, 241, 0.8196078431);
+        padding: 20px 20px;
+        .el-checkbox
+        {
+            width: 230px;
+            margin: 10px;
+        }
+    }
+    
+}
+</style>
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index c4c597d..27aa13f 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -47,7 +47,7 @@ module.exports = {
         },
         proxy: {
             "/manage-center": {
-                target: "http://api.mediate.dev.trydotec.com/manage-center", // 管理中心
+                target: "http://mediate.dev.trydotec.com/", // 管理中心
                 changeOrigin: true,
                 pathRewrite: {
                     "^/manage-center": "/",