调整三轮车合同
This commit is contained in:
weipengfei
parent
23a0ef26bd
commit
c8e3406afd
@ -246,8 +246,11 @@
|
||||
target="_blank"
|
||||
>合同已上传,点击查看</a
|
||||
>
|
||||
<el-button type="primary" v-if="formData.status > 0" @click="test"
|
||||
>查看合同</el-button
|
||||
<a
|
||||
style="margin-left: 10px; color: #4a5dff"
|
||||
:href="formData.file"
|
||||
v-if="formData.status > 0"
|
||||
>查看合同</a
|
||||
>
|
||||
</div>
|
||||
<el-button type="primary" v-if="formData.status == 0" @click="create"
|
||||
@ -306,12 +309,6 @@ const handChangeFn = (e) => {
|
||||
}
|
||||
});
|
||||
});
|
||||
// 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");
|
||||
@ -320,12 +317,7 @@ leaseContractDetail({ id: route.query.id }).then((res) => {
|
||||
for (let key in formData) {
|
||||
formData[key] = res[key];
|
||||
}
|
||||
if (formData.company_a_id) {
|
||||
// console.log(JSON.parse(formData.cars_info));
|
||||
// formData.cars_info = JSON.parse(formData.cars_info) || "";
|
||||
}
|
||||
formData.type ? (formData.type = "自有车辆") : (formData.type = "租赁车辆");
|
||||
console.log(formData.type);
|
||||
});
|
||||
|
||||
const handleAvatarSuccess_three = (response, uploadFile) => {
|
||||
@ -338,7 +330,10 @@ const create = () => {
|
||||
file: formData.file,
|
||||
cars: JSON.stringify(arrs),
|
||||
}).then((res) => {
|
||||
console.log(res);
|
||||
setTimeout(() => {
|
||||
router.go(-1);
|
||||
}, 1000);
|
||||
// console.log(res);
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -42,7 +42,7 @@
|
||||
<el-table-column label="id" prop="id" />
|
||||
<el-table-column label="合同类型" align="center">
|
||||
<template #default="{ row }">
|
||||
{{ statusFn(row.type) }}
|
||||
{{ typeFn(row.type) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@ -71,6 +71,12 @@
|
||||
>
|
||||
<template #default="{ row }"> 公司 </template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="租车数量(辆)"
|
||||
prop="num"
|
||||
align="center"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column
|
||||
label="状态"
|
||||
prop="product_count"
|
||||
@ -78,7 +84,9 @@
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template #default="{ row }">
|
||||
{{ row.status ? "已上传" : "待上传" }}
|
||||
<span :style="`color:${statusFn(row.status).color}`">
|
||||
{{ statusFn(row.status).tit }}</span
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@ -88,7 +96,28 @@
|
||||
fixed="right"
|
||||
>
|
||||
<template #default="{ row }">
|
||||
<el-button type="primary" link>
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
v-perms="['contract.contract/wind_control']"
|
||||
v-if="row.status == 0"
|
||||
>
|
||||
<router-link
|
||||
:to="{
|
||||
path: 'vehicle_detail',
|
||||
query: {
|
||||
id: row.id,
|
||||
},
|
||||
}"
|
||||
>审核</router-link
|
||||
>
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
v-perms="['contract.contract/wind_control']"
|
||||
v-if="row.status > 0"
|
||||
>
|
||||
<router-link
|
||||
:to="{
|
||||
path: 'vehicle_detail',
|
||||
@ -99,7 +128,29 @@
|
||||
>详情</router-link
|
||||
>
|
||||
</el-button>
|
||||
<el-button v-if="row.status >= 3" type="primary" link>
|
||||
<!-- <el-button
|
||||
v-if="row.status == 1"
|
||||
type="primary"
|
||||
link
|
||||
@click="sendContractPopFn(row.id)"
|
||||
>发送合同</el-button
|
||||
> -->
|
||||
<el-button
|
||||
v-if="row.status == 1 && row.contract_logistic_id != 0"
|
||||
type="primary"
|
||||
link
|
||||
@click="sendContractPopFn(row.id)"
|
||||
>发送合同</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="row.status == 2"
|
||||
:disabled="row.nums > 0"
|
||||
@click="sendAgaintPopFn(row.id)"
|
||||
link
|
||||
type="primary"
|
||||
>重新发送{{ row.nums ? row.nums + "s" : "" }}</el-button
|
||||
>
|
||||
<el-button v-if="row.status == 3" type="primary" link>
|
||||
<a :href="JSON.parse(row.contract_evidence).party_a"
|
||||
>下载证据</a
|
||||
>
|
||||
@ -112,92 +163,125 @@
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
<edit-popup
|
||||
<!-- <edit-popup
|
||||
v-if="showEdit"
|
||||
ref="editRef"
|
||||
@success="getLists"
|
||||
@close="showEdit = false"
|
||||
/>
|
||||
/> -->
|
||||
<el-dialog v-model="showPop" @close="offPop">
|
||||
<h1>重要提醒</h1>
|
||||
<!-- <div class="content" v-if="showConctactPop"> -->
|
||||
<div class="content" v-if="!sendAgainPop">
|
||||
请确认信息是否有误,发送合同,请确认信息是否有误,发送电子合同后短时间内将不可再次发送.
|
||||
</div>
|
||||
<div class="content" v-else>
|
||||
确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
|
||||
</div>
|
||||
<p class="btn_menu">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="large"
|
||||
v-if="!sendAgainPop"
|
||||
@click="sendContractFn"
|
||||
>确认</el-button
|
||||
>
|
||||
<el-button type="primary" size="large" v-else @click="sendAgain"
|
||||
>重新发送</el-button
|
||||
>
|
||||
<el-button type="info" size="large" @click="offPop">返回</el-button>
|
||||
</p>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="flowTypeLists">
|
||||
import { usePaging } from "@/hooks/usePaging";
|
||||
import { useDictData } from "@/hooks/useDictOptions";
|
||||
// import { contractList, sendContract } from "@/api/contract";
|
||||
import { leaseContractList } from "@/api/contract";
|
||||
// 测试
|
||||
// import EditPopup from "./edit.vue";
|
||||
// let obj = [
|
||||
// {
|
||||
// cunid: 1,
|
||||
// zhgn: [
|
||||
// {
|
||||
// zhengid: 1,
|
||||
// dui: [1, 2, 3],
|
||||
// },
|
||||
import { sendContract, sendMsg } from "@/api/car_contract";
|
||||
import feedback from "@/utils/feedback";
|
||||
// 发送合同与重新发送(弹窗)
|
||||
|
||||
// {
|
||||
// zhengid: 2,
|
||||
// dui: [1, 2, 3],
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// cunid: 3,
|
||||
// zhgn: [
|
||||
// {
|
||||
// zhengid: 1,
|
||||
// dui: [1, 2, 3],
|
||||
// },
|
||||
const index = ref(0);
|
||||
// 发送合同的id
|
||||
var contractId = 0;
|
||||
const showPop = ref(false);
|
||||
const sendAgainPop = ref(false);
|
||||
const sendAgain = () => {
|
||||
sendMsg({ id: contractId }).then((res) => {
|
||||
var inde = pager.lists.findIndex(function (element) {
|
||||
return element.id === contractId;
|
||||
});
|
||||
index.value = inde;
|
||||
pager.lists[index.value].nums = 10;
|
||||
timeFn(index.value);
|
||||
});
|
||||
};
|
||||
const timeFn = (i: number) => {
|
||||
const timers = setInterval(() => {
|
||||
pager.lists[i].nums--;
|
||||
if (pager.lists[i].nums <= 0) {
|
||||
clearInterval(timers);
|
||||
}
|
||||
}, 1000);
|
||||
};
|
||||
const sendContractPopFn = (id: number) => {
|
||||
(showPop.value = true), (sendAgainPop.value = true), (contractId = id);
|
||||
};
|
||||
const sendAgaintPopFn = (id: number) => {
|
||||
(showPop.value = true), (contractId = id);
|
||||
};
|
||||
const sendContractFn = () => {
|
||||
sendContract({ id: contractId }).then((res) => {
|
||||
feedback.msgSuccess("发送成功");
|
||||
var inde = pager.lists.findIndex(function (element) {
|
||||
return element.id === contractId;
|
||||
});
|
||||
index.value = inde;
|
||||
showPop.value = false;
|
||||
pager.lists[index.value].status = 2;
|
||||
pager.lists[index.value].nums = 10;
|
||||
timeFn(index.value);
|
||||
});
|
||||
};
|
||||
|
||||
const offPop = () => {
|
||||
showPop.value = false;
|
||||
// showConctactPop.value = false;
|
||||
};
|
||||
|
||||
// {
|
||||
// zhengid: 2,
|
||||
// dui: [1, 2, 3],
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// ];
|
||||
interface User {
|
||||
date: string;
|
||||
name: string;
|
||||
address: string;
|
||||
tag: string;
|
||||
}
|
||||
// const sendContractFn = (id: number) => {
|
||||
// sendContract({ id }).then((res) => {
|
||||
// console.log(res);
|
||||
// });
|
||||
// };
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>();
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false);
|
||||
// 查询条件
|
||||
// 'order_sn' =>订单编号,'shop_name'=> 商家名称,'shop_phone' => 商家电话,'shop_address' => 商家地址,'user_name' => 收件人名称,'user_address' => 收件人地址,'user_phone' =>收件人电话
|
||||
const queryParams = reactive({
|
||||
company_name: "",
|
||||
contract_no: "",
|
||||
status: "",
|
||||
});
|
||||
const statusFn = (status: number) => {
|
||||
switch (status) {
|
||||
case 0:
|
||||
return { tit: "待上传", color: "rgb(238, 190, 119)" };
|
||||
case 1:
|
||||
return { tit: "已上传", color: "rgb(103, 194, 58)" };
|
||||
case 2:
|
||||
return { tit: "签约中", color: "red" };
|
||||
case 3:
|
||||
return { tit: "已签约", color: "rgb(103, 194, 58)" };
|
||||
// default:
|
||||
// return { tit: "审核通过", color: "green" };
|
||||
}
|
||||
};
|
||||
const typeFn = (status: number) => {
|
||||
switch (status) {
|
||||
case 0:
|
||||
return "租赁合同";
|
||||
break;
|
||||
|
||||
case 1:
|
||||
return "自由车辆合同";
|
||||
break;
|
||||
|
||||
case 2:
|
||||
return "解除合同";
|
||||
break;
|
||||
case 3:
|
||||
return "签约成功";
|
||||
break;
|
||||
case 4:
|
||||
return "被驳回";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
};
|
||||
// 选中数据
|
||||
@ -207,9 +291,7 @@ const selectData = ref<any[]>([]);
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
selectData.value = val.map(({ id }) => id);
|
||||
};
|
||||
const filterHandler = (value: string, row: any, column: any) => {
|
||||
return row.status == value;
|
||||
};
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData("");
|
||||
// 分页相关
|
||||
@ -217,10 +299,36 @@ const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: leaseContractList,
|
||||
params: queryParams,
|
||||
});
|
||||
const handleView = async (data: any) => {
|
||||
showEdit.value = true;
|
||||
await nextTick();
|
||||
editRef.value?.open(data.id);
|
||||
};
|
||||
|
||||
getLists();
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.btn {
|
||||
position: absolute;
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 30px;
|
||||
color: red;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.content {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.info {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.btn_menu {
|
||||
margin-top: 10vh;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user