forked from angelo/web-retail-admin
feat(emptyOrder): 空单注册移除产品及收货信息列
This commit is contained in:
parent
e6b6fc5a7c
commit
0f1383fc71
|
@ -602,192 +602,7 @@
|
|||
<div v-else>{{ scope.row.transferAchieve }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
prop="productflag"
|
||||
label="选购产品"
|
||||
>
|
||||
<template slot="header" slot-scope="scope">
|
||||
<div>选购产品</div>
|
||||
<el-select
|
||||
v-model="changeData.productflag"
|
||||
:placeholder="'请选择'"
|
||||
@change="setProductflag($event)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in yesNo"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-select
|
||||
v-if="changeIndex == scope.$index"
|
||||
v-model="scope.row.productflag"
|
||||
:disabled="scope.row.settlementFlag == 1"
|
||||
:placeholder="'请选择'"
|
||||
@change="setProductflag($event, scope.$index)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in yesNo"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
<div v-else>{{ scope.row.productFlagVal }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="350"
|
||||
prop="pkProduct"
|
||||
label="产品信息"
|
||||
>
|
||||
<template slot="header" slot-scope="scope">
|
||||
<div>产品信息</div>
|
||||
<!-- <div style="
|
||||
color: #48b2fd;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
">添加产品</div> -->
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<div
|
||||
v-if="
|
||||
scope.row.settlementFlag == 0 && scope.row.productflag == 0
|
||||
"
|
||||
>
|
||||
<div
|
||||
v-for="(item, index) in scope.row.productList"
|
||||
:key="index"
|
||||
class="disFlex"
|
||||
>
|
||||
<div style="margin-right: 10px">{{ item.productName }}</div>
|
||||
<div style="margin-right: 10px">{{ item.specsName }}</div>
|
||||
<div>*{{ item.quantity }}</div>
|
||||
<i
|
||||
class="el-icon-remove-outline"
|
||||
style="font-size: 18px; margin-left: 5px; color: #48b2fd"
|
||||
@click.stop="delData(scope.$index, index)"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
color: #48b2fd;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
"
|
||||
@click="getProduct(scope.$index)"
|
||||
>
|
||||
添加产品
|
||||
</div>
|
||||
</div>
|
||||
<div v-else />
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
prop="recName"
|
||||
label="收货人"
|
||||
>
|
||||
<template slot="header" slot-scope="scope">
|
||||
<div>收货人</div>
|
||||
<el-input v-model="changeData.recName" clearable />
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="changeIndex == scope.$index"
|
||||
v-model="scope.row.recName"
|
||||
clearable
|
||||
:disabled="
|
||||
scope.row.settlementFlag == 1 || scope.row.productflag == 1
|
||||
"
|
||||
/>
|
||||
<div v-else>{{ scope.row.recName }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
prop="recPhone"
|
||||
label="联系方式"
|
||||
>
|
||||
<template slot="header" slot-scope="scope">
|
||||
<div>联系方式</div>
|
||||
<el-input v-model="changeData.recPhone" clearable />
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="changeIndex == scope.$index"
|
||||
v-model="scope.row.recPhone"
|
||||
clearable
|
||||
:disabled="
|
||||
scope.row.settlementFlag == 1 || scope.row.productflag == 1
|
||||
"
|
||||
/>
|
||||
<div v-else>{{ scope.row.recPhone }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
prop="recProvince"
|
||||
label="省/市/区/县"
|
||||
>
|
||||
<template slot="header" slot-scope="scope">
|
||||
<div>省/市/区/县</div>
|
||||
<el-cascader
|
||||
v-model="changeData.addressAll"
|
||||
:options="areaData"
|
||||
:placeholder="'请选择省市区'"
|
||||
:props="regionParams"
|
||||
@change="getDizhiAll($event)"
|
||||
/>
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-cascader
|
||||
v-if="changeIndex == scope.$index"
|
||||
v-model="scope.row.addressAll"
|
||||
:disabled="
|
||||
scope.row.settlementFlag == 1 || scope.row.productflag == 1
|
||||
"
|
||||
:options="areaData"
|
||||
:placeholder="'请选择省市区'"
|
||||
:props="regionParams"
|
||||
@change="getDizhi($event, scope.$index)"
|
||||
/>
|
||||
<!-- nameList -->
|
||||
<div v-else>{{ scope.row.nameList }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
prop="recAddress"
|
||||
label="详细地址"
|
||||
>
|
||||
<template slot="header" slot-scope="scope">
|
||||
<div>详细地址</div>
|
||||
<el-input v-model="changeData.recAddress" clearable />
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="changeIndex == scope.$index"
|
||||
v-model="scope.row.recAddress"
|
||||
clearable
|
||||
:disabled="
|
||||
scope.row.settlementFlag == 1 || scope.row.productflag == 1
|
||||
"
|
||||
/>
|
||||
<div v-else>{{ scope.row.recAddress }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
|
|
|
@ -690,210 +690,7 @@
|
|||
<div v-else>{{ scope.row.transferAchieve }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
prop="productFlag"
|
||||
label="选购产品"
|
||||
>
|
||||
<template
|
||||
slot="header"
|
||||
slot-scope="scope"
|
||||
>
|
||||
<div>选购产品</div>
|
||||
<el-select
|
||||
v-model="changeData.productFlag"
|
||||
:placeholder="'请选择'"
|
||||
@change="setProductflag($event)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in yesNo"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-select
|
||||
v-if="changeIndex == scope.$index"
|
||||
v-model="scope.row.productFlag"
|
||||
:disabled="scope.row.settlementFlag == 1"
|
||||
:placeholder="'请选择'"
|
||||
@change="setProductflag($event,scope.$index)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in yesNo"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
<div v-else>{{ scope.row.productFlagVal }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="350"
|
||||
prop="pkProduct"
|
||||
label="产品信息"
|
||||
>
|
||||
<template
|
||||
slot="header"
|
||||
slot-scope="scope"
|
||||
>
|
||||
<div>产品信息</div>
|
||||
<!-- <div style="
|
||||
color: #48b2fd;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
">添加产品</div> -->
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.settlementFlag == 0&&scope.row.productFlag == 0">
|
||||
<div
|
||||
v-for="item,index in scope.row.productList"
|
||||
:key="index"
|
||||
class="disFlex"
|
||||
>
|
||||
<div style="margin-right:10px">{{ item.productName }}</div>
|
||||
<div style="margin-right:10px">{{ item.specsName }}</div>
|
||||
<div>*{{ item.quantity }}</div>
|
||||
<i
|
||||
class="el-icon-remove-outline"
|
||||
style="font-size:18px;margin-left:5px;color: #48b2fd;"
|
||||
@click.stop="delData(scope.$index,index)"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
color: #48b2fd;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
"
|
||||
@click="getProduct(scope.$index)"
|
||||
>添加产品
|
||||
</div>
|
||||
</div>
|
||||
<div v-else />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
prop="recName"
|
||||
label="收货人"
|
||||
>
|
||||
<template
|
||||
slot="header"
|
||||
slot-scope="scope"
|
||||
>
|
||||
<div>收货人</div>
|
||||
<el-input
|
||||
v-model="changeData.recName"
|
||||
clearable
|
||||
/>
|
||||
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="changeIndex == scope.$index"
|
||||
v-model="scope.row.recName"
|
||||
clearable
|
||||
:disabled="scope.row.settlementFlag == 1||scope.row.productFlag == 1"
|
||||
/>
|
||||
<div v-else>{{ scope.row.recName }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
prop="recPhone"
|
||||
label="联系方式"
|
||||
>
|
||||
<template
|
||||
slot="header"
|
||||
slot-scope="scope"
|
||||
>
|
||||
<div>联系方式</div>
|
||||
<el-input
|
||||
v-model="changeData.recPhone"
|
||||
clearable
|
||||
/>
|
||||
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="changeIndex == scope.$index"
|
||||
v-model="scope.row.recPhone"
|
||||
clearable
|
||||
:disabled="scope.row.settlementFlag == 1||scope.row.productFlag == 1"
|
||||
/>
|
||||
<div v-else>{{ scope.row.recPhone }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
prop="recProvince"
|
||||
label="省/市/区/县"
|
||||
>
|
||||
<template
|
||||
slot="header"
|
||||
slot-scope="scope"
|
||||
>
|
||||
<div>省/市/区/县</div>
|
||||
<el-cascader
|
||||
v-model="changeData.addressAll"
|
||||
:options="areaData"
|
||||
:placeholder="'请选择省市区'"
|
||||
:props="regionParams"
|
||||
@change="getDizhiAll($event)"
|
||||
/>
|
||||
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-cascader
|
||||
v-if="changeIndex == scope.$index"
|
||||
v-model="scope.row.addressAll"
|
||||
:disabled="scope.row.settlementFlag == 1||scope.row.productFlag == 1"
|
||||
:options="areaData"
|
||||
:placeholder="'请选择省市区'"
|
||||
:props="regionParams"
|
||||
@change="getDizhi($event, scope.$index)"
|
||||
/>
|
||||
<!-- nameList -->
|
||||
<div v-else>{{ scope.row.nameList }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
prop="recAddress"
|
||||
label="详细地址"
|
||||
>
|
||||
<template
|
||||
slot="header"
|
||||
slot-scope="scope"
|
||||
>
|
||||
<div>详细地址</div>
|
||||
<el-input
|
||||
v-model="changeData.recAddress"
|
||||
clearable
|
||||
/>
|
||||
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="changeIndex == scope.$index"
|
||||
v-model="scope.row.recAddress"
|
||||
clearable
|
||||
:disabled="scope.row.settlementFlag == 1||scope.row.productFlag == 1"
|
||||
/>
|
||||
<div v-else>{{ scope.row.recAddress }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
align="center"
|
||||
width="150"
|
||||
|
@ -1034,176 +831,8 @@
|
|||
>生成</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog
|
||||
:title="'添加'"
|
||||
:visible.sync="dialogVisible"
|
||||
:close-on-click-modal="false"
|
||||
width="50%"
|
||||
center
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<div class="cpHeight">
|
||||
<el-row>
|
||||
<el-col :span="22"> <el-input
|
||||
v-model="selectObj.queryInfo"
|
||||
clearable
|
||||
:placeholder="'请输入'"
|
||||
prefix-icon="el-icon-search"
|
||||
@keyup.enter.native="getProductList"
|
||||
/>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
@click="getProductList"
|
||||
> {{ '搜索' }}</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="height:10px" />
|
||||
<el-table
|
||||
ref="multipleTable"
|
||||
:data="dialogList"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{ background: '#EEEEEE' }"
|
||||
:row-class-name="tableRowClassName"
|
||||
@select-all="onSelectAll"
|
||||
@select="selected"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="productName"
|
||||
:label="'产品名称'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="productCode"
|
||||
:label="'产品编号'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="productName"
|
||||
:label="'规格'"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div
|
||||
v-show="scope.row.selSkuNameList==''||scope.row.selSkuNameList==undefined"
|
||||
class="blueCor"
|
||||
@click="selSku(scope.row.pkId,scope.$index)"
|
||||
>{{ '选择规格' }}</div>
|
||||
<div
|
||||
v-show="scope.row.selSkuNameList!=''&&scope.row.selSkuNameList!=undefined"
|
||||
class="blueCor"
|
||||
@click="selSku(scope.row.pkId,scope.$index)"
|
||||
>{{ scope.row.selSkuNameList }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="productName"
|
||||
:label="'商品数量'"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-input-number
|
||||
v-model="scope.row.quantity"
|
||||
size="mini"
|
||||
:min="1"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</div>
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getProductList"
|
||||
/>
|
||||
<span
|
||||
slot="footer"
|
||||
class="dialog-footer"
|
||||
>
|
||||
<el-button @click="handleClose">{{ '取消' }}</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="sureProduct"
|
||||
>{{ '确认' }}</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
:title="'规格'"
|
||||
:visible.sync="ggVisible"
|
||||
:close-on-click-modal="false"
|
||||
width="40%"
|
||||
center
|
||||
:before-close="handleCloseGg"
|
||||
>
|
||||
<div>
|
||||
<el-form>
|
||||
<el-form-item
|
||||
v-for="item,index in skuList"
|
||||
:key="index"
|
||||
:label="item.typeName"
|
||||
>
|
||||
<el-radio-group v-model="item.pkProductSku">
|
||||
<el-radio
|
||||
v-for="ctem,cndex in item.specsList"
|
||||
:key="ctem.pkId"
|
||||
:label="ctem.pkId"
|
||||
@change="getCheckBox(item.pkId,item.specsName)"
|
||||
>{{ ctem.specsName }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<span
|
||||
slot="footer"
|
||||
class="dialog-footer"
|
||||
>
|
||||
<el-button @click="handleCloseGg">{{ '取消' }}</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="sureSku"
|
||||
>{{ '确认' }}</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
:title="'规格'"
|
||||
:visible.sync="creatData"
|
||||
:close-on-click-modal="false"
|
||||
width="30%"
|
||||
center
|
||||
:before-close="handleCloseData"
|
||||
>
|
||||
<div>
|
||||
<el-form>
|
||||
<el-form-item label="生成数量">
|
||||
<el-input-number
|
||||
v-model="quantity"
|
||||
size="mini"
|
||||
:min="1"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<span
|
||||
slot="footer"
|
||||
class="dialog-footer"
|
||||
>
|
||||
<el-button @click="handleCloseData">{{ '取消' }}</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="sureData"
|
||||
>{{ '确认' }}</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
@ -1393,10 +1022,7 @@ export default {
|
|||
// this.productList = res.data
|
||||
// })
|
||||
},
|
||||
delData(index, cndex) {
|
||||
// this.tableData[index].product
|
||||
this.tableData[index].product.splice(cndex, 1)
|
||||
},
|
||||
|
||||
sureData() {
|
||||
this.download(
|
||||
'/member/manage/member-empty-code/create-code',
|
||||
|
@ -1433,86 +1059,10 @@ export default {
|
|||
this.selectData = []
|
||||
this.dialogVisible = false
|
||||
},
|
||||
sureSku() {
|
||||
this.$set(this.dialogList[this.selIndex], 'selSkuList', this.selSkuList)
|
||||
this.$set(
|
||||
this.dialogList[this.selIndex],
|
||||
'selSkuNameList',
|
||||
this.selSkuNameList
|
||||
)
|
||||
|
||||
this.ggVisible = false
|
||||
},
|
||||
sureProduct() {
|
||||
if (this.selectData.length == 0) {
|
||||
this.$message({
|
||||
message: '请选择产品',
|
||||
type: 'warning'
|
||||
})
|
||||
return false
|
||||
} else {
|
||||
const obj = {
|
||||
pkProduct: this.selectData.pkId,
|
||||
productCode: this.selectData.productCode,
|
||||
productName: this.selectData.productName,
|
||||
specsName: this.selectData.selSkuNameList,
|
||||
specsNameId: this.selectData.selSkuList,
|
||||
quantity: this.selectData.quantity
|
||||
}
|
||||
this.tableData[this.showIndex].productList.push(obj)
|
||||
|
||||
this.handleClose()
|
||||
this.$forceUpdate()
|
||||
}
|
||||
},
|
||||
selSku(pkId, index) {
|
||||
this.selIndex = index
|
||||
goods
|
||||
.getProductSpecs({
|
||||
pkProduct: pkId
|
||||
})
|
||||
.then((res) => {
|
||||
const arr1 = []
|
||||
const arr2 = []
|
||||
res.data.forEach((item) => {
|
||||
item.pkProductSku = item.specsList[0].pkId
|
||||
arr1.push(item.specsList[0].pkId)
|
||||
arr2.push(item.specsList[0].specsName)
|
||||
})
|
||||
this.selSkuList = arr1.join(',')
|
||||
this.selSkuNameList = arr2.join(',')
|
||||
|
||||
this.skuList = res.data
|
||||
this.ggVisible = true
|
||||
})
|
||||
},
|
||||
onSelectAll() {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
},
|
||||
selected(selection, row) {
|
||||
// 清除 所有勾选项
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
if (selection.length == 0) return
|
||||
this.$refs.multipleTable.toggleRowSelection(row, true)
|
||||
this.selectData = row
|
||||
},
|
||||
handleCloseGg() {
|
||||
this.ggVisible = false
|
||||
},
|
||||
getCheckBox() {
|
||||
const arr1 = []
|
||||
const arr2 = []
|
||||
this.skuList.forEach((item) => {
|
||||
item.specsList.forEach((ctem) => {
|
||||
if (ctem.pkId == item.pkProductSku) {
|
||||
arr1.push(ctem.pkId)
|
||||
arr2.push(ctem.specsName)
|
||||
}
|
||||
})
|
||||
})
|
||||
this.selSkuList = arr1.join(',')
|
||||
this.selSkuNameList = arr2.join(',')
|
||||
},
|
||||
|
||||
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
||||
if (columnIndex >= 26) {
|
||||
for (let i = 0; i < this.colSpanArr.length; i++) {
|
||||
|
@ -1662,17 +1212,6 @@ export default {
|
|||
}
|
||||
})
|
||||
},
|
||||
setProductflag(e, index) {
|
||||
this.yesNo.forEach((item) => {
|
||||
if (item.value == e) {
|
||||
if (index != undefined) {
|
||||
this.tableData[index].productFlagVal = item.label
|
||||
} else {
|
||||
this.changeData.productFlagVal = item.label
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
resetAll() {
|
||||
this.changeData = {
|
||||
placeDept: '',
|
||||
|
@ -1775,7 +1314,7 @@ export default {
|
|||
if (this.changeData.recAddress) {
|
||||
item.recAddress = this.changeData.recAddress
|
||||
}
|
||||
if (this.changeData.autoFlag != '' || this.changeData.autoFlag == 0) {
|
||||
if (this.changeData?.autoFlag != '' || this.changeData?.autoFlag == 0) {
|
||||
item.autoFlag = this.changeData.autoFlag
|
||||
item.autoFlagVal = this.changeData.autoFlagVal
|
||||
this.$forceUpdate()
|
||||
|
|
|
@ -6,220 +6,231 @@
|
|||
-->
|
||||
<template>
|
||||
<div class="page">
|
||||
<topBar v-if="topList.length > 0"
|
||||
:topList="topList"
|
||||
:moren="moren"></topBar>
|
||||
<topBar
|
||||
v-if="topList.length > 0"
|
||||
:top-list="topList"
|
||||
:moren="moren"
|
||||
/>
|
||||
<div class="main">
|
||||
<div class="form_all">
|
||||
<el-form ref="select"
|
||||
<el-form
|
||||
ref="select"
|
||||
:model="select"
|
||||
label-width="auto">
|
||||
label-width="auto"
|
||||
>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="4">
|
||||
<el-form-item label="会员编号">
|
||||
<el-input clearable
|
||||
v-model="select.memberCode"></el-input>
|
||||
<el-input
|
||||
v-model="select.memberCode"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="会员姓名">
|
||||
<el-input clearable
|
||||
v-model="select.memberName"></el-input>
|
||||
<el-input
|
||||
v-model="select.memberName"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="联系方式">
|
||||
<el-input clearable
|
||||
v-model="select.phone"></el-input>
|
||||
<el-input
|
||||
v-model="select.phone"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="注册批次">
|
||||
<el-input clearable
|
||||
v-model="select.businessCode"></el-input>
|
||||
<el-input
|
||||
v-model="select.businessCode"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="真实奖衔">
|
||||
<el-input clearable
|
||||
v-model="select.pkAwards"></el-input>
|
||||
<el-input
|
||||
v-model="select.pkAwards"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="结算国家">
|
||||
<el-input clearable
|
||||
v-model="select.pkSettleCountry"></el-input>
|
||||
<el-input
|
||||
v-model="select.pkSettleCountry"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="自然国家">
|
||||
<el-input clearable
|
||||
v-model="select.pkCountry"></el-input>
|
||||
<el-input
|
||||
v-model="select.pkCountry"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="是否结算">
|
||||
<el-input clearable
|
||||
v-model="select.settlementFlag"></el-input>
|
||||
<el-input
|
||||
v-model="select.settlementFlag"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="4">
|
||||
<el-form-item label="选购产品">
|
||||
<el-input clearable
|
||||
v-model="select.titleName"></el-input>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
|
||||
<el-col :span="6">
|
||||
<el-form-item label="注册日期">
|
||||
<el-date-picker v-model="select.creationTime"
|
||||
<el-date-picker
|
||||
v-model="select.creationTime"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="daterange"
|
||||
:range-separator="'至'"
|
||||
:start-placeholder="'开始日期'"
|
||||
:end-placeholder="'结束日期'">
|
||||
</el-date-picker>
|
||||
:end-placeholder="'结束日期'"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-button type="primary"
|
||||
@click="getDataList"> {{ '搜索' }}</el-button>
|
||||
<el-button type=""
|
||||
@click="reset"> {{ '重置' }}</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="getDataList"
|
||||
> {{ '搜索' }}</el-button>
|
||||
<el-button
|
||||
type=""
|
||||
@click="reset"
|
||||
> {{ '重置' }}</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="maintop">
|
||||
<div class="mainbtn">
|
||||
<el-button size="small"
|
||||
<el-button
|
||||
size="small"
|
||||
class="thebtn2"
|
||||
@click="handleExport"> {{ '导出' }}</el-button>
|
||||
@click="handleExport"
|
||||
> {{ '导出' }}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="maintable">
|
||||
<el-table :data="tableData"
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
height="700px"
|
||||
:header-cell-style="{ background: '#EEEEEE' }"
|
||||
:row-class-name="tableRowClassName"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection"
|
||||
width="55"> </el-table-column>
|
||||
<el-table-column align="center"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="businessCode"
|
||||
label="注册批次">
|
||||
</el-table-column>
|
||||
label="注册批次"
|
||||
/>
|
||||
|
||||
<el-table-column align="center"
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="memberCode"
|
||||
label="会员编号">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="会员编号"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="memberName"
|
||||
label="会员姓名">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="会员姓名"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="phone"
|
||||
label="联系方式">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="联系方式"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="parentCode"
|
||||
label="推荐编号">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="推荐编号"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="placeParentCode"
|
||||
label="安置编号">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="安置编号"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="placeDeptVal"
|
||||
label="安置部门">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="安置部门"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="pkGradeKeyVal"
|
||||
label="注册等级">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="注册等级"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="registerAchieve"
|
||||
label="注册业绩(PV)">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="注册业绩(PV)"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="orderSourceVal"
|
||||
label="注册类型">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="注册类型"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="settleCountryName"
|
||||
label="结算国家">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="结算国家"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="countryName"
|
||||
label="自然国家">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="自然国家"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="pkAwardKeyVal"
|
||||
label="真实奖衔">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="真实奖衔"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="backAmount"
|
||||
label="回填金额">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="回填金额"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="settlementFlagVal"
|
||||
label="是否结算">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="是否结算"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="settlementAchieve"
|
||||
label="结算业绩(PV)">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="结算业绩(PV)"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="transferAchieve"
|
||||
label="上传业绩(PV)">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="creationTime"
|
||||
label="选购产品">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="creationTime"
|
||||
label="产品规格">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="creationTime"
|
||||
label="产品数量">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="recName"
|
||||
label="收货人">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="recPhone"
|
||||
label="联系方式">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="recProvinceVal"
|
||||
label="省">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="recCityVal"
|
||||
label="市">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="recCountyVal"
|
||||
label="区/县">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="recAddress"
|
||||
label="详细地址">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="上传业绩(PV)"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="time"
|
||||
width="100"
|
||||
:label="'操作'"
|
||||
fixed="right">
|
||||
fixed="right"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div style="font-size: 12px;cursor: pointer;">
|
||||
<div @click="handleDelete(scope.row.pkId)"
|
||||
style="color: #C8161D">
|
||||
{{'删除'}}
|
||||
<div
|
||||
style="color: #C8161D"
|
||||
@click="handleDelete(scope.row.pkId)"
|
||||
>
|
||||
{{ '删除' }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -227,11 +238,13 @@
|
|||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<pagination v-show="total>0"
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getDataList" />
|
||||
@pagination="getDataList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -241,7 +254,7 @@ import * as api from '@/api/specialBusiness.js'
|
|||
export default {
|
||||
name: 'Bzpz',
|
||||
components: {
|
||||
topBar,
|
||||
topBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
@ -251,7 +264,7 @@ export default {
|
|||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
pageSize: 50
|
||||
},
|
||||
addOrEdit: '',
|
||||
total: 0,
|
||||
|
@ -261,17 +274,17 @@ export default {
|
|||
topList: [
|
||||
{
|
||||
name: '空单注册',
|
||||
path: 'emptyOrder',
|
||||
path: 'emptyOrder'
|
||||
},
|
||||
{
|
||||
name: '生成列表',
|
||||
path: 'creatList',
|
||||
path: 'creatList'
|
||||
},
|
||||
{
|
||||
name: '注册列表',
|
||||
path: 'rigiestList',
|
||||
},
|
||||
],
|
||||
path: 'rigiestList'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
@ -297,8 +310,8 @@ export default {
|
|||
this.$router.push({
|
||||
path: 'dataList',
|
||||
query: {
|
||||
pkId: id,
|
||||
},
|
||||
pkId: id
|
||||
}
|
||||
})
|
||||
},
|
||||
// 点击修改
|
||||
|
@ -306,8 +319,8 @@ export default {
|
|||
this.$router.push({
|
||||
path: 'missionDetails',
|
||||
query: {
|
||||
pkId: id,
|
||||
},
|
||||
pkId: id
|
||||
}
|
||||
})
|
||||
},
|
||||
// 删除
|
||||
|
@ -323,10 +336,10 @@ export default {
|
|||
this.$confirm('确认删除?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
api.createListDel({
|
||||
pkIdList:arr
|
||||
pkIdList: arr
|
||||
}).then((res) => {
|
||||
this.getDataList()
|
||||
})
|
||||
|
@ -334,7 +347,7 @@ export default {
|
|||
},
|
||||
openDig() {
|
||||
this.$router.push({
|
||||
path: 'missionDetails',
|
||||
path: 'missionDetails'
|
||||
})
|
||||
// this.$router.push({
|
||||
// path: 'noticeList/details',
|
||||
|
@ -357,7 +370,7 @@ export default {
|
|||
this.$confirm('是否确认导出所有数据项?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
type: 'warning'
|
||||
}).then((_) => {
|
||||
this.download(
|
||||
'/member/manage/member-empty-register/register-export',
|
||||
|
@ -373,8 +386,8 @@ export default {
|
|||
return 'success-row'
|
||||
}
|
||||
return ''
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
|
|
Loading…
Reference in New Issue