md
This commit is contained in:
parent
9b777f79e0
commit
a4e593f1f5
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<SearchForm :model="queryParams" ref="queryForm" size="small" :maxShow="3" label-width="68px" v-show="showSearch" @search="handleQuery" @reset="resetQuery">
|
<SearchForm :model="queryParams" ref="queryForm" size="mini" :maxShow="3" label-width="68px" v-show="showSearch" @search="handleQuery" @reset="resetQuery">
|
||||||
|
|
||||||
<el-form-item label="" prop="packNo">
|
<el-form-item label="" prop="packNo">
|
||||||
<el-input
|
<el-input
|
||||||
@ -10,14 +10,7 @@
|
|||||||
@keyup.enter.native="handleQuery"
|
@keyup.enter.native="handleQuery"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="" prop="packStatus">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.packStatus"
|
|
||||||
:placeholder="$t('合包状态')"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="" prop="printStatus">
|
<el-form-item label="" prop="printStatus">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="queryParams.printStatus"
|
v-model="queryParams.printStatus"
|
||||||
@ -31,7 +24,7 @@
|
|||||||
|
|
||||||
<XdTable v-loading="loading"
|
<XdTable v-loading="loading"
|
||||||
border stripe
|
border stripe
|
||||||
size="small"
|
size="mini"
|
||||||
:data="emisTmsPackList"
|
:data="emisTmsPackList"
|
||||||
:showSearch.sync="showSearch"
|
:showSearch.sync="showSearch"
|
||||||
:queryParams="queryParams"
|
:queryParams="queryParams"
|
||||||
@ -47,24 +40,31 @@
|
|||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
plain
|
plain
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
size="mini"
|
||||||
@click="handleAdd"
|
@click="handleAdd"
|
||||||
v-hasPermi="['emis:emisTmsPack:add']"
|
v-hasPermi="['emis:emisTmsPack:add']"
|
||||||
>新增</el-button>
|
>新增合包条码</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<!--
|
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button
|
||||||
type="success"
|
type="primary"
|
||||||
plain
|
plain
|
||||||
icon="el-icon-edit"
|
|
||||||
size="mini"
|
size="mini"
|
||||||
:disabled="single"
|
:disabled="multiple"
|
||||||
@click="handleUpdate"
|
@click="handlePrintPreview"
|
||||||
v-hasPermi="['emis:emisTmsPack:edit']"
|
v-hasPermi="['emis:emisTmsPack:edit']"
|
||||||
>修改</el-button>
|
>预览合包条码</el-button>
|
||||||
</el-col> -->
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
size="mini"
|
||||||
|
:disabled="multiple"
|
||||||
|
@click="handlePrintPreview"
|
||||||
|
v-hasPermi="['emis:emisTmsPack:edit']"
|
||||||
|
>打印合包条码</el-button>
|
||||||
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button
|
||||||
type="danger"
|
type="danger"
|
||||||
@ -76,83 +76,32 @@
|
|||||||
v-hasPermi="['emis:emisTmsPack:remove']"
|
v-hasPermi="['emis:emisTmsPack:remove']"
|
||||||
>删除</el-button>
|
>删除</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<!-- <el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<TanexPrinterPanel ref="tanexPrinter" :isShowPinters="false" :isShowTpl="false" :isShowSubBillRange="false" @onPrint="handleBatchPrint"></TanexPrinterPanel>
|
||||||
type="warning"
|
</el-col>
|
||||||
plain
|
|
||||||
icon="el-icon-download"
|
|
||||||
size="mini"
|
|
||||||
@click="handleExport"
|
|
||||||
v-hasPermi="['emis:emisTmsPack:export']"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col> -->
|
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<!--
|
|
||||||
<el-table-column label="序号" align="center" min-width="60">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-text="getIndex(scope.$index)"> </span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column label="xxx" align="left" prop="xxx" min-width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<div class="link-type" @click="handleView(scope.row)">{{scope.row.orderSn}}</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column label="结算状态" align="center" prop="settleStatus" :sort-orders="['descending','ascending']" sortable="custom" min-width="80">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<div v-if="scope.row.settleStatus == 0" style="color:red;">
|
|
||||||
<span class="el-tag el-tag--info">未结算</span>
|
|
||||||
</div>
|
|
||||||
<div v-if="scope.row.settleStatus == 10" style="color:red;">
|
|
||||||
<span class="el-tag">待确认</span>
|
|
||||||
</div>
|
|
||||||
<div v-if="scope.row.settleStatus == 11" style="color:green;">
|
|
||||||
<span class="el-tag el-tag--success el-tag--light">已确认</span>
|
|
||||||
</div>
|
|
||||||
<div v-if="scope.row.settleStatus == 20" >
|
|
||||||
<span class="el-tag el-tag--warning el-tag--light">待打款</span>
|
|
||||||
</div>
|
|
||||||
<div v-if="scope.row.settleStatus == 21" style="color:green;">
|
|
||||||
<span class="el-tag el-tag--success el-tag--light">已打款</span>
|
|
||||||
</div>
|
|
||||||
<div v-if="scope.row.settleStatus == 40" style="color:red;">
|
|
||||||
<span class="el-tag el-tag--danger">已拒绝</span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
-->
|
|
||||||
|
|
||||||
<el-table-column :label="$t('合包号')" align="center" prop="packNo" min-width="100" />
|
<el-table-column :label="$t('合包号')" align="center" prop="packNo" min-width="100" />
|
||||||
<el-table-column :label="$t('发出网点')" align="center" prop="sendStiteCode" min-width="100" />
|
<!-- <el-table-column :label="$t('发出网点')" align="center" prop="sendStiteCode" min-width="100" /> -->
|
||||||
<el-table-column :label="$t('合包状态')" align="center" prop="packStatus" min-width="100" />
|
<!-- <el-table-column :label="$t('合包状态')" align="center" prop="packStatus" min-width="100" /> -->
|
||||||
<el-table-column :label="$t('打印状态')" align="center" prop="printStatus" min-width="100" />
|
<el-table-column :label="$t('打印状态')" align="center" prop="printStatus" min-width="100" >
|
||||||
<el-table-column :label="$t('创建者')" align="center" prop="createBy" min-width="100" />
|
|
||||||
<el-table-column :label="$t('创建时间')" align="center" prop="createTime" min-width="100" />
|
|
||||||
<el-table-column :label="$t('创建网点')" align="center" prop="createSite" min-width="100" />
|
|
||||||
<el-table-column :label="$t('操作')" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<div v-if="scope.row.printStatus == 1" style="color:red;">
|
||||||
size="mini"
|
<span class="el-tag el-tag--success">已打印</span>
|
||||||
type="text"
|
</div>
|
||||||
icon="el-icon-edit"
|
<div v-if="scope.row.printStatus == 0" style="color:red;">
|
||||||
@click="handleUpdate(scope.row)"
|
<span class="el-tag">待打印</span>
|
||||||
v-hasPermi="['emis:emisTmsPack:edit']"
|
</div>
|
||||||
>修改</el-button>
|
|
||||||
<!--
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
v-hasPermi="['emis:emisTmsPack:remove']"
|
|
||||||
>删除</el-button> -->
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column :label="$t('创建者')" align="center" prop="createByName" min-width="100" />
|
||||||
|
<el-table-column :label="$t('创建时间')" align="center" prop="createTime" min-width="100" />
|
||||||
|
<el-table-column :label="$t('创建网点')" align="center" prop="createSiteName" min-width="100" />
|
||||||
|
|
||||||
</XdTable>
|
</XdTable>
|
||||||
|
|
||||||
<el-dialog :title="titleForm" :visible.sync="openForm" width="50%" :destroy-on-close="true" v-dialogDrag append-to-body>
|
<el-dialog :title="titleForm" :visible.sync="openForm" width="50%" :destroy-on-close="true" v-dialogDrag append-to-body>
|
||||||
@ -160,11 +109,6 @@
|
|||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
|
|
||||||
<!--
|
|
||||||
<el-dialog :title="titleView" :visible.sync="openView" width="60%" :close-on-click-modal="false" v-dialogDrag append-to-body>
|
|
||||||
<emisTmsPackView :id="id" ></EmisTmsPackView>
|
|
||||||
</el-dialog>
|
|
||||||
-->
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -218,7 +162,7 @@ export default {
|
|||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 20,
|
pageSize: 20,
|
||||||
packNo: null,
|
packNo: null,
|
||||||
packStatus: null,
|
packStatus: '0',
|
||||||
printStatus: null,
|
printStatus: null,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
@ -227,23 +171,41 @@ export default {
|
|||||||
this.getList();
|
this.getList();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
handleBatchPrint(){
|
||||||
|
this.$confirm("确定打印?", "提示", {
|
||||||
|
cancelButtonText: "不打印",
|
||||||
|
confirmButtonText: "确定打印",
|
||||||
|
type: "warning",
|
||||||
|
distinguishCancelAndClose: true,
|
||||||
|
closeOnClickModal: false
|
||||||
|
}).then(() => {
|
||||||
|
let orderList=[];
|
||||||
|
this.currentSelection.forEach(item=>{
|
||||||
|
orderList.push(item.billCode);
|
||||||
|
});
|
||||||
|
this.$refs.tanexPrinter.batchPrint(orderList,null,true);
|
||||||
|
}).catch(() => {});
|
||||||
|
|
||||||
|
},
|
||||||
|
handlePrintPreview(){
|
||||||
|
let orderList=[];
|
||||||
|
this.currentSelection.forEach(item=>{
|
||||||
|
orderList.push(item.billCode);
|
||||||
|
});
|
||||||
|
this.$refs.tanexPrinter.printPreview(orderList,true);
|
||||||
|
},
|
||||||
|
handleDownPDF(){
|
||||||
|
let orderList=[];
|
||||||
|
this.currentSelection.forEach(item=>{
|
||||||
|
orderList.push(item.billCode);
|
||||||
|
});
|
||||||
|
this.$refs.tanexPrinter.downPDF(orderList,true);
|
||||||
|
},
|
||||||
/** 查询TMS合包列表 */
|
/** 查询TMS合包列表 */
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
this.queryParams.params = {};
|
|
||||||
if (null != this.daterangePrintDate && '' != this.daterangePrintDate) {
|
listEmisTmsPack(this.queryParams).then(response => {
|
||||||
this.queryParams.params["beginPrintDate"] = this.daterangePrintDate[0];
|
|
||||||
this.queryParams.params["endPrintDate"] = this.daterangePrintDate[1];
|
|
||||||
}
|
|
||||||
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
|
|
||||||
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
|
|
||||||
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
|
|
||||||
}
|
|
||||||
if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
|
|
||||||
this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
|
|
||||||
this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
|
|
||||||
}
|
|
||||||
listEmisTmsPack(this.addDateRange(this.queryParams, this.dateTimeRange)).then(response => {
|
|
||||||
this.emisTmsPackList = response.rows;
|
this.emisTmsPackList = response.rows;
|
||||||
this.total = response.total;
|
this.total = response.total;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
|
|||||||
@ -73,7 +73,7 @@
|
|||||||
type="primary"
|
type="primary"
|
||||||
plain
|
plain
|
||||||
size="mini"
|
size="mini"
|
||||||
v-hasPermi="['emis:emisTmsSiteBatchLoading:query']"
|
v-hasPermi="['emis:emisTmsSiteBatch:query']"
|
||||||
@click="getQuery"
|
@click="getQuery"
|
||||||
>查询</el-button>
|
>查询</el-button>
|
||||||
<el-button style="margin-right: 5px;"
|
<el-button style="margin-right: 5px;"
|
||||||
@ -82,7 +82,7 @@
|
|||||||
icon="el-icon-plus"
|
icon="el-icon-plus"
|
||||||
size="mini"
|
size="mini"
|
||||||
@click="handleAdd"
|
@click="handleAdd"
|
||||||
v-hasPermi="['emis:emisTmsSiteBatchLoading:add']"
|
v-hasPermi="['emis:emisTmsSiteBatch:add']"
|
||||||
>去组批次</el-button>
|
>去组批次</el-button>
|
||||||
<!-- <el-button style="margin-right: 5px;"
|
<!-- <el-button style="margin-right: 5px;"
|
||||||
type="primary"
|
type="primary"
|
||||||
@ -90,7 +90,7 @@
|
|||||||
icon="el-icon-plus"
|
icon="el-icon-plus"
|
||||||
size="mini"
|
size="mini"
|
||||||
@click="handleAdd"
|
@click="handleAdd"
|
||||||
v-hasPermi="['emis:emisTmsSiteBatchLoading:add']"
|
v-hasPermi="['emis:emisTmsSiteBatch:add']"
|
||||||
>新增组批次</el-button> -->
|
>新增组批次</el-button> -->
|
||||||
<el-button style="margin-right: 5px;"
|
<el-button style="margin-right: 5px;"
|
||||||
type="danger"
|
type="danger"
|
||||||
@ -98,7 +98,7 @@
|
|||||||
size="mini"
|
size="mini"
|
||||||
:disabled="single"
|
:disabled="single"
|
||||||
@click="handleUpdate"
|
@click="handleUpdate"
|
||||||
v-hasPermi="['emis:emisTmsSiteBatchLoading:remove']"
|
v-hasPermi="['emis:emisTmsSiteBatch:edit']"
|
||||||
>修改</el-button>
|
>修改</el-button>
|
||||||
<el-button style="margin-right: 5px;"
|
<el-button style="margin-right: 5px;"
|
||||||
type="danger"
|
type="danger"
|
||||||
@ -107,7 +107,7 @@
|
|||||||
size="mini"
|
size="mini"
|
||||||
:disabled="multiple"
|
:disabled="multiple"
|
||||||
@click="handleDeleteCoPack"
|
@click="handleDeleteCoPack"
|
||||||
v-hasPermi="['emis:emisTmsSiteBatchLoading:remove']"
|
v-hasPermi="['emis:emisTmsSiteBatch:remove']"
|
||||||
>删除</el-button>
|
>删除</el-button>
|
||||||
<el-button style="margin-right: 5px;"
|
<el-button style="margin-right: 5px;"
|
||||||
type="warning"
|
type="warning"
|
||||||
@ -115,7 +115,7 @@
|
|||||||
icon="el-icon-download"
|
icon="el-icon-download"
|
||||||
size="mini"
|
size="mini"
|
||||||
@click="handleAdd"
|
@click="handleAdd"
|
||||||
v-hasPermi="['emis:emisTmsSiteBatchLoading:export']"
|
v-hasPermi="['emis:emisTmsSiteBatch:export']"
|
||||||
>下载批次文件</el-button>
|
>下载批次文件</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -363,7 +363,7 @@
|
|||||||
<el-col :span="16">
|
<el-col :span="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label="$t('批次号')" prop="batchNo">
|
<el-form-item :label="$t('批次号')" prop="batchNo">
|
||||||
<el-input v-model="coData.batchNo" disabled />
|
<el-input v-model="coData.batchNo" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
@ -667,7 +667,7 @@
|
|||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
|
|
||||||
<el-dialog :title="titleWayBill" :visible.sync="openWayBillForm" width="70%" @close="handleCloseWayBill" :destroy-on-close="true" v-dialogDrag append-to-body>
|
<el-dialog :title="titleWayBill" :visible.sync="openWayBillForm" width="90%" @close="handleCloseWayBill" :destroy-on-close="true" v-dialogDrag append-to-body>
|
||||||
<el-form ref="formCo" size="mini" :model="wayBillData" label-width="100px" class="overflowhidden" >
|
<el-form ref="formCo" size="mini" :model="wayBillData" label-width="100px" class="overflowhidden" >
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
|
|||||||
@ -19,8 +19,10 @@
|
|||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||||
<el-button @click="cancel">取 消</el-button>
|
<el-button @click="cancel">取 消</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
<el-scrollbar class="kr-designer-tool_con">
|
||||||
<CommentPanel ></CommentPanel>
|
<panel class="control-panel" />
|
||||||
|
<CommentPanel :billCode="billCode" ></CommentPanel>
|
||||||
|
</el-scrollbar>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -34,7 +36,7 @@ export default {
|
|||||||
props:{
|
props:{
|
||||||
promInfo:{
|
promInfo:{
|
||||||
type:Object
|
type:Object
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
components: { CommentPanel },
|
components: { CommentPanel },
|
||||||
dicts: [
|
dicts: [
|
||||||
@ -44,6 +46,7 @@ export default {
|
|||||||
emisWaybillProblemFaqOptions: [],
|
emisWaybillProblemFaqOptions: [],
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
loading: true,
|
loading: true,
|
||||||
|
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {},
|
form: {},
|
||||||
// 表单校验
|
// 表单校验
|
||||||
@ -78,16 +81,19 @@ export default {
|
|||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
initData() {
|
initData() {
|
||||||
|
|
||||||
if(this.id !=null) {
|
|
||||||
this.loading = true;
|
|
||||||
getEmisWaybillProblemFaq(this.id).then(response => {
|
|
||||||
this.form = response.data;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
}else{
|
|
||||||
this.reset();
|
this.reset();
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
// if(this.id !=null) {
|
||||||
|
// this.loading = true;
|
||||||
|
// getEmisWaybillProblemFaq(this.id).then(response => {
|
||||||
|
// this.form = response.data;
|
||||||
|
// this.loading = false;
|
||||||
|
// });
|
||||||
|
// }else{
|
||||||
|
|
||||||
|
// }
|
||||||
// this.getTreeselect();
|
// this.getTreeselect();
|
||||||
},
|
},
|
||||||
// 取消按钮
|
// 取消按钮
|
||||||
@ -121,18 +127,11 @@ export default {
|
|||||||
submitForm() {
|
submitForm() {
|
||||||
this.$refs["form"].validate(valid => {
|
this.$refs["form"].validate(valid => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
if (this.form.id != null) {
|
|
||||||
updateEmisWaybillProblemFaq(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.$emit("on-changed");
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addEmisWaybillProblemFaq(this.form).then(response => {
|
addEmisWaybillProblemFaq(this.form).then(response => {
|
||||||
this.$modal.msgSuccess("修改成功");
|
this.$modal.msgSuccess("新增成功");
|
||||||
this.$emit("on-changed");
|
this.$emit("on-changed");
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// /** 转换菜单数据结构 */
|
// /** 转换菜单数据结构 */
|
||||||
|
|||||||
178
src/views/emis/emisWaybillProblemFaq/commentPanel.vue
Normal file
178
src/views/emis/emisWaybillProblemFaq/commentPanel.vue
Normal file
@ -0,0 +1,178 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div v-for="(item,index) in emisWaybillProblemFaqList" :key="index" class="author-title reply-father">
|
||||||
|
<div class="author-info">
|
||||||
|
<span class="author-name">{{item.name}}</span>
|
||||||
|
<span class="author-time">{{item.time}}</span>
|
||||||
|
</div>
|
||||||
|
<div class="talk-box">
|
||||||
|
<p>
|
||||||
|
<span class="reply">{{item.content}}</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { listEmisWaybillProblemFaq } from "@/api/emis/emisWaybillProblemFaq";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name:'CommentPanel',
|
||||||
|
props:{
|
||||||
|
billCode:{
|
||||||
|
type:String
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data(){
|
||||||
|
return{
|
||||||
|
emisWaybillProblemFaqList: [],
|
||||||
|
// comments:[
|
||||||
|
// {
|
||||||
|
// name:'张三',
|
||||||
|
// comment:'测试回复',
|
||||||
|
// time:'2024-06-19 12:58:03',
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// name:'李四',
|
||||||
|
// comment:'测试回复',
|
||||||
|
// time:'2024-06-19 12:58:03',
|
||||||
|
// },
|
||||||
|
|
||||||
|
// ],
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 20,
|
||||||
|
billCode: this.billCode
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getList() {
|
||||||
|
|
||||||
|
|
||||||
|
listEmisWaybillProblemFaq(this.queryParams).then(response => {
|
||||||
|
this.emisWaybillProblemFaqList = response.rows;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.my-reply {
|
||||||
|
padding: 10px;
|
||||||
|
background-color: #fafbfc;
|
||||||
|
.header-img {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reply-info {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 5px;
|
||||||
|
width: 90%;
|
||||||
|
@media screen and (max-width: 1200px) {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
.reply-input {
|
||||||
|
min-height: 20px;
|
||||||
|
line-height: 22px;
|
||||||
|
padding: 10px 10px;
|
||||||
|
color: #ccc;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
&:empty:before {
|
||||||
|
content: attr(placeholder);
|
||||||
|
}
|
||||||
|
&:focus:before {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
&:focus {
|
||||||
|
padding: 8px 8px;
|
||||||
|
border: 2px solid blue;
|
||||||
|
box-shadow: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.reply-btn-box {
|
||||||
|
height: 25px;
|
||||||
|
margin: 10px 0;
|
||||||
|
.reply-btn {
|
||||||
|
position: relative;
|
||||||
|
float: right;
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.my-comment-reply {
|
||||||
|
margin-left: 50px;
|
||||||
|
.reply-input {
|
||||||
|
width: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-title:not(:last-child) {
|
||||||
|
border-bottom: 1px solid rgba(178, 186, 194, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-title {
|
||||||
|
padding: 10px;
|
||||||
|
.header-img {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.author-info {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 5px;
|
||||||
|
width: 60%;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 20px;
|
||||||
|
> span {
|
||||||
|
display: block;
|
||||||
|
cursor: pointer;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.author-name {
|
||||||
|
color: #000;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-time {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.icon-btn {
|
||||||
|
width: 30%;
|
||||||
|
padding: 0 !important ;
|
||||||
|
float: right;
|
||||||
|
@media screen and (max-width: 1200px) {
|
||||||
|
width: 20%;
|
||||||
|
padding: 7px;
|
||||||
|
}
|
||||||
|
> span {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.iconfont {
|
||||||
|
margin: 0 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.talk-box {
|
||||||
|
margin: 0 10px;
|
||||||
|
> p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.reply {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.reply-box {
|
||||||
|
margin: 10px 0 0 50px;
|
||||||
|
background-color: #efefef;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue
Block a user