弹窗更改

src/api/financed/index.js

@@ -105,4 +105,12 @@ export function tenantList(query) {
     method: "get",
     params: query,
   });
-}
+}
+// 修改备注
+export function updateRemark(data) {
+  return request({
+    url: "/system/top/order/updateRemark",
+    method: "post",
+    data,
+  });
+}

src/views/financed/arap/index.vue

@@ -20,7 +20,7 @@
       :key="type"
       rowKey="id"
       ref="tableList"
-      @openDialog="openDialog"
+      @openDialog="(row) => openDialog(row, 0)"
       :tableSets="tableSet"
       :tableData="tableData"
       :navText="navText"
@@ -72,7 +72,7 @@
           v-if="type == 1"
           type="text"
           :disabled="props.scope.row.creditStatus == 1"
-          @click="handelClick(props.scope.row)"
+          @click="openDialog(props.scope.row, 1)"
         >
           催款提醒
         </el-button>
@@ -80,15 +80,14 @@
           <el-button
             type="text"
             :disabled="props.scope.row.creditStatus == 1"
-            @click="handelClick(props.scope.row)"
+            @click="openDialog(props.scope.row, 2)"
           >
             点击审核
           </el-button>
           <el-button
             type="text"
             style="color: #e6a23c"
-            :disabled="props.scope.row.creditStatus == 1"
-            @click="handelClick(props.scope.row)"
+            @click="openDialog(props.scope.row, 3)"
           >
             修改备注
           </el-button>
@@ -102,13 +101,12 @@
       @search="search"
     />
     <dislog-tip
-      :dialogVisible.sync="dialogVisible"
+      :dialogVisible.sync="tipDialogVisible"
       :orderInfo="activeOrderInfo"
       @search="search"
-    ></dislog-tip>
-    <dislogOrderDetails
-      :dialogVisible.sync="orderDialogVisible"
-    ></dislogOrderDetails>
+    />
+    <!-- 订单详情 -->
+    <dislogOrderDetails :dialogVisible.sync="orderDialogVisible" />
   </div>
 </template>
 
@@ -322,8 +320,9 @@ export default {
       ],
       tableData: [], //表单数据
       total: 0, //一共多少条
-      dialogVisible: false,
+      tipDialogVisible: false,
       orderDialogVisible: false,
+      remarkDialogVisible: false,
       type: 1,
       activeOrderInfo: {},
       roleList: [],
@@ -333,9 +332,11 @@ export default {
     this.init();
   },
   methods: {
-    openDialog(data) {
-      console.log(data);
-      this.orderDialogVisible = true;
+    openDialog(data, type) {
+      this.activeOrderInfo = data;
+      this[
+        ["order", "tip", "examine", "remark"][type] + "DialogVisible"
+      ] = true;
     },
     batchExport() {
       const fn = [orderExport, orderExport, orderExport][this.type - 1];
@@ -359,10 +360,6 @@ export default {
     changeSearch() {
       this.search(2);
     },
-    handelClick(row) {
-      this.activeOrderInfo = row;
-      this.dialogVisible = true;
-    },
     getDataList(data) {
       const fn = [orderList, tenantList, sellerList][this.type - 1];
       fn(data)