缴费接口，视频仲裁接口联调完善

src/views/caseManagement/caseList.vue

             v-hasPermi="['monitor:online:forceLogout']"
             >开庭审理</el-button
           >
-          <el-popconfirm
-            title="确定生成裁决书吗？"
-            @confirm="generateawardRow(scope.row)"
+          <el-button
+            size="mini"
+            slot="reference"
+            type="text"
+            icon="el-icon-document"
+            @click="generateawardRow(scope.row)"
+            v-if="scope.row.caseStatus == 10"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >生成裁决书</el-button
           >
-            <el-button
-              size="mini"
-              slot="reference"
-              type="text"
-              icon="el-icon-document"
-              v-if="scope.row.caseStatus == 10"
-              v-hasPermi="['monitor:online:forceLogout']"
-              >生成裁决书</el-button
-            >
-          </el-popconfirm>
           <el-button
             size="mini"
             type="text"
       :showtrialincourt="showtrialincourt"
       :adjudicatename="adjudicatename"
       :form="form"
+      :queryParams="queryParams"
+      @getcaseApply="getcaseApply"
       @canceltrialincourt="canceltrialincourt"
     ></trialincourtDialog>
     <!-- 缴费 -->
       caseApply(val).then((response) => {
         this.dataList = response.rows;
         this.dataList.forEach((item) => {
-          item.arbitratMethod = item.arbitratMethod == 1 ? "视频仲裁" : "书面仲载";
+          item.arbitratMethod =
+            item.arbitratMethod == 1 ? "视频仲裁" : "书面仲载";
         });
         this.total = response.total;
         this.loading = false;
     //  生成裁决书
     generateawardRow(row) {
       console.log(row, "生成裁决书");
+      this.$modal
+        .confirm("确定生成裁决书吗？")
+        .then(function () {})
+        .then((res) => {})
+        .catch(() => {});
     },
     // 归档
     fileRow(row) {

src/views/caseManagement/components/caseentryDialog.vue

               />
             </el-form-item>
           </el-col>
+          <!-- 应缴费用 -->
+          <el-col :span="12" v-if="flag == 0">
+            <el-form-item label="应缴费用：" prop="feePayable">
+              <el-input v-model="formData.feePayable" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <!-- 申请人仲裁诉求 -->
+          <el-col :span="24">
+            <el-form-item label="申请人仲裁诉求" prop="arbitratClaims">
+              <el-input
+                v-model="formData.arbitratClaims"
+                placeholder="请输入申请人仲裁诉求"
+                type="textarea"
+                :autosize="{ minRows: 4, maxRows: 8 }"
+              />
+            </el-form-item>
+          </el-col>
           <el-col :span="12">
             <el-form-item
               label="申请人案件证据资料上传："
             </el-form-item>
           </el-col>
           <!-- 仅详情展示 -->
-          <el-col :span="12">
+          <!-- <el-col :span="12">
             <el-form-item
               label="被申请人案件证据资料上传："
               prop="respondentEvidence"
                 </div>
               </el-upload>
             </el-form-item>
-          </el-col>
+          </el-col> -->
         </el-row>
       </el-form>
       <!-- 申请人主体信息 -->
             message: "案件编号不能为空",
             trigger: ["change", "blur"],
           },
-          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
+          { max: 20, message: "长度应小于20个字符", trigger: "blur" },
         ],
         caseSubjectAmount: [
           {
           },
           // { type: 'number', message: '申请人主张违约金必须为数字值'}
         ],
+        arbitratClaims: [
+          {
+            required: true,
+            message: "请输入申请人仲裁诉求",
+            trigger: "blur",
+          },
+        ],
+        feePayable: [
+          {
+            required: true,
+          },
+        ],
       },
       fileList: [],
     };

src/views/caseManagement/components/trialincourtDialog.vue

 
 <script>
 import { getUserProfile } from "@/api/system/user";
+import { writtenHear } from "@/api/caseManagement/caseManagement.js";
+
 export default {
   props: ["showtrialincourt", "adjudicatename", "form"],
   data() {
     },
     // 打开会议
     openmeeting() {
-      window.open(`http://47.97.117.253:9005/#/home?name=${this.user}`);
+      window.open('https://txroom.xayunmei.com');
+      // window.open(`https://txroom.xayunmei.com/#/home?name=${this.user}`);
     },
     // 提交仲裁结果
     openArbitrationresults() {
     submitForm() {
       this.$refs["form2"].validate((valid) => {
         if (valid) {
-          console.log(6666666666);
+          writtenHear({
+            caseAppliId: this.formData.id,
+            evidenDetermi: this.form2.evidenDetermi,
+            factDetermi: this.form2.factDetermi,
+            caseSketch: this.form2.caseSketch,
+            arbitrateThink: this.form2.arbitrateThink,
+            rulingFollows: this.form2.rulingFollows,
+          })
+            .then((res) => {
+              this.$modal.msgSuccess("提交成功");
+              this.cancel();
+              this.closeArbitrationresults();
+              this.$emit("getcaseApply", this.queryParams);
+            })
+            .catch((err) => {});
         }
       });
     },

src/views/paymentManagement/components/paymentdetailsDialog.vue

         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton"
+        <el-button
+          type="primary"
+          @click="submitForm"
+          v-if="flag == 0"
+          class="endbutton"
           >确认已缴费</el-button
         >
         <el-button @click="cancel" class="endbutton1">取 消</el-button>
 </template>
 
 <script>
+import { confirmPay } from "@/api/pay/pay";
 export default {
-  props: ["openDialog", "title", "flag", "detailform"],
+  props: ["openDialog", "title", "flag", "detailform", "getList"],
   data() {
     return {
       // key: value
     },
   },
   methods: {
-    submitForm() {},
+    // 确认缴费
+    submitForm() {
+      confirmPay({ id: this.form.id }).then((res) => {
+        this.$message({
+          message: "确认成功",
+          type: "success",
+        });
+      });
+      this.cancel();
+      this.getList();
+    },
     cancel() {
       this.$emit("cancelpaymentdetails");
     },

src/views/paymentManagement/paymentList.vue

       :detailform="detailform"
       :title="title"
       :flag="flag"
+      :getList="getList"
       @cancelpaymentdetails="cancelpaymentdetails"
     ></paymentdetailsDialog>
   </div>

vue.config.js

 
 const port = process.env.port || process.env.npm_config_port || 80 // 端口
 
-const API = 'http://121.40.189.20:9001'  //测试
-// const API = 'http://192.168.3.77:8080' //Q
+// const API = 'http://121.40.189.20:9001'  //测试
+const API = 'http://192.168.3.77:8080' //Q
 
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions