|
@@ -26,38 +26,46 @@
|
|
size="mini"
|
|
size="mini"
|
|
clearable
|
|
clearable
|
|
>
|
|
>
|
|
- <CopyButton :copyText="formData.successLoginProject" />
|
|
|
|
|
|
+ <CopyButton :copyText="formData.successLoginProject" />
|
|
<el-button slot="append" @click="handleFocus">引入</el-button>
|
|
<el-button slot="append" @click="handleFocus">引入</el-button>
|
|
</el-input>
|
|
</el-input>
|
|
</el-col>
|
|
</el-col>
|
|
- <template v-if="(pageType == 'home' && !isCustomer) || (['frock', 'cross'].includes(pageType) && isTradeExaminer)">
|
|
|
|
|
|
+ <template
|
|
|
|
+ v-if="(pageType == 'home' && !isCustomer) || (['frock', 'cross'].includes(pageType) && isTradeExaminer)"
|
|
|
|
+ >
|
|
<el-col :span="7" class="flex-box">
|
|
<el-col :span="7" class="flex-box">
|
|
- <div class="flex-box-title">经销商编号</div>
|
|
|
|
- <el-input
|
|
|
|
- v-model="formData.successCustomerNumber"
|
|
|
|
- class="my-input"
|
|
|
|
- placeholder="请填写"
|
|
|
|
- size="mini"
|
|
|
|
- clearable
|
|
|
|
- />
|
|
|
|
- <CopyButton :copyText="formData.successCustomerNumber" />
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="7" class="flex-box">
|
|
|
|
- <div class="flex-box-title">经销商名称</div>
|
|
|
|
- <el-input v-model="formData.successCustomerName" class="my-input" placeholder="请填写" size="mini" clearable />
|
|
|
|
- <CopyButton :copyText="formData.successCustomerName" />
|
|
|
|
|
|
+ <div class="flex-box-title">经销商编号</div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="formData.successCustomerNumber"
|
|
|
|
+ class="my-input"
|
|
|
|
+ placeholder="请填写"
|
|
|
|
+ size="mini"
|
|
|
|
+ clearable
|
|
|
|
+ />
|
|
|
|
+ <CopyButton :copyText="formData.successCustomerNumber" />
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="7" class="flex-box">
|
|
|
|
+ <div class="flex-box-title">经销商名称</div>
|
|
|
|
+ <el-input v-model="formData.successCustomerName" class="my-input" placeholder="请填写" size="mini"
|
|
|
|
+ clearable
|
|
|
|
+ />
|
|
|
|
+ <CopyButton :copyText="formData.successCustomerName" />
|
|
|
|
|
|
- </el-col>
|
|
|
|
|
|
+ </el-col>
|
|
</template>
|
|
</template>
|
|
<el-col :span="7" class="flex-box">
|
|
<el-col :span="7" class="flex-box">
|
|
<div class="flex-box-title">业务员编号</div>
|
|
<div class="flex-box-title">业务员编号</div>
|
|
- <el-input v-model="formData.successServiceNumber" class="my-input" placeholder="请填写" size="mini" clearable />
|
|
|
|
|
|
+ <el-input v-model="formData.successServiceNumber" class="my-input" placeholder="请填写" size="mini"
|
|
|
|
+ clearable
|
|
|
|
+ />
|
|
<CopyButton :copyText="formData.successServiceNumber" />
|
|
<CopyButton :copyText="formData.successServiceNumber" />
|
|
|
|
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="7" class="flex-box">
|
|
<el-col :span="7" class="flex-box">
|
|
<div class="flex-box-title">业务员名称</div>
|
|
<div class="flex-box-title">业务员名称</div>
|
|
- <el-input v-model="formData.successServiceName" class="my-input" placeholder="请填写" size="mini" clearable />
|
|
|
|
|
|
+ <el-input v-model="formData.successServiceName" class="my-input" placeholder="请填写" size="mini"
|
|
|
|
+ clearable
|
|
|
|
+ />
|
|
<CopyButton :copyText="formData.successServiceName" />
|
|
<CopyButton :copyText="formData.successServiceName" />
|
|
|
|
|
|
</el-col>
|
|
</el-col>
|
|
@@ -94,7 +102,7 @@
|
|
<el-col :xs="24" :sm="24" :lg="24" class="item">
|
|
<el-col :xs="24" :sm="24" :lg="24" class="item">
|
|
<div class="label" style="height: auto">审核上传</div>
|
|
<div class="label" style="height: auto">审核上传</div>
|
|
<div class="value" style="height: auto">
|
|
<div class="value" style="height: auto">
|
|
- <ImageUpload class="mg-b" :file-list="formData.files" :multiple="true"/>
|
|
|
|
|
|
+ <ImageUpload class="mg-b" :file-list="formData.files" :multiple="true" />
|
|
<!-- <template v-else>
|
|
<!-- <template v-else>
|
|
<div
|
|
<div
|
|
v-for="item in formData.files"
|
|
v-for="item in formData.files"
|
|
@@ -165,6 +173,7 @@ import { mapGetters } from 'vuex'
|
|
|
|
|
|
import ImageUpload from '@/components/Common/image-upload.vue'
|
|
import ImageUpload from '@/components/Common/image-upload.vue'
|
|
import LoginSuccess from './loginSuccess.vue'
|
|
import LoginSuccess from './loginSuccess.vue'
|
|
|
|
+
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
ImageUpload,
|
|
ImageUpload,
|
|
@@ -191,7 +200,8 @@ export default {
|
|
},
|
|
},
|
|
commonData: {
|
|
commonData: {
|
|
type: Object,
|
|
type: Object,
|
|
- default: () => {}
|
|
|
|
|
|
+ default: () => {
|
|
|
|
+ }
|
|
}
|
|
}
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
@@ -209,16 +219,17 @@ export default {
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
|
|
|
|
- 'formData.id':{
|
|
|
|
|
|
+ 'formData.id': {
|
|
immediate: true,
|
|
immediate: true,
|
|
handler() {
|
|
handler() {
|
|
if (this.formData.id) {
|
|
if (this.formData.id) {
|
|
- if(this.formData.files.length){
|
|
|
|
- console.log(this.formData.files)
|
|
|
|
- this.formData.files = this.showImage(this.formData.files)
|
|
|
|
|
|
+ if (this.formData.files.length) {
|
|
|
|
+ console.log(this.formData.files)
|
|
|
|
+ this.formData.files = this.showImage(this.formData.files)
|
|
|
|
+ }
|
|
|
|
+ this.getData()
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- this.getData()
|
|
|
|
- } }
|
|
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
|
|
@@ -237,19 +248,20 @@ export default {
|
|
handleFocus() {
|
|
handleFocus() {
|
|
this.showDialog = true
|
|
this.showDialog = true
|
|
},
|
|
},
|
|
- onSbumit() {},
|
|
|
|
|
|
+ onSbumit() {
|
|
|
|
+ },
|
|
showImage(arr = []) {
|
|
showImage(arr = []) {
|
|
const newArr = []
|
|
const newArr = []
|
|
arr &&
|
|
arr &&
|
|
- arr.forEach(k => {
|
|
|
|
- if (k.fileUrl && k.fileUrl !== '0') {
|
|
|
|
- newArr.push({
|
|
|
|
- hover: false,
|
|
|
|
- name: '',
|
|
|
|
- url: k.fileUrl
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
|
|
+ arr.forEach(k => {
|
|
|
|
+ if (k.fileUrl && k.fileUrl !== '0') {
|
|
|
|
+ newArr.push({
|
|
|
|
+ hover: false,
|
|
|
|
+ name: '',
|
|
|
|
+ url: k.fileUrl
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
return newArr
|
|
return newArr
|
|
},
|
|
},
|
|
// 检查文件类型
|
|
// 检查文件类型
|
|
@@ -304,19 +316,19 @@ export default {
|
|
}
|
|
}
|
|
objFn[this.pageType](params).then(res => {
|
|
objFn[this.pageType](params).then(res => {
|
|
if (res.data.records && res.data.records.length) {
|
|
if (res.data.records && res.data.records.length) {
|
|
- if(!this.formData.successCustomerNumber){
|
|
|
|
- this.formData.successCustomerNumber = res.data.records[0].customerNumber
|
|
|
|
|
|
+ if (!this.formData.successCustomerNumber) {
|
|
|
|
+ this.formData.successCustomerNumber = res.data.records[0].customerNumber
|
|
}
|
|
}
|
|
if (!this.formData.successCustomerName) {
|
|
if (!this.formData.successCustomerName) {
|
|
- this.formData.successCustomerName = res.data.records[0].customerName
|
|
|
|
|
|
+ this.formData.successCustomerName = res.data.records[0].customerName
|
|
|
|
|
|
}
|
|
}
|
|
if (!this.formData.successServiceName) {
|
|
if (!this.formData.successServiceName) {
|
|
- this.formData.successServiceName = res.data.records[0].serviceName
|
|
|
|
|
|
+ this.formData.successServiceName = res.data.records[0].serviceName
|
|
|
|
|
|
}
|
|
}
|
|
if (!this.formData.successServiceNumber) {
|
|
if (!this.formData.successServiceNumber) {
|
|
- this.formData.successServiceNumber = res.data.records[0].serviceNumber
|
|
|
|
|
|
+ this.formData.successServiceNumber = res.data.records[0].serviceNumber
|
|
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -330,35 +342,43 @@ export default {
|
|
.diy-table-1 {
|
|
.diy-table-1 {
|
|
border: 1px solid #cccc;
|
|
border: 1px solid #cccc;
|
|
}
|
|
}
|
|
|
|
+
|
|
.diy-table-1 .item {
|
|
.diy-table-1 .item {
|
|
border-bottom: 1px solid #ccc;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
}
|
|
|
|
+
|
|
.diy-table-1 .item .label {
|
|
.diy-table-1 .item .label {
|
|
width: 150px;
|
|
width: 150px;
|
|
border-right: 1px solid #ccc;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
}
|
|
-.diy-table-1 .item .value{
|
|
|
|
|
|
+
|
|
|
|
+.diy-table-1 .item .value {
|
|
border-right: 1px solid #ccc;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
}
|
|
|
|
|
|
::v-deep .el-radio {
|
|
::v-deep .el-radio {
|
|
margin-right: 120px;
|
|
margin-right: 120px;
|
|
}
|
|
}
|
|
|
|
+
|
|
.flex-box {
|
|
.flex-box {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
margin: 5px 20px;
|
|
margin: 5px 20px;
|
|
|
|
+
|
|
&-title {
|
|
&-title {
|
|
width: 100px;
|
|
width: 100px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
::v-deep .my-input > input {
|
|
::v-deep .my-input > input {
|
|
padding-left: 10px !important;
|
|
padding-left: 10px !important;
|
|
border: 1px solid #dcdfe6 !important;
|
|
border: 1px solid #dcdfe6 !important;
|
|
}
|
|
}
|
|
|
|
+
|
|
.mg-b {
|
|
.mg-b {
|
|
margin: 10px 0;
|
|
margin: 10px 0;
|
|
}
|
|
}
|
|
|
|
+
|
|
::v-deep .el-image-viewer__close {
|
|
::v-deep .el-image-viewer__close {
|
|
top: 106px;
|
|
top: 106px;
|
|
right: 40px;
|
|
right: 40px;
|
|
@@ -366,14 +386,15 @@ export default {
|
|
height: 40px;
|
|
height: 40px;
|
|
font-size: 40px;
|
|
font-size: 40px;
|
|
}
|
|
}
|
|
|
|
+
|
|
::v-deep .el-radio__inner {
|
|
::v-deep .el-radio__inner {
|
|
- border: 2px solid #ccc;
|
|
|
|
- border-radius: 100%;
|
|
|
|
- width: 14px;
|
|
|
|
- height: 14px;
|
|
|
|
- background-color: #FFF;
|
|
|
|
- cursor: pointer;
|
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
|
+ border: 2px solid #ccc;
|
|
|
|
+ border-radius: 100%;
|
|
|
|
+ width: 14px;
|
|
|
|
+ height: 14px;
|
|
|
|
+ background-color: #FFF;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
|
+ box-sizing: border-box;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|