From cfc5b758d315c161277da76b786161fe7b1bd7ba Mon Sep 17 00:00:00 2001
From: THK3121 <thk121969318@163.com>
Date: Thu, 7 Sep 2023 17:25:27 +0800
Subject: [PATCH] =?UTF-8?q?bug=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/car_contract.ts               |  17 ++-
 src/views/card/detail.vue             |  10 +-
 src/views/card/index.vue              |   4 +-
 src/views/contract/vehicle_detail.vue | 202 ++++++++++++++++----------
 4 files changed, 152 insertions(+), 81 deletions(-)

diff --git a/src/api/car_contract.ts b/src/api/car_contract.ts
index 309ce6a..da446d0 100644
--- a/src/api/car_contract.ts
+++ b/src/api/car_contract.ts
@@ -1,6 +1,19 @@
-import request from '@/utils/request'
+import request from "@/utils/request";
 
 // 合同列表
 export function apiContractLists(params: any) {
-    return request.get({ url: '/contract.VehicleContract/townRentList', params })
+  return request.get({ url: "/contract.VehicleContract/townRentList", params });
 }
+// 发送合同
+// /adminapi/accnortt.VehicleContract / initiatingRentCarContract;
+export function sendContract(params: any) {
+  return request.post({
+    url: "/accnortt.VehicleContract/initiatingRentCarContract;",
+    params,
+  });
+}
+// 重新短信
+export function sendMsg(params: any) {
+  return request.post({ url: "/contract.contract/sendSmsAgain", params });
+}
+// /adminapi//adminapi/contract.VehicleContract/initiatingRentCarContract
diff --git a/src/views/card/detail.vue b/src/views/card/detail.vue
index 1b273c7..d76bc25 100644
--- a/src/views/card/detail.vue
+++ b/src/views/card/detail.vue
@@ -117,6 +117,7 @@
 
       <el-col :span="24" class="el-card pt-6">
         <div class="tit">租赁信息</div>
+        <!-- {{ formData.car_inf }} -->
         <el-row v-for="(item, index) in formData.cars_info">
           <el-col :span="4">
             <el-form-item label-width="120px" label="车牌号"
@@ -177,8 +178,9 @@
 </template>
 <script setup>
 import { reactive, ref } from "vue";
-import { contractDetail, sendContract, sendMsg } from "@/api/contract";
+// import { contractDetail, sendContract, sendMsg } from "@/api/contract";
 import feedback from "@/utils/feedback";
+import { leaseContractDetail } from "@/api/contract";
 
 const router = useRouter();
 const route = useRoute();
@@ -214,11 +216,13 @@ const formData = reactive({
 const num = ref(0);
 // route.query.flag
 
-contractDetail({ id: route.query.id }).then((res) => {
+leaseContractDetail({ id: route.query.id }).then((res) => {
   for (let key in formData) {
     formData[key] = res[key];
   }
-  console.log(formData);
+
+  // formData.cars_info = JSON.parse(formData.cars_info) || "";
+  // console.log(formData.cars_info);
 });
 const checkContract = () => {
   window.open(formData.contract_url, "_blank");
diff --git a/src/views/card/index.vue b/src/views/card/index.vue
index 146f405..0f54859 100644
--- a/src/views/card/index.vue
+++ b/src/views/card/index.vue
@@ -83,7 +83,7 @@
               <el-button type="primary" link>
                 <router-link
                   :to="{
-                    path: '/contract/detail',
+                    path: '/contract/card_detail',
                     query: {
                       id: row.id,
                     },
@@ -130,7 +130,7 @@
 import { usePaging } from "@/hooks/usePaging";
 import { useDictData } from "@/hooks/useDictOptions";
 // import { contractList, sendContract, sendMsg } from "@/api/contract";
-import { apiContractLists } from "@/api/car_contract";
+import { apiContractLists, sendContract, sendMsg } from "@/api/car_contract";
 import feedback from "@/utils/feedback";
 
 const sendAgain = (id: number) => {
diff --git a/src/views/contract/vehicle_detail.vue b/src/views/contract/vehicle_detail.vue
index b488788..be13318 100644
--- a/src/views/contract/vehicle_detail.vue
+++ b/src/views/contract/vehicle_detail.vue
@@ -151,69 +151,105 @@
           </div>
         </el-row>
       </el-col>
-
-      <el-col :span="24" class="el-card pt-6">
+      <!--  -->
+      <el-col :span="24" class="el-card pt-6" v-if="formData.cars_info">
         <div class="tit">租赁信息</div>
-        <el-row v-for="(item, index) in formData.cars_info">
-          <el-col :span="4">
-            <el-form-item label-width="120px" label="车牌号"
-              ><el-input
-                v-model="item.license"
-                placeholder="请输入车牌号"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="4">
-            <el-form-item label-width="120px" label="车辆类型">
-              <el-input
-                v-model="formData.type"
-                placeholder="请输入车辆类型"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input
-            ></el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label-width="120px" label="使用公司"
-              ><el-input
-                v-model="formData.company_b_name"
-                placeholder="请输入使用公司"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label-width="120px" label="签约时间">
-              <el-input
-                v-model="formData.update_time"
-                placeholder="请输入签约时间"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input
-            ></el-form-item>
-          </el-col>
-        </el-row>
+        <div>
+          <el-row>
+            <el-col :span="4">
+              <el-form-item label-width="120px" label="车牌号"
+                ><el-input
+                  v-model="formData.cars_info.license"
+                  placeholder="请输入车牌号"
+                  clearable
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label-width="120px" label="车辆类型">
+                <el-input
+                  v-model="formData.type"
+                  placeholder="请输入车辆类型"
+                  clearable
+                  :style="{ width: '100%' }"
+                ></el-input
+              ></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label-width="120px" label="使用公司"
+                ><el-input
+                  v-model="formData.company_b_name"
+                  placeholder="请输入使用公司"
+                  clearable
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label-width="120px" label="签约时间">
+                <el-input
+                  v-model="formData.update_time"
+                  placeholder="请输入签约时间"
+                  clearable
+                  :style="{ width: '100%' }"
+                ></el-input
+              ></el-form-item>
+            </el-col>
+          </el-row>
+        </div>
       </el-col>
     </el-form>
-    <el-upload
-      v-if="formData.status == 0"
-      :disabled="isDisabled"
-      v-model:file-list="fileList"
-      :headers="{ Token: userStore.token }"
-      class="upload-demo"
-      :action="base_url + '/upload/file'"
-      multiple
-      :limit="1"
-      :on-success="handleAvatarSuccess_three"
+    <!-- 小组公司申请车辆 -->
+    <div
+      v-if="formData.contract_logistic_id && !formData.type"
+      class="el-card pt-6"
     >
-      <el-button :disabled="isDisabled" type="primary">上传合同</el-button>
-    </el-upload>
-    <el-button type="primary" @click="checkContract" v-if="formData.file"
-      >查看合同</el-button
+      <div class="tit">租赁信息</div>
+
+      <div style="padding: 0 2vw">
+        <el-checkbox-group
+          :max="formData.num"
+          v-model="checkList"
+          @change="handChangeFn"
+        >
+          <el-checkbox
+            :label="item.license"
+            v-for="(item, index) in formData.car_list"
+            :key="index"
+          />
+        </el-checkbox-group>
+      </div>
+    </div>
+    <div class="el-card pt-6">
+      <el-upload
+        style="display: inline-block"
+        :headers="{ Token: userStore.token }"
+        :action="base_url + '/upload/image'"
+        :on-success="handleAvatarSuccess_three"
+        :before-upload="handleBeforeUpload"
+        :limit="1"
+        v-if="formData?.status == 0"
+        :on-exceed="handleExceed"
+        ref="upload"
+      >
+        <el-button type="primary">{{
+          formData.file ? "重新上传" : "上传合同"
+        }}</el-button>
+      </el-upload>
+      <a
+        v-if="formData.file && formData?.status == 0"
+        style="margin-left: 10px; color: #4a5dff"
+        :href="formData.file"
+        target="_blank"
+        >合同已上传,点击查看</a
+      >
+      <el-button type="primary" v-if="formData.status > 0" @click="test"
+        >查看合同</el-button
+      >
+    </div>
+    <el-button type="primary" v-if="formData.status == 0" @click="create"
+      >确定</el-button
     >
   </div>
 </template>
@@ -224,6 +260,7 @@ import useUserStore from "@/stores/modules/user";
 const userStore = useUserStore();
 const router = useRouter();
 const route = useRoute();
+const checkList = ref([]);
 const formData = reactive({
   contract_logistic_id: "",
   contract_no: "",
@@ -244,6 +281,7 @@ const formData = reactive({
     id: "",
     license: "",
   },
+  car_list: [],
   type: 0,
   status: 0,
   file: "",
@@ -254,14 +292,26 @@ const formData = reactive({
   update_time: "2023-08-31 14:26:49",
   reject_message: "",
 });
+let arrs = [];
 
 const base_url = inject("base_url");
-// route.query.flag
-// console.log(route.query.id);
-// leaseContractDetail({ id: route.query.id }).then((res) => {
-//   console.log(res);
-// });
-const checkContract = () => {
+const handChangeFn = (e) => {
+  arrs = [];
+  e.map((item) => {
+    formData.car_list.forEach((element) => {
+      if (element.license == item) {
+        arrs.push(element);
+      }
+    });
+  });
+  // console.log(JSON.stringify(arrs));
+  // console.log(arrs[0].id);
+  // console.log(checkList.value);
+  // console.log(e);
+  // console.log(formData.car_list);
+  // console.log(formData.file);
+};
+const test = () => {
   window.open(formData.file, "_blank");
 };
 leaseContractDetail({ id: route.query.id }).then((res) => {
@@ -269,22 +319,24 @@ leaseContractDetail({ id: route.query.id }).then((res) => {
     formData[key] = res[key];
   }
   if (formData.company_a_id) {
-    formData.cars_info = [formData.cars_info];
+    // console.log(JSON.parse(formData.cars_info));
+    formData.cars_info = JSON.parse(formData.cars_info) || "";
   }
-  formData.type
-    ? (formData.type = "自有车辆合同")
-    : (formData.type = "租赁合同");
-  console.log(formData);
+  formData.type ? (formData.type = "自有车辆") : (formData.type = "租赁车辆");
+  // console.log(formData);
 });
 
 const handleAvatarSuccess_three = (response, uploadFile) => {
   formData.file = response.data.uri;
+};
+
+const create = () => {
   leaseUpContract({
     id: route.query.id,
-    file: response.data.uri,
+    file: formData.file,
+    cars: JSON.stringify(arrs),
   }).then((res) => {
-    // console.log(res);
-    formData.status = 1;
+    console.log(res);
   });
 };
 </script>
@@ -317,7 +369,9 @@ const handleAvatarSuccess_three = (response, uploadFile) => {
   border-radius: 6px;
   flex-shrink: 0;
 }
-
+.upload-demo {
+  display: flex;
+}
 .avatar-uploader-head .el-upload {
   width: 120px;
   height: 140px;