java_project
/
logpm_page
4
1
Fork 0
Code Issues Pull Requests Activity
Browse Source

客服

fix_bug_pro20231227
马远东 1 year ago
parent
abc59daca6
commit
364b31f151
4 changed files with 138 additions and 72 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 15
      src/views/aftersales/VueTemp.vue
  2. 156
      src/views/aftersales/VueTempAdd.vue
  3. 5
      src/views/aftersales/VueTempend.vue
  4. 34
      src/views/aftersales/aftersalesWorkOrder.vue

15
src/views/aftersales/VueTemp.vue
Unescape View File

@ -105,6 +105,7 @@
<el-tab-pane label="理赔金额未出"></el-tab-pane>
<el-tab-pane label="仲裁中"></el-tab-pane>
<el-tab-pane label="完结"></el-tab-pane>
<el-tab-pane label="超时未处理"></el-tab-pane>
</el-tabs>
</div>
<div class="content_right">
@ -218,7 +219,7 @@
<el-button @click="view(slotProps.scope)">查看</el-button>
<el-button @click="ViewEvent(slotProps.scope)">编辑</el-button>
<el-button @click="ViewEvent(slotProps.scope)">回复</el-button>
<el-button @click="ViewDelete(slotProps.scope)">删除</el-button>
<!-- <el-button @click="ViewDelete(slotProps.scope)">删除</el-button> -->
<el-button @click="CompletionButton(slotProps.scope)">完结</el-button>
</div>
</template>
@ -851,7 +852,7 @@ const dialogImageUrl = ref('');
const dialogVisible = ref(false);
const groundlineType = ref(null); //干线状态
const groundlineSet = ref(true); //干线条件都满足
const enddialog = ref(true); //完结弹窗
const enddialog = ref(false); //完结弹窗
const endFrom = ref({}); //完结弹窗表单
const screenHeight = ref(0); // 屏幕高度
const eightyPercentHeight = ref(0); // 80% 高度
@ -1510,6 +1511,12 @@ const searchHide = () => {
};
// 首页查看详情按钮
const view = val => {
$router.push({
path: '/aftersales/VueTempAdd',
query:{
id:val.id
}
});
console.log(val, '当前行数据');
FromDisabled.value = true; //禁用输入框
updateDictionary(IndexException.value, 'pc_work_order'); //异常类型
@ -1709,7 +1716,7 @@ const btnsc = val => {
/** 表格表头下拉框选择 */
const selectsc = (index, row) => {
processRowProperty(index, row, details);
if (!ProcessingPartyState.value) {
IndexTable(details.query); //首页初始化信息
@ -1828,7 +1835,7 @@ const ProcessingPartyFun = val => {
data.size = page.value.pageSize; //条数
updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型
updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节
$_getProcessor(data).then(res => {
$_getProcessor(data).then(res => {
details.loadingObj.list = false; //关闭动画加载
page.value.total = res.data.data.total; //总页数
if (res.data.data.records.length) {

156
src/views/aftersales/VueTempAdd.vue
Unescape View File

@ -39,7 +39,7 @@
</el-form-item>
<!-- 必填 -->
<el-form-item label="运单号">
<el-input v-model="Indexform.waybillNumber" placeholder="请输入云单号" clearable />
<el-input v-model="Indexform.waybillNumber" placeholder="请输入运单号" clearable />
</el-form-item>
<el-form-item label="少货件数" v-if="StateType || SelectType == 2">
@ -211,16 +211,12 @@
clearable
/>
</el-form-item>
<el-form-item label="备注信息">
<el-input v-model="Indexform.remarks" placeholder="请输入备注" clearable />
</el-form-item>
</el-form>
<!-- 必填 -->
<div class="el_clzr">
<el-form-item class="investigate" label="调查经过">
<el-input
v-model="Indexform.remarks"
v-model="Indexform.investigationPocess"
placeholder="请输入调查经过"
clearable
:rows="2"
@ -246,7 +242,7 @@
</el-form-item>
<!-- 必填 -->
<el-form-item label="责任方" >
<el-form-item label="责任方" v-if="groundlineType != 1">
<el-select v-model="Indexform.duty" clearable filterable multiple placeholder="请选择责任方">
<el-option
v-for="item in warehouseData"
@ -258,8 +254,8 @@
</el-form-item>
<!-- 提货环节 -->
<el-form-item label="提货责任方" v-if="groundlineSet || groundlineType==1">
<el-select v-model="Indexform.duty" clearable placeholder="请选提货择责任方">
<el-form-item label="责任方" v-if="groundlineSet || groundlineType == 1">
<el-select v-model="Indexform.businessMame" clearable placeholder="请选提货择责任方">
<el-option
v-for="item in responsible"
:key="item.value"
@ -270,9 +266,9 @@
</el-form-item>
</div>
<div class="Transport_damage_photos" v-if="SelectType == 1 || SelectType == 3 || StateType">
<span class="title">运损照片</span>
<span class="title">{{ SelectType == 1 ? '运损照片':SelectType == 3 ?'窜货照片':'照片' }}</span>
<el-upload
v-model="Indexform.packageImage"
v-model:file-list="Indexform.packList"
list-type="picture-card"
:on-preview="pictureList"
:on-remove="ImgListRemove"
@ -345,6 +341,7 @@
<script setup>
import { ElMessage } from 'element-plus';
import { ElMessageBox } from 'element-plus';
import { useRouter } from 'vue-router';
import { getDictionaryBiz } from '@/api/system/dict'; //字典
@ -352,7 +349,20 @@ import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataW
import { $_getList, $_submit, $_getDetail, $_remove } from '@/api/aftersales/aftersalesWorkOrder';
import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue';
import { getToken } from '@/utils/auth';
const Indexform = ref({}); //首页新增表单
const $router = useRouter();
const Indexform = ref({
packList: [
{
name: 'food.jpeg',
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100',
},
{
name: 'food.jpeg',
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100',
},
],
decreaseImageEntityList: [], //处理好的图片数据
}); //首页新增表单
const IndexException = ref([]); //异常类型下拉选择
const DiscoveringNodes = ref([]); //发现节点下拉选择
const warehouseData = ref([]); //处理方
@ -371,15 +381,15 @@ const valueStrictly = ref();
// 提货责任方
const responsible = ref([
{
value: '0',
value: '1',
label: '工厂',
},
{
value: '1',
value: '2',
label: '外包搬运',
},
{
value: '2',
value: '3',
label: '物流',
},
]);
@ -424,11 +434,11 @@ const doubledCount = computed(() => {
const ImgSuccess = (response, uploadFile) => {
if (response.success === true) {
console.log(response);
fileList.value.push({
Indexform.value['packList'].push({
name: response.data.originalName,
url: response.data.link,
});
console.log(fileList.value, '图片列表');
console.log(Indexform.value['packList'], '图片列表');
}
};
@ -507,51 +517,97 @@ const handlePictureCardPreview = uploadFile => {
};
//表单提交
const ConfirmForm = () => {
// 图片类型:10运损,20窜货
// decreaseImageEntityList:[
// {imageType:10,imageName:'图片名称',imagePath:'图片路径'},
// {imageType:10,imageName:'图片名称',imagePath:'图片路径'},
// ]
console.log(Indexform.value['packList'], '图片列表');
// 处理图片(当类型为货损或为窜货才执行下面的东西)
if (SelectType.value == 1 || SelectType.value == 3) {
if (Indexform.value['packList']) {
Indexform.value['packList'].forEach(item => {
Indexform.value['decreaseImageEntityList'].push({
imageType: SelectType.value == 1 ? 10 : SelectType.value == 3 ? 20 : '',
imageName: item.name,
imagePath: item.url,
});
});
}
}
console.log(Indexform.value['decreaseImageEntityList'], '处理好的图片');
//司机信息处理
Indexform.value.deliveryDriver = DeliveryDriver.value.find(
item => item.value == Indexform.value.deliveryDriver
).label;
if (Indexform.value.deliveryDriver) {
Indexform.value.deliveryDriver = DeliveryDriver.value.find(
item => item.value == Indexform.value.deliveryDriver
).label;
}
console.log(Indexform.value.deliveryDriver); // 输出李华
let processorEntityList = [];
//处理方信息处理
Indexform.value.processor.forEach(item => {
let found = warehouseData.value.find(element => element.value == item.toString());
processorEntityList.push({
businessName: found ? found.label : '',
businessId: item,
conditions: 1,
typesOf: 2,
if (Indexform.value.processor.length) {
Indexform.value.processor.forEach(item => {
let found = warehouseData.value.find(element => element.value == item.toString());
processorEntityList.push({
businessName: found ? found.label : '',
businessId: item,
conditions: 1,
typesOf: 2,
});
});
});
}
console.log(Indexform.value.duty.length);
//责任方信息处理
Indexform.value.duty.forEach(item => {
let found = warehouseData.value.find(element => element.value == item.toString());
processorEntityList.push({
businessName: found ? found.label : '',
businessId: item,
conditions: 1,
typesOf: 1,
if (Indexform.value.duty.length) {
Indexform.value.duty.forEach(item => {
let found = warehouseData.value.find(element => element.value == item.toString());
processorEntityList.push({
businessName: found ? found.label : '',
businessId: item,
conditions: 1,
typesOf: 1,
});
});
});
}
console.log(Indexform.value.businessMame, '提货责任方');
// 提货责任方
if (Indexform.value.businessMame) {
const found = responsible.value.find(item => item.value === Indexform.value.businessMame);
if (found) {
processorEntityList.push({
businessName: found.label,
businessId: found.id,
conditions: 1,
typesOf: 1,
});
}
}
// 提货责任方
console.log(Indexform.value.businessMame, '提货责任方');
let DataSubmit = { ...Indexform.value }; //解构表单参数
DataSubmit.processorEntityList = processorEntityList;
DataSubmit.decreaseImageEntityList = JSON.parse(
JSON.stringify(Indexform.value['decreaseImageEntityList'])
);
delete DataSubmit.duty, //移除多余字段
delete DataSubmit.processor; //移除多余字段
delete DataSubmit.packList; //移除图片原始字段
delete DataSubmit.processor; //移除多余字段
console.log(DataSubmit, '处理好的数据');
//提交表单信息
// $_submit(DataSubmit).then(res => {
// if (res.data.code == 200) {
// ElMessage({
// message: res.data.msg,
// type: 'success',
// });
// Indexform.value = {}; //重置表单
// IndexTable();
// }
// });
//提交表单信息stringify
$_submit(DataSubmit).then(res => {
if (res.data.code == 200) {
ElMessage({
message: res.data.msg,
type: 'success',
});
Indexform.value = {}; //重置表单
$router.push('/aftersales/VueTemp');//添加成功跳转到列表
}
});
};
// 少货件数对应事件
@ -716,8 +772,10 @@ const moneyBtnB = () => {
}
}
.Transport_damage_photos {
display: flex;
padding: 0 15px;
.title {
width: 100px;
display: block;
margin-bottom: 10px;
font-size: 14px;

5
src/views/aftersales/VueTempend.vue
Unescape View File

@ -28,7 +28,7 @@
</el-form-item>
<el-form-item label="异常状态">
<el-input v-model="endFrom.name" placeholder="异常状态" />
<el-input v-model="endFrom.name" disabled placeholder="异常状态" />
</el-form-item>
<div class="el_Transport">
@ -327,7 +327,7 @@ const endFrom = ref({
videoUrl: {}, //视频
});
const videoUrl = ref(null); //视频预览
const VideoPreviewStatus = ref(true); //视频预览状态
const VideoPreviewStatus = ref(false); //视频预览状态
const warehouseData = ref([]); //处理方
import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
const CompensationParty = ref([{ name: '', state: 0, num: 0, reason: '', cld: 1 }]); //收/赔
@ -759,6 +759,7 @@ const payremove = (state, val) => {
}
.notes {
width: 100%;
margin-top: 20px;
}
.Transport_damage_photos {
width: 100%;

34
src/views/aftersales/aftersalesWorkOrder.vue
Unescape View File

@ -476,25 +476,25 @@ export default {
console.log("数据????>>",processorEntityList);
this.form.processorEntityList = processorEntityList;
console.log(this.form,'处理好的数据');
add(this.form).then(() => {
// this.box = false;
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!"
});
});
// add(this.form).then(() => {
// // this.box = false;
// this.onLoad(this.page);
// this.$message({
// type: "success",
// message: "操作成功!"
// });
// });
} else {
update(this.form).then(() => {
this.box = false;
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!"
});
})
// update(this.form).then(() => {
// this.box = false;
// this.onLoad(this.page);
// this.$message({
// type: "success",
// message: "操作成功!"
// });
// })
}
},
handleAdd(){

Write Preview
Loading…
Cancel
Save