Commit cbf52ab17f363fed5ff1f317ddb009c0ed3ec443
Merge branch 'master' of http://39.98.150.180/webapp/GreenwayWeb
Showing
12 changed files
with
1820 additions
and
373 deletions
admin-web-master/public/index.html
| @@ -8,10 +8,10 @@ | @@ -8,10 +8,10 @@ | ||
| 8 | <!-- <title><%= htmlWebpackPlugin.options.title %></title> --> | 8 | <!-- <title><%= htmlWebpackPlugin.options.title %></title> --> |
| 9 | <title>招商服务系统</title> | 9 | <title>招商服务系统</title> |
| 10 | <!-- 删除: <script src="https://map.qq.com/api/js?v=2.exp&key=YOUR_API_KEY&callback=initMap"></script> --> | 10 | <!-- 删除: <script src="https://map.qq.com/api/js?v=2.exp&key=YOUR_API_KEY&callback=initMap"></script> --> |
| 11 | - <script src="https://map.qq.com/api/js?v=2.exp&key=7K5BZ-5MUCL-5Z4PX-ML3QG-YAGZE-TNBLG"></script> | ||
| 12 | - <script src="https://map.qq.com/api/gljs?v=1.exp&key=7K5BZ-5MUCL-5Z4PX-ML3QG-YAGZE-TNBLG"></script> | ||
| 13 | - <script charset="utf-8" src="https://map.qq.com/api/gljs?libraries=tools&v=1.exp&key=7K5BZ-5MUCL-5Z4PX-ML3QG-YAGZE-TNBLG"></script> | ||
| 14 | - <!-- <script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=7K5BZ-5MUCL-5Z4PX-ML3QG-YAGZE-TNBLG&libraries=geometry"></script> --> | 11 | + <script src="https://map.qq.com/api/js?v=2.exp&key=PGRBZ-Z3FRJ-DTYFB-XNX4X-DC6HZ-MCFYU"></script> |
| 12 | + <script src="https://map.qq.com/api/gljs?v=1.exp&key=PGRBZ-Z3FRJ-DTYFB-XNX4X-DC6HZ-MCFYU"></script> | ||
| 13 | + <script charset="utf-8" src="https://map.qq.com/api/gljs?libraries=tools&v=1.exp&key=PGRBZ-Z3FRJ-DTYFB-XNX4X-DC6HZ-MCFYU"></script> | ||
| 14 | + <!-- <script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=PGRBZ-Z3FRJ-DTYFB-XNX4X-DC6HZ-MCFYU&libraries=geometry"></script> --> | ||
| 15 | </head> | 15 | </head> |
| 16 | <body> | 16 | <body> |
| 17 | <noscript> | 17 | <noscript> |
admin-web-master/src/api/newly.js
| 1 | import request from '@/utils/request' | 1 | import request from '@/utils/request' |
| 2 | // import request from '@/utils/request2' | 2 | // import request from '@/utils/request2' |
| 3 | +// 租赁信息 | ||
| 4 | +export function cereContractInformationgetPages(data) { | ||
| 5 | + return request({ | ||
| 6 | + url: '/cereContractInformation/getPages', | ||
| 7 | + method: 'post', | ||
| 8 | + data | ||
| 9 | + }) | ||
| 10 | +} | ||
| 3 | // 广告位投放效果统计 | 11 | // 广告位投放效果统计 |
| 4 | export function selectByAdPlacementId(data) { | 12 | export function selectByAdPlacementId(data) { |
| 5 | return request({ | 13 | return request({ |
| @@ -16,6 +24,14 @@ export function selectByAdPlacementIdAndTime(data) { | @@ -16,6 +24,14 @@ export function selectByAdPlacementIdAndTime(data) { | ||
| 16 | data | 24 | data |
| 17 | }) | 25 | }) |
| 18 | } | 26 | } |
| 27 | +// 物业缴费 | ||
| 28 | +export function cerePaymentInfo(data) { | ||
| 29 | + return request({ | ||
| 30 | + url: '/cerePaymentInfo/queryByPage', | ||
| 31 | + method: 'post', | ||
| 32 | + data | ||
| 33 | + }) | ||
| 34 | +} | ||
| 19 | // 广告位投放效果统计 | 35 | // 广告位投放效果统计 |
| 20 | export function selectByAdPlacementIdAndTimeAndHour(data) { | 36 | export function selectByAdPlacementIdAndTimeAndHour(data) { |
| 21 | return request({ | 37 | return request({ |
| @@ -24,6 +40,63 @@ export function selectByAdPlacementIdAndTimeAndHour(data) { | @@ -24,6 +40,63 @@ export function selectByAdPlacementIdAndTimeAndHour(data) { | ||
| 24 | data | 40 | data |
| 25 | }) | 41 | }) |
| 26 | } | 42 | } |
| 43 | +// 合同 | ||
| 44 | +export function cereContractInformationgetPage(data) { | ||
| 45 | + return request({ | ||
| 46 | + url: '/cereContractInformation/getPage', | ||
| 47 | + method: 'post', | ||
| 48 | + data | ||
| 49 | + }) | ||
| 50 | +} | ||
| 51 | +// 查看发票 | ||
| 52 | +export function cereInvoiceTitlegetByTenementId(data) { | ||
| 53 | + return request({ | ||
| 54 | + url: 'cereInvoiceTitle/getByTenementId/'+data.id, | ||
| 55 | + method: 'GET', | ||
| 56 | + }) | ||
| 57 | +} | ||
| 58 | +// 上传发票 | ||
| 59 | +export function cereInvoiceTitleadd(data) { | ||
| 60 | + return request({ | ||
| 61 | + url: '/cereInvoiceTitle/add', | ||
| 62 | + method: 'post', | ||
| 63 | + data | ||
| 64 | + }) | ||
| 65 | +} | ||
| 66 | +// 复核 | ||
| 67 | +export function editToRecheck(data) { | ||
| 68 | + return request({ | ||
| 69 | + url: '/cerePropertyOrder/editToRecheck/'+data.id, | ||
| 70 | + method: 'GET', | ||
| 71 | + }) | ||
| 72 | +} | ||
| 73 | +// 缴费记录-租赁缴费 | ||
| 74 | +export function cerePropertyOrder(data) { | ||
| 75 | + return request({ | ||
| 76 | + url: '/cerePropertyOrder/queryByContractId', | ||
| 77 | + method: 'post', | ||
| 78 | + data | ||
| 79 | + }) | ||
| 80 | +} | ||
| 81 | +// 招商过程信息-谈判记录, | ||
| 82 | +export function cereNegotiationDetails(data) { | ||
| 83 | + return request({ | ||
| 84 | + url: '/cereNegotiationDetails/queryByPhone', | ||
| 85 | + method: 'post', | ||
| 86 | + data | ||
| 87 | + }) | ||
| 88 | +} | ||
| 89 | +// 招商过程信息-跟进日志 | ||
| 90 | +export function cereFollowDetails(data) { | ||
| 91 | + return request({ | ||
| 92 | + url: '/cereFollowDetails/queryByPage', | ||
| 93 | + method: 'post', | ||
| 94 | + data | ||
| 95 | + }) | ||
| 96 | +} | ||
| 97 | + | ||
| 98 | + | ||
| 99 | + | ||
| 27 | // 资源数量增长趋势 | 100 | // 资源数量增长趋势 |
| 28 | export function resourceQuantityGrowth(data) { | 101 | export function resourceQuantityGrowth(data) { |
| 29 | return request({ | 102 | return request({ |
admin-web-master/src/components/add/addht.vue
| @@ -14,7 +14,7 @@ | @@ -14,7 +14,7 @@ | ||
| 14 | </el-row> | 14 | </el-row> |
| 15 | </el-form> | 15 | </el-form> |
| 16 | <TitleWithCircle title="合同信息" style="margin-bottom: 20px;" /> | 16 | <TitleWithCircle title="合同信息" style="margin-bottom: 20px;" /> |
| 17 | - <mbadd v-if="isshow" ref="rulesallForm" :list1="list1" :isdel="isdel" /> | 17 | + <mbadd v-if="isshow" ref="rulesallForm" :list1="list1" :isdel="isdel" @changeContractType="changeContractType"/> |
| 18 | <div style="margin-top: 20px;margin-left: 65px;"> | 18 | <div style="margin-top: 20px;margin-left: 65px;"> |
| 19 | <el-button @click="close()" class="buttonHover" style="color: #606266;border: 1px solid #DBDBDB;background-color: #fff;">取消</el-button> | 19 | <el-button @click="close()" class="buttonHover" style="color: #606266;border: 1px solid #DBDBDB;background-color: #fff;">取消</el-button> |
| 20 | <el-button @click="add()" style="background-color: #3F9B6A;color: #fff;">确定</el-button> | 20 | <el-button @click="add()" style="background-color: #3F9B6A;color: #fff;">确定</el-button> |
| @@ -65,6 +65,7 @@ import { | @@ -65,6 +65,7 @@ import { | ||
| 65 | onmbinfo:{}, | 65 | onmbinfo:{}, |
| 66 | mbData:[], | 66 | mbData:[], |
| 67 | list1: [], | 67 | list1: [], |
| 68 | + list2:[], | ||
| 68 | rulesmbinfo:{ | 69 | rulesmbinfo:{ |
| 69 | type: [{ | 70 | type: [{ |
| 70 | required: true, | 71 | required: true, |
| @@ -113,11 +114,18 @@ import { | @@ -113,11 +114,18 @@ import { | ||
| 113 | //模版信息 | 114 | //模版信息 |
| 114 | templateInformation:'', | 115 | templateInformation:'', |
| 115 | //模版url | 116 | //模版url |
| 116 | - templateInformationUrl:'' | 117 | + templateInformationUrl:'', |
| 118 | + | ||
| 119 | + //跳转链接 | ||
| 120 | + redirectUrl:'', | ||
| 121 | + //封面图片 | ||
| 122 | + coverImage:'', | ||
| 117 | }, | 123 | }, |
| 118 | templateAttachment:'', | 124 | templateAttachment:'', |
| 119 | AddData:[], | 125 | AddData:[], |
| 120 | - dpinfo:null | 126 | + dpinfo:null, |
| 127 | + redirectUrl:'', | ||
| 128 | + coverImage:'', | ||
| 121 | } | 129 | } |
| 122 | }, | 130 | }, |
| 123 | props: { | 131 | props: { |
| @@ -184,8 +192,44 @@ import { | @@ -184,8 +192,44 @@ import { | ||
| 184 | if(this.info.templateInformationUrl){ | 192 | if(this.info.templateInformationUrl){ |
| 185 | this.templateAttachment = this.info.templateInformationUrl | 193 | this.templateAttachment = this.info.templateInformationUrl |
| 186 | } | 194 | } |
| 195 | + if(this.info.redirectUrl){ | ||
| 196 | + this.redirectUrl = this.info.redirectUrl | ||
| 197 | + } | ||
| 198 | + if(this.info.coverImage){ | ||
| 199 | + this.coverImage = this.info.coverImage | ||
| 200 | + } | ||
| 187 | }, | 201 | }, |
| 188 | methods: { | 202 | methods: { |
| 203 | + changeContractType(e) { | ||
| 204 | + console.error(e) | ||
| 205 | + this.isshow = false | ||
| 206 | + if(e == '广告位合同') { | ||
| 207 | + this.list1.push({ | ||
| 208 | + name: '跳转链接', | ||
| 209 | + key: 'redirectUrl', | ||
| 210 | + type: '单行文本', | ||
| 211 | + isrequired: '是', | ||
| 212 | + width: '100%(一行)', | ||
| 213 | + length: '20', | ||
| 214 | + value: this.redirectUrl , | ||
| 215 | + }) | ||
| 216 | + this.list1.push({ | ||
| 217 | + name: '封面图片', | ||
| 218 | + key: 'coverImage', | ||
| 219 | + type: '图片', | ||
| 220 | + isrequired: '是', | ||
| 221 | + width: '100%(一行)', | ||
| 222 | + length: '', | ||
| 223 | + value: this.coverImage, | ||
| 224 | + }) | ||
| 225 | + | ||
| 226 | + } else { | ||
| 227 | + this.list1 = this.list2 | ||
| 228 | + } | ||
| 229 | + setTimeout(() => { | ||
| 230 | + this.isshow = true | ||
| 231 | + }, 100) | ||
| 232 | + }, | ||
| 189 | async add1() { | 233 | async add1() { |
| 190 | // this.addinfo1() | 234 | // this.addinfo1() |
| 191 | // return | 235 | // return |
| @@ -208,6 +252,7 @@ import { | @@ -208,6 +252,7 @@ import { | ||
| 208 | info1.shopNumber = 'sp' + element.value.id | 252 | info1.shopNumber = 'sp' + element.value.id |
| 209 | } else if (element.value.advertisingType) { | 253 | } else if (element.value.advertisingType) { |
| 210 | info1.shopNumber = 'gg' + element.value.id | 254 | info1.shopNumber = 'gg' + element.value.id |
| 255 | + this.formInline.carouselId = element.value.carouselId | ||
| 211 | } else { | 256 | } else { |
| 212 | info1.shopNumber = 'cd' + element.value.id | 257 | info1.shopNumber = 'cd' + element.value.id |
| 213 | } | 258 | } |
| @@ -328,6 +373,7 @@ import { | @@ -328,6 +373,7 @@ import { | ||
| 328 | info1.shopNumber = 'sp' + element.value.id | 373 | info1.shopNumber = 'sp' + element.value.id |
| 329 | } else if (element.value.advertisingType) { | 374 | } else if (element.value.advertisingType) { |
| 330 | info1.shopNumber = 'gg' + element.value.id | 375 | info1.shopNumber = 'gg' + element.value.id |
| 376 | + this.formInline.carouselId = element.value.carouselId | ||
| 331 | } else { | 377 | } else { |
| 332 | info1.shopNumber = 'cd' + element.value.id | 378 | info1.shopNumber = 'cd' + element.value.id |
| 333 | } | 379 | } |
| @@ -356,6 +402,7 @@ import { | @@ -356,6 +402,7 @@ import { | ||
| 356 | console.error(res) | 402 | console.error(res) |
| 357 | if(res.code == 200 && res.data) { | 403 | if(res.code == 200 && res.data) { |
| 358 | this.formInline.appendicesContract = res.data | 404 | this.formInline.appendicesContract = res.data |
| 405 | + | ||
| 359 | contractinsertAdd({ | 406 | contractinsertAdd({ |
| 360 | ...this.formInline, | 407 | ...this.formInline, |
| 361 | templateInformationUrl:this.templateAttachment, | 408 | templateInformationUrl:this.templateAttachment, |
| @@ -451,6 +498,7 @@ import { | @@ -451,6 +498,7 @@ import { | ||
| 451 | } | 498 | } |
| 452 | } | 499 | } |
| 453 | } | 500 | } |
| 501 | + this.list2 = this.list1 | ||
| 454 | //延迟2秒 | 502 | //延迟2秒 |
| 455 | setTimeout(() => { | 503 | setTimeout(() => { |
| 456 | this.isshow = true | 504 | this.isshow = true |
admin-web-master/src/components/add/addmap.vue
| @@ -20,13 +20,15 @@ | @@ -20,13 +20,15 @@ | ||
| 20 | </el-form-item> | 20 | </el-form-item> |
| 21 | <el-form-item label="轮播顺序" prop="rotationOrder" > | 21 | <el-form-item label="轮播顺序" prop="rotationOrder" > |
| 22 | <el-select v-model="formInline.rotationOrder" placeholder="请选择" style="width: 100%;"> | 22 | <el-select v-model="formInline.rotationOrder" placeholder="请选择" style="width: 100%;"> |
| 23 | - <!-- <el-option label="第一张" value="第一张"></el-option> | ||
| 24 | - <el-option label="第二张" value="第二张"></el-option> | ||
| 25 | - <el-option label="第三张" value="第三张"></el-option> --> | ||
| 26 | <el-option v-for="(item,index) in rotationSequenceList" | 23 | <el-option v-for="(item,index) in rotationSequenceList" |
| 27 | :key="index" :label="item.label" :value="item.value"></el-option> | 24 | :key="index" :label="item.label" :value="item.value"></el-option> |
| 28 | </el-select> | 25 | </el-select> |
| 29 | </el-form-item> | 26 | </el-form-item> |
| 27 | + <el-form-item label="轮播图" prop="carouselId" > | ||
| 28 | + <el-select v-model="formInline.carouselId" placeholder="请选择" style="width: 100%;"> | ||
| 29 | + <el-option v-for="(item,index) in tableData" :key="index" :label="'第'+(index+1)+'张'" :value="item.id"></el-option> | ||
| 30 | + </el-select> | ||
| 31 | + </el-form-item> | ||
| 30 | <el-form-item label="广告尺寸" prop="dimensions" > | 32 | <el-form-item label="广告尺寸" prop="dimensions" > |
| 31 | <el-input v-model="formInline.dimensions" placeholder="宽:300px 长:400px" maxlength="20"></el-input> | 33 | <el-input v-model="formInline.dimensions" placeholder="宽:300px 长:400px" maxlength="20"></el-input> |
| 32 | </el-form-item> | 34 | </el-form-item> |
| @@ -43,12 +45,7 @@ | @@ -43,12 +45,7 @@ | ||
| 43 | <upimg :cmpOption="{disabled:false,isSetCover:false}" filePath="gg" inputtype="locationDiagram" :value="formInline.locationDiagram" | 45 | <upimg :cmpOption="{disabled:false,isSetCover:false}" filePath="gg" inputtype="locationDiagram" :value="formInline.locationDiagram" |
| 44 | @changimg="e=>changimg(e,'locationDiagram')"></upimg> | 46 | @changimg="e=>changimg(e,'locationDiagram')"></upimg> |
| 45 | </el-form-item> | 47 | </el-form-item> |
| 46 | - <!-- <el-form-item label="广告位位置" prop="carouselId" v-if="formInline.advertisingType == '线上广告位'"> | ||
| 47 | - <el-select v-model="formInline.carouselId" placeholder="请选择" style="width: 100%;"> | ||
| 48 | - <el-option :label="`${item.type==1?'商城端':'商家端'}第${index+1}个广告位`" :value="item.id" v-for="(item,index) in bannerList" | ||
| 49 | - :key="index"></el-option> | ||
| 50 | - </el-select> | ||
| 51 | - </el-form-item> --> | 48 | + |
| 52 | <el-form-item label="介绍" prop="memo"> | 49 | <el-form-item label="介绍" prop="memo"> |
| 53 | <wangEditor v-model="formInline.memo" ref="editor" :height="200"></wangEditor> | 50 | <wangEditor v-model="formInline.memo" ref="editor" :height="200"></wangEditor> |
| 54 | <!-- <el-input maxlength="200" show-word-limit rows="4" v-model="formInline.memo" placeholder="请输入" | 51 | <!-- <el-input maxlength="200" show-word-limit rows="4" v-model="formInline.memo" placeholder="请输入" |
| @@ -240,11 +237,11 @@ | @@ -240,11 +237,11 @@ | ||
| 240 | message: '请选择轮播顺序', | 237 | message: '请选择轮播顺序', |
| 241 | trigger: ['change'] | 238 | trigger: ['change'] |
| 242 | }], | 239 | }], |
| 243 | - // carouselId:[{ | ||
| 244 | - // required: true, | ||
| 245 | - // message: '请选择广告位位置', | ||
| 246 | - // trigger: ['change'] | ||
| 247 | - // }], | 240 | + carouselId: [{ |
| 241 | + required: true, | ||
| 242 | + message: '请选择轮播图', | ||
| 243 | + trigger: ['change'] | ||
| 244 | + }], | ||
| 248 | locationDiagram: [{ | 245 | locationDiagram: [{ |
| 249 | required: true, | 246 | required: true, |
| 250 | message: '请上传位置示意图', | 247 | message: '请上传位置示意图', |
| @@ -302,7 +299,7 @@ | @@ -302,7 +299,7 @@ | ||
| 302 | edit: true, | 299 | edit: true, |
| 303 | iShsow:true, | 300 | iShsow:true, |
| 304 | lvdaoList: [], | 301 | lvdaoList: [], |
| 305 | - bannerList:[] | 302 | + tableData:[] |
| 306 | }; | 303 | }; |
| 307 | }, | 304 | }, |
| 308 | computed: { | 305 | computed: { |
| @@ -328,6 +325,8 @@ | @@ -328,6 +325,8 @@ | ||
| 328 | } | 325 | } |
| 329 | }, | 326 | }, |
| 330 | async created() { | 327 | async created() { |
| 328 | + const res = await bannerGet({pageNumber: 1,pageSize: 20}) | ||
| 329 | + this.tableData = res.data.content | ||
| 331 | if (this.info && this.info.id) { | 330 | if (this.info && this.info.id) { |
| 332 | this.formInline = this.info | 331 | this.formInline = this.info |
| 333 | if (this.formInline.mapPunctuation) { | 332 | if (this.formInline.mapPunctuation) { |
| @@ -362,9 +361,7 @@ | @@ -362,9 +361,7 @@ | ||
| 362 | pageNumber: 1, | 361 | pageNumber: 1, |
| 363 | pageSize: 10 | 362 | pageSize: 10 |
| 364 | } | 363 | } |
| 365 | - const banner = await bannerGet(obj) | ||
| 366 | - this.bannerList = banner.data.content | ||
| 367 | - | 364 | + |
| 368 | }, | 365 | }, |
| 369 | methods: { | 366 | methods: { |
| 370 | validateNumber(field, value) { | 367 | validateNumber(field, value) { |
admin-web-master/src/components/buscha/busCha.vue
| @@ -96,6 +96,14 @@ | @@ -96,6 +96,14 @@ | ||
| 96 | <el-form-item :label="item.name" prop="appendicesContract" v-if="item.type == '附件'"> | 96 | <el-form-item :label="item.name" prop="appendicesContract" v-if="item.type == '附件'"> |
| 97 | <div class="duiqi greens" @click ="item.value?openfile(item.value):''">{{item.value?'查看详情':'暂无文件'}}</div> | 97 | <div class="duiqi greens" @click ="item.value?openfile(item.value):''">{{item.value?'查看详情':'暂无文件'}}</div> |
| 98 | </el-form-item> | 98 | </el-form-item> |
| 99 | + <el-form-item :label="item.name" v-else-if="item.type == '图片'"> | ||
| 100 | + <div v-if="item.value"> | ||
| 101 | + <div style="display: flex;"> | ||
| 102 | + <allimg v-if="item1" :src="item1" fit="contain" v-for="item1 in item.value.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/> | ||
| 103 | + </div> | ||
| 104 | + </div> | ||
| 105 | + <div class="duiqi" v-else>无</div> | ||
| 106 | + </el-form-item> | ||
| 99 | <el-form-item :label="item.name" prop="paymentDay" v-else-if="item.type != '资源' && item.type != '商家'"> | 107 | <el-form-item :label="item.name" prop="paymentDay" v-else-if="item.type != '资源' && item.type != '商家'"> |
| 100 | <div class="duiqi">{{item.value}}<span v-if="item.key == 'earnestMoney' || item.key == 'contractAmount'"> 元</span></div> | 108 | <div class="duiqi">{{item.value}}<span v-if="item.key == 'earnestMoney' || item.key == 'contractAmount'"> 元</span></div> |
| 101 | </el-form-item> | 109 | </el-form-item> |
admin-web-master/src/components/chakan/oneht.vue
| @@ -6,7 +6,7 @@ | @@ -6,7 +6,7 @@ | ||
| 6 | <TitleWithCircle title="合同信息" /> | 6 | <TitleWithCircle title="合同信息" /> |
| 7 | <div style="padding: 20px;margin-top: 10px;"> | 7 | <div style="padding: 20px;margin-top: 10px;"> |
| 8 | <el-form :model="newinfo" ref="ruleForm" label-width="140px" class="demo-ruleForm"> | 8 | <el-form :model="newinfo" ref="ruleForm" label-width="140px" class="demo-ruleForm"> |
| 9 | - <el-row :gutter="20"> | 9 | + <!-- <el-row :gutter="20"> |
| 10 | <el-col :span="9"> | 10 | <el-col :span="9"> |
| 11 | <el-form-item label="合同类型" prop="contractType"> | 11 | <el-form-item label="合同类型" prop="contractType"> |
| 12 | <div class="duiqi">{{newinfo.contractType}}</div> | 12 | <div class="duiqi">{{newinfo.contractType}}</div> |
| @@ -92,6 +92,27 @@ | @@ -92,6 +92,27 @@ | ||
| 92 | </el-row> | 92 | </el-row> |
| 93 | <el-form-item label="附件信息" prop="appendicesContract"> | 93 | <el-form-item label="附件信息" prop="appendicesContract"> |
| 94 | <div class="duiqi greens" @click ="newinfo.appendicesContract?openfile(newinfo.appendicesContract):''">{{newinfo.appendicesContract?'查看详情':'暂无文件'}}</div> | 94 | <div class="duiqi greens" @click ="newinfo.appendicesContract?openfile(newinfo.appendicesContract):''">{{newinfo.appendicesContract?'查看详情':'暂无文件'}}</div> |
| 95 | + </el-form-item> --> | ||
| 96 | + <el-row :gutter="20"> | ||
| 97 | + <el-col :span="item.width == '50%(半行)'?12:item.width == '100%(一行)'?24:12" v-for="(item,index) in list1" > | ||
| 98 | + <el-form-item :label="item.name" prop="appendicesContract" v-if="item.type == '附件'"> | ||
| 99 | + <div class="duiqi greens" @click ="item.value?openfile(item.value):''">{{item.value?'查看详情':'暂无文件'}}</div> | ||
| 100 | + </el-form-item> | ||
| 101 | + <el-form-item :label="item.name" v-else-if="item.type == '图片'"> | ||
| 102 | + <div v-if="item.value"> | ||
| 103 | + <div style="display: flex;"> | ||
| 104 | + <allimg v-if="item1" :src="item1" fit="contain" v-for="item1 in item.value.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/> | ||
| 105 | + </div> | ||
| 106 | + </div> | ||
| 107 | + <div class="duiqi" v-else>无</div> | ||
| 108 | + </el-form-item> | ||
| 109 | + <el-form-item :label="item.name" prop="paymentDay" v-else-if="item.type != '资源' && item.type != '商家'"> | ||
| 110 | + <div class="duiqi">{{item.value}}<span v-if="item.key == 'earnestMoney' || item.key == 'contractAmount'"> 元</span></div> | ||
| 111 | + </el-form-item> | ||
| 112 | + </el-col> | ||
| 113 | + </el-row> | ||
| 114 | + <el-form-item label="附件信息" prop="appendicesContract"> | ||
| 115 | + <div class="duiqi greens" @click ="newinfo.appendicesContract?openfile(newinfo.appendicesContract):''">{{newinfo.appendicesContract?'查看详情':'暂无文件'}}</div> | ||
| 95 | </el-form-item> | 116 | </el-form-item> |
| 96 | </el-form> | 117 | </el-form> |
| 97 | </div> | 118 | </div> |
| @@ -145,13 +166,15 @@ | @@ -145,13 +166,15 @@ | ||
| 145 | </template> | 166 | </template> |
| 146 | 167 | ||
| 147 | <script> | 168 | <script> |
| 169 | + import allimg from '@/components/chakan/allimg.vue'; | ||
| 148 | import TitleWithCircle from '@/components/top/index'; | 170 | import TitleWithCircle from '@/components/top/index'; |
| 149 | import { | 171 | import { |
| 150 | cerePlatformMerchantinfo | 172 | cerePlatformMerchantinfo |
| 151 | } from '@/api/newly.js' | 173 | } from '@/api/newly.js' |
| 152 | export default { | 174 | export default { |
| 153 | components: { | 175 | components: { |
| 154 | - TitleWithCircle | 176 | + TitleWithCircle, |
| 177 | + allimg | ||
| 155 | }, | 178 | }, |
| 156 | props: { | 179 | props: { |
| 157 | info: { | 180 | info: { |
| @@ -173,11 +196,12 @@ | @@ -173,11 +196,12 @@ | ||
| 173 | shopIds: [], | 196 | shopIds: [], |
| 174 | shop: {}, | 197 | shop: {}, |
| 175 | newshop:{}, | 198 | newshop:{}, |
| 176 | - newinfo:{} | 199 | + newinfo:{}, |
| 200 | + list1:[] | ||
| 177 | } | 201 | } |
| 178 | }, | 202 | }, |
| 179 | created() { | 203 | created() { |
| 180 | - | 204 | + |
| 181 | }, | 205 | }, |
| 182 | computed: { | 206 | computed: { |
| 183 | 207 | ||
| @@ -207,6 +231,8 @@ | @@ -207,6 +231,8 @@ | ||
| 207 | console.error(row) | 231 | console.error(row) |
| 208 | this.type = '2' | 232 | this.type = '2' |
| 209 | this.newinfo = row | 233 | this.newinfo = row |
| 234 | + this.list1 = JSON.parse(this.newinfo.templateInformation) | ||
| 235 | + console.log(this.list1) | ||
| 210 | cerePlatformMerchantinfo({id:row.relatedMerchants}).then(res => { | 236 | cerePlatformMerchantinfo({id:row.relatedMerchants}).then(res => { |
| 211 | console.error(res) | 237 | console.error(res) |
| 212 | this.newshop = res.data | 238 | this.newshop = res.data |
admin-web-master/src/components/change/mbadd.vue
| @@ -63,6 +63,11 @@ | @@ -63,6 +63,11 @@ | ||
| 63 | <upfile :accept="'.docx,.doc'" filePath="mb" :inputtype="item.name" :value="item.value" | 63 | <upfile :accept="'.docx,.doc'" filePath="mb" :inputtype="item.name" :value="item.value" |
| 64 | @changimg="e=>changimg(e,index,item.key)"></upfile> | 64 | @changimg="e=>changimg(e,index,item.key)"></upfile> |
| 65 | </el-form-item> | 65 | </el-form-item> |
| 66 | + | ||
| 67 | + <el-form-item :label="item.name" :prop="item.key" v-if="item.type == '图片'"> | ||
| 68 | + <upimg filePath="fm" :limit="1" :inputtype="item.key" :value="item.value" :cmpOption="{disabled:false,isSetCover:false}" | ||
| 69 | + @changimg="e=>changimg(e,index,item.key)"></upimg> | ||
| 70 | + </el-form-item> | ||
| 66 | <i v-if="iscopy && item.type != '资源'" class="el-icon-copy-document greens tableBtn iterem" | 71 | <i v-if="iscopy && item.type != '资源'" class="el-icon-copy-document greens tableBtn iterem" |
| 67 | @click.stop="copytit(item.name)"></i> | 72 | @click.stop="copytit(item.name)"></i> |
| 68 | <el-form-item label="绑定资源" :prop="item.key" v-if="item.type == '资源' " style="width: 100%;"> | 73 | <el-form-item label="绑定资源" :prop="item.key" v-if="item.type == '资源' " style="width: 100%;"> |
| @@ -296,6 +301,11 @@ | @@ -296,6 +301,11 @@ | ||
| 296 | this.forminfo[onindex] = e | 301 | this.forminfo[onindex] = e |
| 297 | }, | 302 | }, |
| 298 | changexl(e, onindex) { | 303 | changexl(e, onindex) { |
| 304 | + if(onindex == 'contractType') { | ||
| 305 | + // console.error(e) | ||
| 306 | + // 触发父组件事件 | ||
| 307 | + this.$emit('changeContractType', e) | ||
| 308 | + } | ||
| 299 | this.forminfo[onindex] = e | 309 | this.forminfo[onindex] = e |
| 300 | }, | 310 | }, |
| 301 | async copytit(content) { | 311 | async copytit(content) { |
admin-web-master/src/components/merchantInformation/index.vue
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | - <div > | ||
| 4 | - <el-tabs v-model="xiangTab"> | ||
| 5 | - <el-tab-pane label="商家信息" name="first"> | ||
| 6 | - <div style="margin-top: 30px;" class="editcss"> | ||
| 7 | - <TitleWithCircle title="基础信息" /> | ||
| 8 | - <div style="padding: 20px;margin-top: 10px;"> | ||
| 9 | - <el-form :model="info" ref="ruleForm" label-width="140px" class="demo-ruleForm"> | ||
| 10 | - <el-row :gutter="20"> | ||
| 11 | - <el-col :span="9"> | ||
| 12 | - <el-form-item label="姓名" prop="name"> | ||
| 13 | - <div class="duiqi">{{info.name}}</div> | ||
| 14 | - </el-form-item> | ||
| 15 | - </el-col> | ||
| 16 | - <el-col :span="9"> | ||
| 17 | - <el-form-item label="手机号" prop="phone"> | ||
| 18 | - <div class="duiqi">{{info.phone}}</div> | ||
| 19 | - </el-form-item> | ||
| 20 | - </el-col> | ||
| 21 | - </el-row> | ||
| 22 | - <el-row :gutter="20"> | ||
| 23 | - <el-col :span="9"> | ||
| 24 | - <el-form-item label="证件类型" prop="idCardType"> | ||
| 25 | - <div class="duiqi">{{info.idCardType}}</div> | ||
| 26 | - </el-form-item> | ||
| 27 | - </el-col> | ||
| 28 | - <el-col :span="9"> | ||
| 29 | - <el-form-item label="身份证号码" prop="idCardNumber"> | ||
| 30 | - <div class="duiqi">{{info.idCardNumber}}</div> | ||
| 31 | - </el-form-item> | ||
| 32 | - </el-col> | ||
| 33 | - </el-row> | ||
| 34 | - <el-form-item label="身份证照片(正)" prop="idCardFrontImage"> | ||
| 35 | - <!-- <div style="margin-top: 10px;"> | ||
| 36 | - <el-image style="width: 200px;" :src="$baseURL+info.idCardFrontImage" fit="contain"></el-image> | ||
| 37 | - </div> --> | ||
| 38 | - <div style="display: flex;"> | ||
| 39 | - <allimg v-if="item" :src="item" fit="contain" v-for="item in info.idCardFrontImage.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/> | ||
| 40 | - </div> | ||
| 41 | - </el-form-item> | ||
| 42 | - <el-form-item label="身份证照片(反)" prop="idCardBackImage"> | ||
| 43 | - <!-- <div style="margin-top: 10px;"> | ||
| 44 | - <el-image style="width: 200px;" :src="$baseURL+info.idCardBackImage" fit="contain"></el-image> | ||
| 45 | - </div> --> | ||
| 46 | - <div style="display: flex;"> | ||
| 47 | - <allimg v-if="item" :src="item" fit="contain" v-for="item in info.idCardBackImage.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/> | ||
| 48 | - </div> | ||
| 49 | - </el-form-item> | ||
| 50 | - <el-row :gutter="20"> | ||
| 51 | - <el-col :span="9"> | ||
| 52 | - <el-form-item label="评级" prop="rating"> | ||
| 53 | - <div class="duiqi">{{info.rating || '-'}}</div> | ||
| 54 | - </el-form-item> | ||
| 55 | - </el-col> | ||
| 56 | - <el-col :span="9"> | ||
| 57 | - <el-form-item label="是否黑名单" prop="idCardNumber"> | ||
| 58 | - <div class="duiqi">{{info.isBlackList=='2'?'是':'否'}}</div> | ||
| 59 | - </el-form-item> | ||
| 60 | - </el-col> | ||
| 61 | - </el-row> | ||
| 62 | - </el-form> | 3 | + <div v-if="ontype == '1'"> |
| 4 | + <div > | ||
| 5 | + <el-tabs v-model="xiangTab"> | ||
| 6 | + <el-tab-pane label="商家信息" name="one"> | ||
| 7 | + <div style="margin-top: 30px;" class="editcss"> | ||
| 8 | + <TitleWithCircle title="基础信息" /> | ||
| 9 | + <div style="padding: 20px;margin-top: 10px;"> | ||
| 10 | + <el-form :model="info" ref="ruleForm" label-width="140px" class="demo-ruleForm"> | ||
| 11 | + <el-row :gutter="20"> | ||
| 12 | + <el-col :span="9"> | ||
| 13 | + <el-form-item label="姓名" prop="name"> | ||
| 14 | + <div class="duiqi">{{info.name}}</div> | ||
| 15 | + </el-form-item> | ||
| 16 | + </el-col> | ||
| 17 | + <el-col :span="9"> | ||
| 18 | + <el-form-item label="手机号" prop="phone"> | ||
| 19 | + <div class="duiqi">{{info.phone}}</div> | ||
| 20 | + </el-form-item> | ||
| 21 | + </el-col> | ||
| 22 | + </el-row> | ||
| 23 | + <el-row :gutter="20"> | ||
| 24 | + <el-col :span="9"> | ||
| 25 | + <el-form-item label="证件类型" prop="idCardType"> | ||
| 26 | + <div class="duiqi">{{info.idCardType}}</div> | ||
| 27 | + </el-form-item> | ||
| 28 | + </el-col> | ||
| 29 | + <el-col :span="9"> | ||
| 30 | + <el-form-item label="身份证号码" prop="idCardNumber"> | ||
| 31 | + <div class="duiqi">{{info.idCardNumber}}</div> | ||
| 32 | + </el-form-item> | ||
| 33 | + </el-col> | ||
| 34 | + </el-row> | ||
| 35 | + <el-form-item label="身份证照片(正)" prop="idCardFrontImage"> | ||
| 36 | + <div style="display: flex;"> | ||
| 37 | + <allimg v-if="item" :src="item" fit="contain" v-for="item in info.idCardFrontImage.split(',')" | ||
| 38 | + style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;" /> | ||
| 39 | + </div> | ||
| 40 | + </el-form-item> | ||
| 41 | + <el-form-item label="身份证照片(反)" prop="idCardBackImage"> | ||
| 42 | + <div style="display: flex;"> | ||
| 43 | + <allimg v-if="item" :src="item" fit="contain" v-for="item in info.idCardBackImage.split(',')" | ||
| 44 | + style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;" /> | ||
| 45 | + </div> | ||
| 46 | + </el-form-item> | ||
| 47 | + <el-row :gutter="20"> | ||
| 48 | + <el-col :span="9"> | ||
| 49 | + <el-form-item label="评级" prop="rating"> | ||
| 50 | + <div class="duiqi">{{info.rating || '-'}}</div> | ||
| 51 | + </el-form-item> | ||
| 52 | + </el-col> | ||
| 53 | + <el-col :span="9"> | ||
| 54 | + <el-form-item label="是否黑名单" prop="idCardNumber"> | ||
| 55 | + <div class="duiqi">{{info.isBlackList=='2'?'是':'否'}}</div> | ||
| 56 | + </el-form-item> | ||
| 57 | + </el-col> | ||
| 58 | + </el-row> | ||
| 59 | + </el-form> | ||
| 60 | + </div> | ||
| 63 | </div> | 61 | </div> |
| 64 | - <!-- <TitleWithCircle title="审核信息" /> | ||
| 65 | - <div style="padding: 20px;margin-top: 10px;"> | ||
| 66 | - <el-form :model="info" ref="ruleForm" label-width="140px" class="demo-ruleForm"> | ||
| 67 | - <el-row :gutter="20"> | ||
| 68 | - <el-col :span="9"> | ||
| 69 | - <el-form-item label="审核状态" prop="name"> | ||
| 70 | - <div class="duiqi"> | ||
| 71 | - <span v-if="info.checkState == '1'">待审核</span> | ||
| 72 | - <span v-else-if="info.checkState == '2'">同意</span> | ||
| 73 | - <span v-else-if="info.checkState == '3'">拒绝</span> | ||
| 74 | - </div> | ||
| 75 | - </el-form-item> | ||
| 76 | - </el-col> | ||
| 77 | - <el-col :span="9" v-if="info.checkState != '1' && info.checkOpinion"> | ||
| 78 | - <el-form-item label="审核意见" prop="phone"> | ||
| 79 | - <div class="duiqi">{{info.checkOpinion}}</div> | ||
| 80 | - </el-form-item> | ||
| 81 | - </el-col> | ||
| 82 | - </el-row> | ||
| 83 | - </el-form> | ||
| 84 | - </div> --> | ||
| 85 | - <!-- <div style="padding: 20px;margin-top: 10px;"> | ||
| 86 | - <el-table :data="list" | ||
| 87 | - :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"> | ||
| 88 | - | ||
| 89 | - <el-table-column label="审核时间"> | ||
| 90 | - <template slot-scope="scope"> | ||
| 91 | - {{scope.row.contractChangeReason}} | ||
| 92 | - | ||
| 93 | - </template> | ||
| 94 | - </el-table-column> | ||
| 95 | - <el-table-column label="审核结果"> | ||
| 96 | - <template slot-scope="scope"> | ||
| 97 | - {{scope.row.updateDate}} | ||
| 98 | - | ||
| 99 | - </template> | ||
| 100 | - </el-table-column> | ||
| 101 | - <el-table-column label="驳回意见"> | ||
| 102 | - <template slot-scope="scope"> | ||
| 103 | - {{scope.row.updateDate}} | ||
| 104 | - | ||
| 105 | - </template> | ||
| 106 | - </el-table-column> | ||
| 107 | - </el-table> | ||
| 108 | - | ||
| 109 | - </div> --> | ||
| 110 | - </div> | ||
| 111 | - </el-tab-pane> | ||
| 112 | - </el-tabs> | 62 | + </el-tab-pane> |
| 63 | + <el-tab-pane label="意向信息" name="two"> | ||
| 64 | + <div class="editcss" > | ||
| 65 | + <div style="padding: 20px;"> | ||
| 66 | + <el-table :data="datalistyx" | ||
| 67 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 68 | + tooltip-effect="dark custom-tooltip-effect"> | ||
| 69 | + <el-table-column label="序号" width="100"> | ||
| 70 | + <template slot-scope="scope"> | ||
| 71 | + {{scope.$index +1 }} | ||
| 72 | + </template> | ||
| 73 | + </el-table-column> | ||
| 74 | + <el-table-column label="意向租赁类型" prop="leaseType"/> | ||
| 75 | + <el-table-column label="主体名称" prop="leaseCycle" /> | ||
| 76 | + <el-table-column label="主体类型" prop="operationType" /> | ||
| 77 | + <el-table-column label="经营范围" prop="idCardNumber" /> | ||
| 78 | + </el-table> | ||
| 79 | + <div style="display: flex;justify-content: space-between;" class="bom"> | ||
| 80 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{totalyx}}</span> 项数据</div> | ||
| 81 | + <el-pagination :current-page="pagequeryyx.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequeryyx.pageSize" | ||
| 82 | + background small layout="prev, pager, next" :total="totalyx" @size-change="e => handleSizeChange(e,'pagequeryyx')" | ||
| 83 | + @current-change="e=> handleCurrentChange(e,'pagequeryyx')"> | ||
| 84 | + </el-pagination> | ||
| 85 | + </div> | ||
| 86 | + </div> | ||
| 87 | + </div> | ||
| 88 | + </el-tab-pane> | ||
| 89 | + <el-tab-pane label="招商过程信息" name="three"> | ||
| 90 | + <div class="editcss" style="margin-top: 30px;"> | ||
| 91 | + <TitleWithCircle title="跟进记录" /> | ||
| 92 | + <div style="padding: 20px;"> | ||
| 93 | + <el-table :data="datalistgg" | ||
| 94 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 95 | + tooltip-effect="dark custom-tooltip-effect"> | ||
| 96 | + <el-table-column label="序号" width="100"> | ||
| 97 | + <template slot-scope="scope"> | ||
| 98 | + {{scope.$index +1 }} | ||
| 99 | + </template> | ||
| 100 | + </el-table-column> | ||
| 101 | + <el-table-column label="跟进时间" prop="followUpTime"/> | ||
| 102 | + <el-table-column label="跟进类型" prop="followUpType" /> | ||
| 103 | + <el-table-column label="客户级别" prop="customerLevel" /> | ||
| 104 | + <el-table-column label="当前阶段" prop="currentStage" /> | ||
| 105 | + <el-table-column label="下次更进时间" prop="plan_Time" > | ||
| 106 | + <template slot-scope="scope"> | ||
| 107 | + {{scope.row.nextFollowUpStartTime}} - {{scope.row.nextFollowUpEndTime}} | ||
| 108 | + </template> | ||
| 109 | + </el-table-column> | ||
| 110 | + <el-table-column label="操作" fixed="right"> | ||
| 111 | + <template slot-scope="scope"> | ||
| 112 | + <div @click="open1(scope.row,'1')" class="tableBtn greens">查看记录</div> | ||
| 113 | + </template> | ||
| 114 | + </el-table-column> | ||
| 115 | + </el-table> | ||
| 116 | + <div style="display: flex;justify-content: space-between;" class="bom"> | ||
| 117 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{totalgg}}</span> 项数据</div> | ||
| 118 | + <el-pagination :current-page="pagequerygg.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequerygg.pageSize" | ||
| 119 | + background small layout="prev, pager, next" :total="totalgg" @size-change="e => handleSizeChange(e,'pagequerygg')" | ||
| 120 | + @current-change="e=> handleCurrentChange(e,'pagequerygg')"> | ||
| 121 | + </el-pagination> | ||
| 122 | + </div> | ||
| 123 | + </div> | ||
| 124 | + <TitleWithCircle title="谈判记录" /> | ||
| 125 | + <div style="padding: 20px;"> | ||
| 126 | + <el-table :data="datalisttp" | ||
| 127 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 128 | + tooltip-effect="dark custom-tooltip-effect"> | ||
| 129 | + <el-table-column label="序号" width="100"> | ||
| 130 | + <template slot-scope="scope"> | ||
| 131 | + {{scope.$index +1 }} | ||
| 132 | + </template> | ||
| 133 | + </el-table-column> | ||
| 134 | + <el-table-column label="谈判时间" prop="negotiationTime"/> | ||
| 135 | + <el-table-column label="谈判主题" prop="negotiationTheme" /> | ||
| 136 | + <el-table-column label="标段号" prop="bidSegmentNumber" /> | ||
| 137 | + <el-table-column label="当前阶段" prop="currentStage" /> | ||
| 138 | + <el-table-column label="下次谈判时间" prop="plan_Time" > | ||
| 139 | + <template slot-scope="scope"> | ||
| 140 | + {{scope.row.nextNegotiationStartTime}} - {{scope.row.nextNegotiationEndTime}} | ||
| 141 | + </template> | ||
| 142 | + </el-table-column> | ||
| 143 | + <el-table-column label="操作" fixed="right"> | ||
| 144 | + <template slot-scope="scope"> | ||
| 145 | + <div @click="open1(scope.row,'2')" class="tableBtn greens">查看记录</div> | ||
| 146 | + </template> | ||
| 147 | + </el-table-column> | ||
| 148 | + </el-table> | ||
| 149 | + <div style="display: flex;justify-content: space-between;" class="bom"> | ||
| 150 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{totaltp}}</span> 项数据</div> | ||
| 151 | + <el-pagination :current-page="pagequerytp.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequerytp.pageSize" | ||
| 152 | + background small layout="prev, pager, next" :total="totaltp" @size-change="e => handleSizeChange(e,'pagequerytp')" | ||
| 153 | + @current-change="e=> handleCurrentChange(e,'pagequerytp')"> | ||
| 154 | + </el-pagination> | ||
| 155 | + </div> | ||
| 156 | + </div> | ||
| 157 | + </div> | ||
| 158 | + </el-tab-pane> | ||
| 159 | + <el-tab-pane label="商户租赁信息" name="four"> | ||
| 160 | + <div class="editcss" style="margin-top: 30px;"> | ||
| 161 | + <TitleWithCircle title="商铺资源" /> | ||
| 162 | + <div style="padding: 20px;"> | ||
| 163 | + <el-table :data="zlsplist" | ||
| 164 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 165 | + tooltip-effect="dark custom-tooltip-effect"> | ||
| 166 | + <el-table-column label="序号" width="100"> | ||
| 167 | + <template slot-scope="scope"> | ||
| 168 | + {{scope.$index +1 }} | ||
| 169 | + </template> | ||
| 170 | + </el-table-column> | ||
| 171 | + <el-table-column label="商铺名称" prop="followUpTime"> | ||
| 172 | + <template slot-scope="scope"> | ||
| 173 | + {{scope.row.cereBasicInformationShop.shopName?scope.row.cereBasicInformationShop.shopName:scope.row.cereAdvertisingInformation.advertisingName?scope.row.cereAdvertisingInformation.advertisingName:scope.row.cereBasicInformationVenue.venueName}} | ||
| 174 | + </template> | ||
| 175 | + </el-table-column> | ||
| 176 | + <el-table-column label="店铺名称" prop="followUpType" > | ||
| 177 | + <template slot-scope="scope"> | ||
| 178 | + {{scope.row.cereBasicInformationShop?(scope.row.cereBasicInformationShop.storeName || '-'):'-'}} | ||
| 179 | + </template> | ||
| 180 | + </el-table-column> | ||
| 181 | + <el-table-column label="详细位置" prop="detailedLocation" > | ||
| 182 | + <template slot-scope="scope"> | ||
| 183 | + {{scope.row.cereBasicInformationShop.detailedLocation || '-'}} | ||
| 184 | + </template> | ||
| 185 | + </el-table-column> | ||
| 186 | + <el-table-column label="租金(元)/周期" prop="currentStage" > | ||
| 187 | + <template slot-scope="scope"> | ||
| 188 | + {{scope.row.contractAmount}}/{{ scope.row.paymentCycle }} | ||
| 189 | + </template> | ||
| 190 | + </el-table-column> | ||
| 191 | + <el-table-column label="操作" fixed="right"> | ||
| 192 | + <template slot-scope="scope"> | ||
| 193 | + <div @click="details(scope.row,'1')" class="tableBtn greens">查看</div> | ||
| 194 | + </template> | ||
| 195 | + </el-table-column> | ||
| 196 | + </el-table> | ||
| 197 | + <div style="display: flex;justify-content: space-between;" class="bom"> | ||
| 198 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{zlsplist.length}}</span> 项数据</div> | ||
| 199 | + <el-pagination :current-page="1" :page-sizes="[10, 20, 50, 100]" :page-size="50" | ||
| 200 | + background small layout="prev, pager, next" :total="zlsplist.length" > | ||
| 201 | + </el-pagination> | ||
| 202 | + </div> | ||
| 203 | + </div> | ||
| 204 | + <TitleWithCircle title="广告位资源" /> | ||
| 205 | + <div style="padding: 20px;"> | ||
| 206 | + <el-table :data="zlgglist" | ||
| 207 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 208 | + tooltip-effect="dark custom-tooltip-effect"> | ||
| 209 | + <el-table-column label="序号" width="100"> | ||
| 210 | + <template slot-scope="scope"> | ||
| 211 | + {{scope.$index +1 }} | ||
| 212 | + </template> | ||
| 213 | + </el-table-column> | ||
| 214 | + <el-table-column label="广告位名称" prop="followUpTime"> | ||
| 215 | + <template slot-scope="scope"> | ||
| 216 | + {{scope.row.cereBasicInformationShop.shopName?scope.row.cereBasicInformationShop.shopName:scope.row.cereAdvertisingInformation.advertisingName?scope.row.cereAdvertisingInformation.advertisingName:scope.row.cereBasicInformationVenue.venueName}} | ||
| 217 | + </template> | ||
| 218 | + </el-table-column> | ||
| 219 | + <el-table-column label="投放时间" prop="followUpTime"> | ||
| 220 | + <template slot-scope="scope"> | ||
| 221 | + {{scope.row.leaseStartDate}} 至 {{scope.row.contractTerminationDate}} | ||
| 222 | + </template> | ||
| 223 | + </el-table-column> | ||
| 224 | + <el-table-column label="广告位类型" prop="followUpTime"> | ||
| 225 | + <template slot-scope="scope"> | ||
| 226 | + {{scope.row.cereAdvertisingInformation.advertisingType}} | ||
| 227 | + </template> | ||
| 228 | + </el-table-column> | ||
| 229 | + <el-table-column label="操作" fixed="right"> | ||
| 230 | + <template slot-scope="scope"> | ||
| 231 | + <div @click="details(scope.row,'1')" class="tableBtn greens">查看</div> | ||
| 232 | + </template> | ||
| 233 | + </el-table-column> | ||
| 234 | + </el-table> | ||
| 235 | + <div style="display: flex;justify-content: space-between;" class="bom"> | ||
| 236 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{zlgglist.length}}</span> 项数据</div> | ||
| 237 | + <el-pagination :current-page="1" :page-sizes="[10, 20, 50, 100]" :page-size="50" | ||
| 238 | + background small layout="prev, pager, next" :total="zlgglist.length" > | ||
| 239 | + </el-pagination> | ||
| 240 | + </div> | ||
| 241 | + </div> | ||
| 242 | + </div> | ||
| 243 | + </el-tab-pane> | ||
| 244 | + <el-tab-pane label="缴费记录" name="five"> | ||
| 245 | + <div class="editcss" style="margin-top: 30px;"> | ||
| 246 | + <TitleWithCircle title="租赁缴费" /> | ||
| 247 | + <div style="padding: 20px;"> | ||
| 248 | + <el-table :data="datalistzljf" | ||
| 249 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 250 | + tooltip-effect="dark custom-tooltip-effect"> | ||
| 251 | + <el-table-column label="序号" width="100"> | ||
| 252 | + <template slot-scope="scope"> | ||
| 253 | + {{scope.$index +1 }} | ||
| 254 | + </template> | ||
| 255 | + </el-table-column> | ||
| 256 | + <el-table-column label="资源名称" prop="shopName"/> | ||
| 257 | + <el-table-column label="租金/周期" > | ||
| 258 | + <template slot-scope="scope"> | ||
| 259 | + {{ scope.row.paymentAmount }} / {{ scope.row.payType=='1'?'日':scope.row.payType=='2'?'月':scope.row.payType=='3'?'季':scope.row.payType=='4'?'年':'' }} | ||
| 260 | + </template> | ||
| 261 | + </el-table-column> | ||
| 262 | + <el-table-column label="付款日" prop="payDay"/> | ||
| 263 | + <el-table-column label="缴费时间" prop="paymentTime"/> | ||
| 264 | + <el-table-column label="付款类型" > | ||
| 265 | + <template slot-scope="scope"> | ||
| 266 | + 线上缴费 | ||
| 267 | + </template> | ||
| 268 | + </el-table-column> | ||
| 269 | + | ||
| 270 | + <el-table-column label="状态" prop="payState"> | ||
| 271 | + <template slot-scope="scope"> | ||
| 272 | + {{ scope.row.payState=='0'?'未缴费':scope.row.payState=='1'?'缴费成功':'' }} | ||
| 273 | + </template> | ||
| 274 | + </el-table-column> | ||
| 275 | + <el-table-column label="财务复核" prop="isOpeningInvoice"> | ||
| 276 | + <template slot-scope="scope"> | ||
| 277 | + {{ scope.row.isOpeningInvoice=='0'?'待复核':scope.row.isOpeningInvoice=='1'?'待开发票':scope.row.isOpeningInvoice=='2'?'已开发票':'-'}} | ||
| 278 | + </template> | ||
| 279 | + </el-table-column> | ||
| 280 | + <el-table-column label="操作" fixed="right"> | ||
| 281 | + <template slot-scope="scope"> | ||
| 282 | + <div class="tableBtn greens">查看</div> | ||
| 283 | + <div @click="fhjf(scope.row)" class="tableBtn greens" v-if="scope.row.payState=='1' && scope.row.isOpeningInvoice=='0'">复核</div> | ||
| 284 | + <div @click ="openckfapinfo(scope.row)" class="tableBtn greens" v-if="scope.row.isOpeningInvoice=='2'">查看开票信息</div> | ||
| 285 | + <div @click ="openaddfapinfo(scope.row)" class="tableBtn greens" v-if="scope.row.isOpeningInvoice=='1'">上传发票</div> | ||
| 286 | + </template> | ||
| 287 | + </el-table-column> | ||
| 288 | + </el-table> | ||
| 289 | + <div style="display: flex;justify-content: space-between;" class="bom"> | ||
| 290 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{totalzljf}}</span> 项数据</div> | ||
| 291 | + <el-pagination :current-page="pagequeryzljf.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequeryzljf.pageSize" | ||
| 292 | + background small layout="prev, pager, next" :total="totalzljf" @size-change="e => handleSizeChange(e,'pagequeryzljf')" | ||
| 293 | + @current-change="e=> handleCurrentChange(e,'pagequeryzljf')"> | ||
| 294 | + </el-pagination> | ||
| 295 | + </div> | ||
| 296 | + </div> | ||
| 297 | + <TitleWithCircle title="物业缴费" /> | ||
| 298 | + <div style="padding: 20px;"> | ||
| 299 | + <el-table :data="datalistwyjf" | ||
| 300 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 301 | + tooltip-effect="dark custom-tooltip-effect"> | ||
| 302 | + <el-table-column label="序号" width="100"> | ||
| 303 | + <template slot-scope="scope"> | ||
| 304 | + {{scope.$index +1 }} | ||
| 305 | + </template> | ||
| 306 | + </el-table-column> | ||
| 307 | + <el-table-column label="店铺" prop="merchantName"/> | ||
| 308 | + <el-table-column label="金额(元)" prop="actualPaymentFee"> | ||
| 309 | + <template slot-scope="scope"> | ||
| 310 | + {{ scope.row.actualPaymentFee/100}} | ||
| 311 | + </template> | ||
| 312 | + </el-table-column> | ||
| 313 | + <el-table-column label="付款时间" prop="paymentCompletionTime"> | ||
| 314 | + <template slot-scope="scope"> | ||
| 315 | + {{ scope.row.paymentCompletionTime || '-'}} | ||
| 316 | + </template> | ||
| 317 | + </el-table-column> | ||
| 318 | + <el-table-column label="备注" prop="paymentMethod"> | ||
| 319 | + <template slot-scope="scope"> | ||
| 320 | + {{ scope.row.paymentMethod || '-'}} | ||
| 321 | + </template> | ||
| 322 | + </el-table-column> | ||
| 323 | + </el-table> | ||
| 324 | + <div style="display: flex;justify-content: space-between;" class="bom"> | ||
| 325 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{totalwyjf}}</span> 项数据</div> | ||
| 326 | + <el-pagination :current-page="pagequerywyjf.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequerywyjf.pageSize" | ||
| 327 | + background small layout="prev, pager, next" :total="totalwyjf" @size-change="e => handleSizeChange(e,'pagequerywyjf')" | ||
| 328 | + @current-change="e=> handleCurrentChange(e,'pagequerywyjf')"> | ||
| 329 | + </el-pagination> | ||
| 330 | + </div> | ||
| 331 | + </div> | ||
| 332 | + </div> | ||
| 333 | + </el-tab-pane> | ||
| 334 | + <el-tab-pane label="合同信息" name="six"> | ||
| 335 | + <div class="editcss" > | ||
| 336 | + <div style="padding: 20px;"> | ||
| 337 | + <el-table :data="datalistht" | ||
| 338 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 339 | + tooltip-effect="dark custom-tooltip-effect"> | ||
| 340 | + <el-table-column label="序号" width="100"> | ||
| 341 | + <template slot-scope="scope"> | ||
| 342 | + {{scope.$index +1 }} | ||
| 343 | + </template> | ||
| 344 | + </el-table-column> | ||
| 345 | + <el-table-column label="合同名称" prop="contractName"/> | ||
| 346 | + <el-table-column label="合同金额(元)" prop="contractAmount"/> | ||
| 347 | + <el-table-column label="签订日期" prop="contractSigningDate"/> | ||
| 348 | + <el-table-column label="终止日期" prop="contractTerminationDate"/> | ||
| 349 | + <el-table-column label="合同类型" prop="contractType"/> | ||
| 350 | + <el-table-column label="状态" prop="dataStatus"> | ||
| 351 | + <template slot-scope="scope"> | ||
| 352 | + <span v-if='scope.row.dataStatus == 1'>使用中</span> | ||
| 353 | + <span v-else-if='scope.row.dataStatus == 2'>往期合同</span> | ||
| 354 | + <span v-else-if='scope.row.dataStatus == 3'>已终止</span> | ||
| 355 | + <span v-else-if='scope.row.dataStatus == 4'>待发起</span> | ||
| 356 | + <span v-else-if='scope.row.dataStatus == 5'>待审核</span> | ||
| 357 | + <span v-else-if='scope.row.dataStatus == 6'>已拒绝</span> | ||
| 358 | + <span v-else>-</span> | ||
| 359 | + </template> | ||
| 360 | + </el-table-column> | ||
| 361 | + <el-table-column label="操作" fixed="right"> | ||
| 362 | + <template slot-scope="scope"> | ||
| 363 | + <div @click="details(scope.row,'1')" class="tableBtn greens">查看</div> | ||
| 364 | + <div v-if='scope.row.dataStatus == 1' @click="removeinfo(scope.row,'合同变更')" class="tableBtn greens">合同变更</div> | ||
| 365 | + <div v-if='scope.row.dataStatus == 1' @click="removeinfo(scope.row,'合同续约')" class="tableBtn greens">合同续约</div> | ||
| 366 | + <div v-if='scope.row.dataStatus == 1' @click="removeinfozz(scope.row,'合同终止')" class="tableBtn greens">合同终止</div> | ||
| 367 | + </template> | ||
| 368 | + </el-table-column> | ||
| 369 | + </el-table> | ||
| 370 | + <div style="display: flex;justify-content: space-between;" class="bom"> | ||
| 371 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{totalht}}</span> 项数据</div> | ||
| 372 | + <el-pagination :current-page="pagequeryht.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequeryht.pageSize" | ||
| 373 | + background small layout="prev, pager, next" :total="totalht" @size-change="e => handleSizeChange(e,'pagequeryht')" | ||
| 374 | + @current-change="e=> handleCurrentChange(e,'pagequeryht')"> | ||
| 375 | + </el-pagination> | ||
| 376 | + </div> | ||
| 377 | + </div> | ||
| 378 | + </div> | ||
| 379 | + </el-tab-pane> | ||
| 380 | + </el-tabs> | ||
| 381 | + </div> | ||
| 382 | + <div v-if="info.checkState == '1' && issp == '2'"> | ||
| 383 | + <TitleWithCircle title="审核情况" /> | ||
| 384 | + <div style="padding: 20px;"> | ||
| 385 | + <el-form :model="info" label-width="100px" class="demo-ruleForm"> | ||
| 386 | + <el-form-item label="状态" style="align-items: center;"> | ||
| 387 | + <el-radio v-model="radio" label="2">通过</el-radio> | ||
| 388 | + <el-radio v-model="radio" label="3">不通过</el-radio> | ||
| 389 | + </el-form-item> | ||
| 390 | + <el-form-item label="审核意见"> | ||
| 391 | + <el-input maxlength="200" show-word-limit rows="4" v-model="checkOpinion" placeholder="请输入审核意见" | ||
| 392 | + type="textarea" /> | ||
| 393 | + </el-form-item> | ||
| 394 | + </el-form> | ||
| 395 | + </div> | ||
| 396 | + </div> | ||
| 397 | + <div v-if="info.checkState == '2' || info.checkState == '3'"> | ||
| 398 | + <TitleWithCircle title="审核结果" /> | ||
| 399 | + <div style="padding: 20px;"> | ||
| 400 | + <el-form :model="info" label-width="100px" class="demo-ruleForm"> | ||
| 401 | + <el-form-item label="状态"> | ||
| 402 | + <div class="duiqi">{{info.checkState=='2'?'已通过':info.checkState=='3'?'不通过':'无'}}</div> | ||
| 403 | + </el-form-item> | ||
| 404 | + <el-form-item label="审核意见"> | ||
| 405 | + <div class="duiqi">{{info.checkOpinion || '无'}}</div> | ||
| 406 | + </el-form-item> | ||
| 407 | + </el-form> | ||
| 408 | + </div> | ||
| 409 | + </div> | ||
| 410 | + <div> | ||
| 411 | + <el-button v-if="info.checkState == '1' && issp == '2'" @click="minSev" | ||
| 412 | + style="background-color: #3F9B6A;color: #fff;">确定</el-button> | ||
| 413 | + <el-button class="buttonHover" | ||
| 414 | + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;" | ||
| 415 | + @click="changetype">返回</el-button> | ||
| 416 | + </div> | ||
| 113 | </div> | 417 | </div> |
| 114 | - <div v-if="info.checkState == '1' && issp == '2'"> | ||
| 115 | - <TitleWithCircle title="审核情况"/> | ||
| 116 | - <div style="padding: 20px;"> | ||
| 117 | - <el-form :model="info" label-width="100px" class="demo-ruleForm"> | ||
| 118 | - <el-form-item label="状态" style="align-items: center;"> | ||
| 119 | - <el-radio v-model="radio" label="2">通过</el-radio> | ||
| 120 | - <el-radio v-model="radio" label="3">不通过</el-radio> | 418 | + <div class="zhuti" v-if="ontype == '3'" style="margin-top: 30px;"> |
| 419 | + <TitleWithCircle title="跟进日志" v-if="zstype == '1'"/> | ||
| 420 | + <TitleWithCircle title="谈判日志" v-if="zstype == '2'"/> | ||
| 421 | + <div style="padding: 20px;margin-top: 10px;" v-if="zstype == '1'"> | ||
| 422 | + <el-form :model="formInline" ref="formInline" label-width="120px" class="demo-ruleForm"> | ||
| 423 | + <el-row :gutter="20"> | ||
| 424 | + <el-col :span="12"> | ||
| 425 | + <el-form-item label="跟进时间" prop="followUpTime"> | ||
| 426 | + <div class="duiqi">{{formInline.followUpTime || '无'}}</div> | ||
| 427 | + </el-form-item> | ||
| 428 | + </el-col> | ||
| 429 | + <el-col :span="12"> | ||
| 430 | + <el-form-item label="跟进类型" prop="followUpType" > | ||
| 431 | + <div class="duiqi">{{formInline.followUpType || '无'}}</div> | ||
| 432 | + </el-form-item> | ||
| 433 | + </el-col> | ||
| 434 | + <el-col :span="12"> | ||
| 435 | + <el-form-item label="客户级别" prop="customerLevel" style="width: 100%;"> | ||
| 436 | + <div class="duiqi">{{formInline.customerLevel || '无'}}</div> | ||
| 437 | + </el-form-item> | ||
| 438 | + </el-col> | ||
| 439 | + <el-col :span="12"> | ||
| 440 | + <el-form-item label="当前阶段" prop="currentStage"> | ||
| 441 | + <div class="duiqi">{{formInline.currentStage || '无'}}</div> | ||
| 442 | + </el-form-item> | ||
| 443 | + </el-col> | ||
| 444 | + </el-row> | ||
| 445 | + <el-form-item label="意向资源" style="width: 100%;"> | ||
| 446 | + <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong"> | ||
| 447 | + <div style="padding: 15px;"> | ||
| 448 | + <div style="padding: 0px 20px 0px 0px"> | ||
| 449 | + <el-table :data="addziyuanData" | ||
| 450 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"> | ||
| 451 | + <el-table-column label="序号"> | ||
| 452 | + <template slot-scope="scope"> | ||
| 453 | + {{scope.$index + 1}} | ||
| 454 | + </template> | ||
| 455 | + </el-table-column> | ||
| 456 | + <el-table-column label="资源编号" prop="id" ></el-table-column> | ||
| 457 | + <el-table-column label="意向资源名称" prop="name" show-overflow-tooltip> | ||
| 458 | + <template slot-scope="scope"> | ||
| 459 | + {{scope.row.shopName ? scope.row.shopName : scope.row.advertisingName?scope.row.advertisingName:scope.row.venueName}} | ||
| 460 | + </template> | ||
| 461 | + </el-table-column> | ||
| 462 | + <el-table-column label="意向资源类型" prop="type" > | ||
| 463 | + <template slot-scope="scope"> | ||
| 464 | + {{scope.row.shopName ? '商铺' : scope.row.advertisingType?scope.row.advertisingType:'场地'}} | ||
| 465 | + </template> | ||
| 466 | + </el-table-column> | ||
| 467 | + </el-table> | ||
| 468 | + </div> | ||
| 469 | + </div> | ||
| 470 | + </div> | ||
| 471 | + </el-form-item> | ||
| 472 | + <el-form-item label="内容反馈" prop="contentFeedback"> | ||
| 473 | + <div class="duiqi">{{formInline.contentFeedback || '无'}}</div> | ||
| 474 | + </el-form-item> | ||
| 475 | + <el-form-item label="现场照片"> | ||
| 476 | + <div style="display: flex;"> | ||
| 477 | + <allimg v-if="item" :src="item" fit="contain" v-for="item in imgList" | ||
| 478 | + style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;" /> | ||
| 479 | + </div> | ||
| 480 | + </el-form-item> | ||
| 481 | + <el-form-item label="下次更进时间" prop="plan_Time"> | ||
| 482 | + <div class="duiqi">{{formInline.plan_Time?formInline.plan_Time.length>0?formInline.plan_Time[0]+' 至 '+formInline.plan_Time[1]:'无':'无'}}</div> | ||
| 483 | + </el-form-item> | ||
| 484 | + </el-form> | ||
| 485 | + </div> | ||
| 486 | + <div style="padding: 20px;margin-top: 10px;" v-if="zstype == '2'"> | ||
| 487 | + <el-form ref="tanform" :model="formInline" label-width="120px"> | ||
| 488 | + <el-form-item label="谈判时间" prop="negotiationTime"> | ||
| 489 | + <div class="duiqi">{{formInline.negotiationTime || '无'}}</div> | ||
| 121 | </el-form-item> | 490 | </el-form-item> |
| 122 | - <el-form-item label="审核意见"> | ||
| 123 | - <el-input maxlength="200" show-word-limit rows="4" v-model="checkOpinion" placeholder="请输入审核意见" | ||
| 124 | - type="textarea" /> | 491 | + <el-form-item label="谈判主题" prop="negotiationTheme" > |
| 492 | + <div class="duiqi">{{formInline.negotiationTheme || '无'}}</div> | ||
| 125 | </el-form-item> | 493 | </el-form-item> |
| 126 | - </el-form> | ||
| 127 | - </div> | ||
| 128 | - </div> | ||
| 129 | - <div v-if="info.checkState == '2' || info.checkState == '3'"> | ||
| 130 | - <TitleWithCircle title="审核结果"/> | ||
| 131 | - <div style="padding: 20px;"> | ||
| 132 | - <el-form :model="info" label-width="100px" class="demo-ruleForm" > | ||
| 133 | - <el-form-item label="状态"> | ||
| 134 | - <div class="duiqi">{{info.checkState=='2'?'已通过':info.checkState=='3'?'不通过':'无'}}</div> | 494 | + <el-form-item label="标段号" prop="bidSegmentNumber" > |
| 495 | + <div class="duiqi">{{formInline.bidSegmentNumber || '无'}}</div> | ||
| 496 | + </el-form-item> | ||
| 497 | + | ||
| 498 | + <el-form-item label="会议纪要" prop="meetingMinutes"> | ||
| 499 | + <div class="duiqi">{{formInline.meetingMinutes || '无'}}</div> | ||
| 500 | + </el-form-item> | ||
| 501 | + <el-form-item label="谈判内容" prop="negotiationContent"> | ||
| 502 | + <div class="duiqi">{{formInline.negotiationContent || '无'}}</div> | ||
| 503 | + </el-form-item> | ||
| 504 | + <el-form-item label="谈判结果" prop="negotiationResult"> | ||
| 505 | + <div class="duiqi">{{formInline.negotiationResult || '无'}}</div> | ||
| 506 | + </el-form-item> | ||
| 507 | + <el-form-item label="当前阶段" prop="currentStage"> | ||
| 508 | + <div class="duiqi">{{formInline.currentStage || '无'}}</div> | ||
| 135 | </el-form-item> | 509 | </el-form-item> |
| 136 | - <el-form-item label="审核意见"> | ||
| 137 | - <div class="duiqi">{{info.checkOpinion || '无'}}</div> | 510 | + <el-form-item label="其他附件" prop="otherAttachments"> |
| 511 | + <div class="duiqi greens" | ||
| 512 | + @click="formInline.otherAttachments?openfile(formInline.otherAttachments):''"> | ||
| 513 | + {{formInline.otherAttachments?'查看详情':'暂无文件'}}</div> | ||
| 514 | + </el-form-item> | ||
| 515 | + <el-form-item label="现场照片"> | ||
| 516 | + <div style="display:flex;flex-wrap: wrap"> | ||
| 517 | + <div style="display: flex;"> | ||
| 518 | + <allimg v-if="item" :src="item" fit="contain" v-for="item in imgList" | ||
| 519 | + style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;" /> | ||
| 520 | + </div> | ||
| 521 | + </div> | ||
| 522 | + </el-form-item> | ||
| 523 | + <el-form-item label="下次谈判时间" prop="plan_Time"> | ||
| 524 | + <div class="duiqi">{{formInline.plan_Time?formInline.plan_Time.length>0&&formInline.plan_Time[0]?formInline.plan_Time[0]+' 至 '+formInline.plan_Time[1]:'无':'无'}}</div> | ||
| 138 | </el-form-item> | 525 | </el-form-item> |
| 139 | </el-form> | 526 | </el-form> |
| 140 | </div> | 527 | </div> |
| 528 | + <div style="display: flex;"> | ||
| 529 | + <el-button @click="closeFn" class="buttonHover" | ||
| 530 | + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">返回</el-button> | ||
| 531 | + </div> | ||
| 141 | </div> | 532 | </div> |
| 142 | - <div> | ||
| 143 | - <el-button v-if="info.checkState == '1' && issp == '2'" @click="minSev" | ||
| 144 | - style="background-color: #3F9B6A;color: #fff;">确定</el-button> | ||
| 145 | - <el-button class="buttonHover" | ||
| 146 | - style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;" | ||
| 147 | - @click="changetype">返回</el-button> | 533 | + <div class="zhuti" v-if="ontype == '4'"> |
| 534 | + <!-- <TitleWithCircle title="合同管理"/> --> | ||
| 535 | + <div> | ||
| 536 | + <busCha :issp="issp" :info="detailsinfo" @removeonaction="removeonaction"></busCha> | ||
| 537 | + </div> | ||
| 538 | + </div> | ||
| 539 | + <div class="zhuti" v-if="ontype == '5'"> | ||
| 540 | + <!-- <TitleWithCircle :title="contractChangeReason"/> --> | ||
| 541 | + <div style="padding: 20px 20px 20px 0;"> | ||
| 542 | + <add :info="detailsinfo" :contractChangeReason="contractChangeReason" @removeonaction="removeonaction"></add> | ||
| 543 | + </div> | ||
| 148 | </div> | 544 | </div> |
| 545 | + <el-dialog :visible.sync="addfapinfo" title="上传发票" width="65%" append-to-body center :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false"> | ||
| 546 | + <el-form :model="fapinfo" :rules="rulesfapinfo" ref="fapForm" label-width="130px" class="demo-ruleForm"> | ||
| 547 | + <el-row :gutter="20" v-if="isaddshow"> | ||
| 548 | + <el-col :span="12"> | ||
| 549 | + <el-form-item label="商铺类型" prop="invoiceType"> | ||
| 550 | + <el-select v-model="fapinfo.invoiceType" placeholder="请选择" style="width: 100%;"> | ||
| 551 | + <el-option label="普通发票" value="普通发票"></el-option> | ||
| 552 | + <el-option label="专用发票" value="专用发票"></el-option> | ||
| 553 | + </el-select> | ||
| 554 | + </el-form-item> | ||
| 555 | + </el-col> | ||
| 556 | + <el-col :span="12"> | ||
| 557 | + <el-form-item label="抬头类型" prop="titleType"> | ||
| 558 | + <el-select v-model="fapinfo.titleType" placeholder="请选择" style="width: 100%;" @change="changeTitleType"> | ||
| 559 | + <el-option label="个人" value="个人"></el-option> | ||
| 560 | + <el-option label="单位" value="单位"></el-option> | ||
| 561 | + </el-select> | ||
| 562 | + </el-form-item> | ||
| 563 | + </el-col> | ||
| 564 | + <el-col :span="12"> | ||
| 565 | + <el-form-item label="发票抬头" prop="invoiceTitle"> | ||
| 566 | + <el-input v-model="fapinfo.invoiceTitle" placeholder="请输入" maxlength="50"></el-input> | ||
| 567 | + </el-form-item> | ||
| 568 | + </el-col> | ||
| 569 | + <el-col :span="12"> | ||
| 570 | + <el-form-item label="单位税号" prop="unitTaxNo"> | ||
| 571 | + <el-input v-model="fapinfo.unitTaxNo" placeholder="请输入" maxlength="50"></el-input> | ||
| 572 | + </el-form-item> | ||
| 573 | + </el-col> | ||
| 574 | + <el-col :span="12"> | ||
| 575 | + <el-form-item label="注册地址" prop="registerAddress"> | ||
| 576 | + <el-input v-model="fapinfo.registerAddress" placeholder="请输入" maxlength="50"></el-input> | ||
| 577 | + </el-form-item> | ||
| 578 | + </el-col> | ||
| 579 | + <el-col :span="12"> | ||
| 580 | + <el-form-item label="注册电话" prop="registerPhone"> | ||
| 581 | + <el-input v-model="fapinfo.registerPhone" placeholder="请输入" maxlength="50"></el-input> | ||
| 582 | + </el-form-item> | ||
| 583 | + </el-col> | ||
| 584 | + <el-col :span="12"> | ||
| 585 | + <el-form-item label="开户银行" prop="openingBank"> | ||
| 586 | + <el-input v-model="fapinfo.openingBank" placeholder="请输入" maxlength="50"></el-input> | ||
| 587 | + </el-form-item> | ||
| 588 | + </el-col> | ||
| 589 | + <el-col :span="12"> | ||
| 590 | + <el-form-item label="收票邮箱" prop="receiptEmail"> | ||
| 591 | + <el-input v-model="fapinfo.receiptEmail" placeholder="请输入" maxlength="50"></el-input> | ||
| 592 | + </el-form-item> | ||
| 593 | + </el-col> | ||
| 594 | + </el-row> | ||
| 595 | + | ||
| 596 | + <el-form-item label="发票图片" prop="invoiceUrl"> | ||
| 597 | + <upimg :cmpOption="{disabled:false,isSetCover:false}" filePath="sp" inputtype="architecturalDrawings" :value="fapinfo.invoiceUrl" | ||
| 598 | + @changimg="e=>changimg(e,'invoiceUrl')"></upimg> | ||
| 599 | + </el-form-item> | ||
| 600 | + <el-form-item> | ||
| 601 | + <div style="margin-top: 20px;display: flex;flex-direction: row-reverse;"> | ||
| 602 | + <el-button @click="addfapinfo = false" class="buttonHover" | ||
| 603 | + style="color: #606266;border: 1px solid #DBDBDB;background-color: #fff;margin-left: 15px;">取消</el-button> | ||
| 604 | + <el-button @click="add()" style="background-color: #3F9B6A;color: #fff;">确定</el-button> | ||
| 605 | + | ||
| 606 | + </div> | ||
| 607 | + </el-form-item> | ||
| 608 | + </el-form> | ||
| 609 | + </el-dialog> | ||
| 610 | + <el-dialog :visible.sync="ckfapinfo" title="查看发票" width="65%" append-to-body center :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false"> | ||
| 611 | + <el-form :model="formInline" :rules="rulesfapinfo" ref="fapForm" label-width="130px" class="demo-ruleForm"> | ||
| 612 | + <el-row :gutter="20"> | ||
| 613 | + <el-col :span="12"> | ||
| 614 | + <el-form-item label="发票类型" prop="invoiceType"> | ||
| 615 | + <div class="duiqi">{{formInline.invoiceType || '无'}}</div> | ||
| 616 | + </el-form-item> | ||
| 617 | + </el-col> | ||
| 618 | + <el-col :span="12"> | ||
| 619 | + <el-form-item label="抬头类型" prop="titleType"> | ||
| 620 | + <div class="duiqi">{{formInline.titleType || '无'}}</div> | ||
| 621 | + </el-form-item> | ||
| 622 | + </el-col> | ||
| 623 | + <el-col :span="12"> | ||
| 624 | + <el-form-item label="发票抬头" prop="invoiceTitle"> | ||
| 625 | + <div class="duiqi">{{formInline.invoiceTitle || '无'}}</div> | ||
| 626 | + </el-form-item> | ||
| 627 | + </el-col> | ||
| 628 | + </el-row> | ||
| 629 | + <el-row :gutter="20"> | ||
| 630 | + <el-col :span="12"> | ||
| 631 | + <el-form-item label="单位税号" prop="unitTaxNo"> | ||
| 632 | + <div class="duiqi">{{formInline.unitTaxNo || '无'}}</div> | ||
| 633 | + </el-form-item> | ||
| 634 | + </el-col> | ||
| 635 | + <el-col :span="12"> | ||
| 636 | + <el-form-item label="注册地址" prop="registerAddress"> | ||
| 637 | + <div class="duiqi">{{formInline.registerAddress || '无'}}</div> | ||
| 638 | + </el-form-item> | ||
| 639 | + </el-col> | ||
| 640 | + <el-col :span="12"> | ||
| 641 | + <el-form-item label="注册电话" prop="registerPhone"> | ||
| 642 | + <div class="duiqi">{{formInline.registerPhone || '无'}}</div> | ||
| 643 | + </el-form-item> | ||
| 644 | + </el-col> | ||
| 645 | + </el-row> | ||
| 646 | + <el-row :gutter="20"> | ||
| 647 | + <el-col :span="12"> | ||
| 648 | + <el-form-item label="开户银行" prop="openingBank"> | ||
| 649 | + <div class="duiqi">{{formInline.openingBank || '无'}}</div> | ||
| 650 | + </el-form-item> | ||
| 651 | + </el-col> | ||
| 652 | + <el-col :span="12"> | ||
| 653 | + <el-form-item label="收票邮箱" prop="receiptEmail"> | ||
| 654 | + <div class="duiqi">{{formInline.receiptEmail || '无'}}</div> | ||
| 655 | + </el-form-item> | ||
| 656 | + </el-col> | ||
| 657 | + </el-row> | ||
| 658 | + <el-form-item label="发票图片" prop="invoiceUrl"> | ||
| 659 | + <div v-if="formInline.invoiceUrl"> | ||
| 660 | + <div style="display: flex;"> | ||
| 661 | + <allimg v-if="item" :src="item" fit="contain" v-for="item in formInline.invoiceUrl.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/> | ||
| 662 | + </div> | ||
| 663 | + </div> | ||
| 664 | + <div class="duiqi" v-else>无</div> | ||
| 665 | + </el-form-item> | ||
| 666 | + <el-form-item> | ||
| 667 | + <div style="margin-top: 20px;display: flex;flex-direction: row-reverse;"> | ||
| 668 | + <el-button @click="ckfapinfo = false" class="buttonHover" | ||
| 669 | + style="color: #606266;border: 1px solid #DBDBDB;background-color: #fff;margin-left: 15px;">关闭</el-button> | ||
| 670 | + </div> | ||
| 671 | + </el-form-item> | ||
| 672 | + </el-form> | ||
| 673 | + </el-dialog> | ||
| 149 | </div> | 674 | </div> |
| 150 | </template> | 675 | </template> |
| 151 | 676 | ||
| 152 | <script> | 677 | <script> |
| 678 | + import upimg from "@/components/ImageUpload/index" | ||
| 153 | import { | 679 | import { |
| 154 | - cerePlatformMerchantedit | 680 | + cerePlatformMerchantedit, |
| 681 | + | ||
| 682 | + cereNegotiationDetails, | ||
| 683 | + cereFollowDetails, | ||
| 684 | + cerePropertyOrder, | ||
| 685 | + editToRecheck, | ||
| 686 | + cereInvoiceTitleadd, | ||
| 687 | + cereInvoiceTitlegetByTenementId, | ||
| 688 | + cereContractInformationgetPage, | ||
| 689 | + cerePaymentInfo, | ||
| 690 | + cereContractInformationgetPages | ||
| 155 | } from '@/api/newly.js' | 691 | } from '@/api/newly.js' |
| 692 | + import { | ||
| 693 | + icManAll | ||
| 694 | + } from '@/api/icManagement.js' | ||
| 156 | import TitleWithCircle from '@/components/top/index'; | 695 | import TitleWithCircle from '@/components/top/index'; |
| 157 | import allimg from '@/components/chakan/allimg.vue'; | 696 | import allimg from '@/components/chakan/allimg.vue'; |
| 697 | + import busCha from '@/components/buscha/busCha' | ||
| 698 | + import add from '@/components/add/addht.vue' | ||
| 158 | export default { | 699 | export default { |
| 159 | components: { | 700 | components: { |
| 160 | TitleWithCircle, | 701 | TitleWithCircle, |
| 161 | - allimg | 702 | + allimg, |
| 703 | + upimg, | ||
| 704 | + busCha, | ||
| 705 | + add | ||
| 162 | }, | 706 | }, |
| 163 | props: { | 707 | props: { |
| 164 | info: { | 708 | info: { |
| @@ -176,18 +720,373 @@ | @@ -176,18 +720,373 @@ | ||
| 176 | }, | 720 | }, |
| 177 | data() { | 721 | data() { |
| 178 | return { | 722 | return { |
| 179 | - checkOpinion:'', | 723 | + // 合同 |
| 724 | + contractChangeReason:'', | ||
| 725 | + issp:'1', | ||
| 726 | + detailsinfo:{}, | ||
| 727 | + | ||
| 728 | + isaddshow:true, | ||
| 729 | + fapinfo: { | ||
| 730 | + invoiceType: '', // 发票类型,例如 '普通发票' 或 '专用发票' | ||
| 731 | + titleType: '', // 抬头类型,例如 '个人' 或 '单位' | ||
| 732 | + invoiceTitle: '', // 发票抬头 | ||
| 733 | + unitTaxNo: '', // 单位税号 | ||
| 734 | + registerAddress: '', // 注册地址 | ||
| 735 | + registerPhone: '', // 注册电话 | ||
| 736 | + openingBank: '', // 开户银行 | ||
| 737 | + receiptEmail: '', // 收票邮箱 | ||
| 738 | + invoiceUrl: '' // 发票图片的 URL | ||
| 739 | + }, | ||
| 740 | + ckfapinfo:false, | ||
| 741 | + addfapinfo:false, | ||
| 742 | + rulesfapinfo:{ | ||
| 743 | + invoiceType: [{ | ||
| 744 | + required: true, | ||
| 745 | + message: '请选择商铺类型', | ||
| 746 | + trigger: 'blur' | ||
| 747 | + }, ], | ||
| 748 | + titleType: [{ | ||
| 749 | + required: true, | ||
| 750 | + message: '请选择抬头类型', | ||
| 751 | + trigger: 'blur' | ||
| 752 | + }, ], | ||
| 753 | + invoiceTitle: [{ | ||
| 754 | + required: true, | ||
| 755 | + message: '请输入发票抬头', | ||
| 756 | + trigger: 'blur' | ||
| 757 | + }, ], | ||
| 758 | + }, | ||
| 759 | + addziyuanData:[], | ||
| 760 | + formInline:{}, | ||
| 761 | + ontype:'1', | ||
| 762 | + totalyx: 0, | ||
| 763 | + pagequeryyx:{ | ||
| 764 | + pageNumber: 0, | ||
| 765 | + pageSize: 10, | ||
| 766 | + }, | ||
| 767 | + datalistyx:[], | ||
| 768 | + | ||
| 769 | + totalwyjf: 0, | ||
| 770 | + pagequerywyjf:{ | ||
| 771 | + pageNumber: 0, | ||
| 772 | + pageSize: 10, | ||
| 773 | + }, | ||
| 774 | + datalistwyjf:[], | ||
| 775 | + | ||
| 776 | + totalzljf: 0, | ||
| 777 | + pagequeryzljf:{ | ||
| 778 | + pageNumber: 0, | ||
| 779 | + pageSize: 10, | ||
| 780 | + // "relatedMerchants":"27" | ||
| 781 | + }, | ||
| 782 | + datalistzljf:[], | ||
| 783 | + | ||
| 784 | + totalgg: 0, | ||
| 785 | + pagequerygg:{ | ||
| 786 | + pageNumber: 0, | ||
| 787 | + pageSize: 10, | ||
| 788 | + }, | ||
| 789 | + datalistgg:[], | ||
| 790 | + | ||
| 791 | + | ||
| 792 | + totalht: 0, | ||
| 793 | + pagequeryht:{ | ||
| 794 | + pageNumber: 0, | ||
| 795 | + pageSize: 10, | ||
| 796 | + }, | ||
| 797 | + datalistht:[], | ||
| 798 | + | ||
| 799 | + totaltp: 0, | ||
| 800 | + pagequerytp:{ | ||
| 801 | + pageNumber: 0, | ||
| 802 | + pageSize: 10, | ||
| 803 | + }, | ||
| 804 | + datalisttp:[], | ||
| 805 | + | ||
| 806 | + pagequeryzl:{ | ||
| 807 | + pageNumber: 0, | ||
| 808 | + pageSize: 100, | ||
| 809 | + // relatedMerchants:'28' | ||
| 810 | + }, | ||
| 811 | + zlgglist:[], | ||
| 812 | + zlsplist:[], | ||
| 813 | + | ||
| 814 | + checkOpinion: '', | ||
| 180 | radio: '2', | 815 | radio: '2', |
| 181 | - xiangTab: 'first', | 816 | + xiangTab: 'one', |
| 182 | list: [], | 817 | list: [], |
| 818 | + zstype:"1" | ||
| 183 | } | 819 | } |
| 184 | }, | 820 | }, |
| 185 | created() { | 821 | created() { |
| 822 | + this.pagequeryyx.phone = this.info.phone | ||
| 823 | + this.pagequerytp.phone = this.info.phone | ||
| 824 | + this.pagequerygg.phone = this.info.phone | ||
| 825 | + this.pagequeryzl.relatedMerchants = this.info.id | ||
| 826 | + this.pagequeryzljf.relatedMerchants = this.info.id | ||
| 827 | + this.pagequerywyjf.paymentAccount= this.info.phone | ||
| 828 | + this.pagequeryht.relatedMerchants = this.info.id | ||
| 829 | + this.getAllyx() | ||
| 830 | + | ||
| 831 | + this.getAlltp() | ||
| 832 | + this.getAllgg() | ||
| 833 | + this.getAllzljf() | ||
| 834 | + this.getAllht() | ||
| 835 | + this.getAllwyjf() | ||
| 836 | + this.getAllzl() | ||
| 186 | }, | 837 | }, |
| 187 | computed: { | 838 | computed: { |
| 188 | 839 | ||
| 189 | }, | 840 | }, |
| 190 | methods: { | 841 | methods: { |
| 842 | + changeTitleType(e) { | ||
| 843 | + console.error(e) | ||
| 844 | + this.isaddshow = false | ||
| 845 | + if(e == '个人') { | ||
| 846 | + this.rulesfapinfo={ | ||
| 847 | + invoiceType: [{ | ||
| 848 | + required: true, | ||
| 849 | + message: '请选择商铺类型', | ||
| 850 | + trigger: 'blur' | ||
| 851 | + }, ], | ||
| 852 | + titleType: [{ | ||
| 853 | + required: true, | ||
| 854 | + message: '请选择抬头类型', | ||
| 855 | + trigger: 'blur' | ||
| 856 | + }, ], | ||
| 857 | + invoiceTitle: [{ | ||
| 858 | + required: true, | ||
| 859 | + message: '请输入发票抬头', | ||
| 860 | + trigger: 'blur' | ||
| 861 | + }, ], | ||
| 862 | + } | ||
| 863 | + } else if(e == '单位') { | ||
| 864 | + this.rulesfapinfo={ | ||
| 865 | + invoiceType: [{ | ||
| 866 | + required: true, | ||
| 867 | + message: '请选择商铺类型', | ||
| 868 | + trigger: 'blur' | ||
| 869 | + }, ], | ||
| 870 | + titleType: [{ | ||
| 871 | + required: true, | ||
| 872 | + message: '请选择抬头类型', | ||
| 873 | + trigger: 'blur' | ||
| 874 | + }, ], | ||
| 875 | + invoiceTitle: [{ | ||
| 876 | + required: true, | ||
| 877 | + message: '请输入发票抬头', | ||
| 878 | + trigger: 'blur' | ||
| 879 | + }, ], | ||
| 880 | + unitTaxNo: [{ | ||
| 881 | + required: true, | ||
| 882 | + message: '请输入单位税号', | ||
| 883 | + trigger: 'blur' | ||
| 884 | + }, ], | ||
| 885 | + registerAddress: [{ | ||
| 886 | + required: true, | ||
| 887 | + message: '请输入注册地址', | ||
| 888 | + trigger: 'blur' | ||
| 889 | + }, ], | ||
| 890 | + registerPhone: [{ | ||
| 891 | + required: true, | ||
| 892 | + message: '请输入注册电话', | ||
| 893 | + trigger: 'blur' | ||
| 894 | + }, ], | ||
| 895 | + openingBank: [{ | ||
| 896 | + required: true, | ||
| 897 | + message: '请输入开户银行', | ||
| 898 | + trigger: 'blur' | ||
| 899 | + }, ], | ||
| 900 | + bankAccount: [{ | ||
| 901 | + required: true, | ||
| 902 | + message: '请输入银行账号', | ||
| 903 | + trigger: 'blur' | ||
| 904 | + }, ], | ||
| 905 | + } | ||
| 906 | + } | ||
| 907 | + this.$nextTick(() => { | ||
| 908 | + this.isaddshow = true | ||
| 909 | + }) | ||
| 910 | + }, | ||
| 911 | + openckfapinfo(item) { | ||
| 912 | + cereInvoiceTitlegetByTenementId({id:item.id}).then(res => { | ||
| 913 | + // console.error(res.data) | ||
| 914 | + this.formInline = res.data | ||
| 915 | + this.ckfapinfo = true | ||
| 916 | + }) | ||
| 917 | + }, | ||
| 918 | + openaddfapinfo(item) { | ||
| 919 | + this.formInline = item | ||
| 920 | + this.addfapinfo = true | ||
| 921 | + }, | ||
| 922 | + add(){ | ||
| 923 | + this.fapinfo.tenementId = this.formInline.id | ||
| 924 | + console.error({...this.fapinfo}) | ||
| 925 | + this.$refs.fapForm.validate((valid) => { | ||
| 926 | + console.log(valid) | ||
| 927 | + if (valid) { | ||
| 928 | + cereInvoiceTitleadd(this.fapinfo).then(res => { | ||
| 929 | + if (res.code == 200) { | ||
| 930 | + this.$message({ | ||
| 931 | + message: '上传成功', | ||
| 932 | + type: 'success' | ||
| 933 | + }) | ||
| 934 | + this.addfapinfo = false | ||
| 935 | + this.pagequeryzljf.pageNumber = 0 | ||
| 936 | + this.getAllzljf() | ||
| 937 | + } else { | ||
| 938 | + this.$message({ | ||
| 939 | + message: res.msg, | ||
| 940 | + type: 'error' | ||
| 941 | + }) | ||
| 942 | + } | ||
| 943 | + }) | ||
| 944 | + } else { | ||
| 945 | + this.$message({ | ||
| 946 | + message: '请填写完整信息', | ||
| 947 | + type: 'error' | ||
| 948 | + }) | ||
| 949 | + } | ||
| 950 | + | ||
| 951 | + | ||
| 952 | + }) | ||
| 953 | + }, | ||
| 954 | + changimg(e, type) { | ||
| 955 | + this.fapinfo[type] = e | ||
| 956 | + }, | ||
| 957 | + closeFn(){ | ||
| 958 | + this.ontype = '1' | ||
| 959 | + }, | ||
| 960 | + open1(item,type){ | ||
| 961 | + this.formInline = {} | ||
| 962 | + this.formInline = item | ||
| 963 | + this.formInline.plan_Time = [item.nextFollowUpStartTime, item.nextFollowUpEndTime] | ||
| 964 | + if (typeof item.intendedResource == 'string' && item.intendedResource != '') { | ||
| 965 | + this.addziyuanData = JSON.parse(item.intendedResource) | ||
| 966 | + } | ||
| 967 | + | ||
| 968 | + if (typeof item.onSitePhotos == 'string') { | ||
| 969 | + this.imgList = item.onSitePhotos.split(',') || [] | ||
| 970 | + } | ||
| 971 | + this.zstype = type | ||
| 972 | + this.ontype = '3' | ||
| 973 | + }, | ||
| 974 | + getAllzl() { | ||
| 975 | + cereContractInformationgetPages(this.pagequeryzl).then(res => { | ||
| 976 | + console.error(res) | ||
| 977 | + if (!Array.isArray(res.data.content)) { | ||
| 978 | + this.datalistht= []; | ||
| 979 | + return; | ||
| 980 | + } | ||
| 981 | + console.error('[[[[[[[[[[]]]]]]]]]]') | ||
| 982 | + this.zlsplist = res.data.content.filter( item => { | ||
| 983 | + return item.cereBasicInformationShop.id || item.cereBasicInformationVenue.id | ||
| 984 | + }) | ||
| 985 | + this.zlgglist = res.data.content.filter( item => { | ||
| 986 | + return item.cereAdvertisingInformation.id | ||
| 987 | + }) | ||
| 988 | + console.error(res.data.content) | ||
| 989 | + }) | ||
| 990 | + }, | ||
| 991 | + getAllht() { | ||
| 992 | + cereContractInformationgetPage(this.pagequeryht).then(res => { | ||
| 993 | + console.error(res) | ||
| 994 | + if (!Array.isArray(res.data.content)) { | ||
| 995 | + this.datalistht= []; | ||
| 996 | + return; | ||
| 997 | + } | ||
| 998 | + this.datalistht = res.data.content | ||
| 999 | + this.totalht = res.data.totalElements | ||
| 1000 | + }) | ||
| 1001 | + }, | ||
| 1002 | + getAllwyjf() { | ||
| 1003 | + cerePaymentInfo(this.pagequerywyjf).then(res => { | ||
| 1004 | + console.error(res) | ||
| 1005 | + if (!Array.isArray(res.data.content)) { | ||
| 1006 | + this.datalistwyjf= []; | ||
| 1007 | + return; | ||
| 1008 | + } | ||
| 1009 | + this.datalistwyjf = res.data.content | ||
| 1010 | + this.totalwyjf = res.data.totalElements | ||
| 1011 | + }) | ||
| 1012 | + }, | ||
| 1013 | + getAllzljf() { | ||
| 1014 | + cerePropertyOrder(this.pagequeryzljf).then(res => { | ||
| 1015 | + console.error(res) | ||
| 1016 | + if (!Array.isArray(res.data.content)) { | ||
| 1017 | + this.datalistzljf= []; | ||
| 1018 | + return; | ||
| 1019 | + } | ||
| 1020 | + this.datalistzljf = res.data.content | ||
| 1021 | + this.totalzljf = res.data.totalElements | ||
| 1022 | + }) | ||
| 1023 | + }, | ||
| 1024 | + getAllgg() { | ||
| 1025 | + cereFollowDetails(this.pagequerygg).then(res => { | ||
| 1026 | + console.error(res) | ||
| 1027 | + if (!Array.isArray(res.data.content)) { | ||
| 1028 | + this.datalistgg = []; | ||
| 1029 | + return; | ||
| 1030 | + } | ||
| 1031 | + this.datalistgg = res.data.content | ||
| 1032 | + this.totalgg = res.data.totalElements | ||
| 1033 | + }) | ||
| 1034 | + }, | ||
| 1035 | + getAlltp() { | ||
| 1036 | + cereNegotiationDetails(this.pagequerytp).then(res => { | ||
| 1037 | + console.error(res) | ||
| 1038 | + if (!Array.isArray(res.data.content)) { | ||
| 1039 | + this.datalisttp= []; | ||
| 1040 | + return; | ||
| 1041 | + } | ||
| 1042 | + this.datalisttp = res.data.content | ||
| 1043 | + this.totaltp = res.data.totalElements | ||
| 1044 | + }) | ||
| 1045 | + }, | ||
| 1046 | + getAllyx() { | ||
| 1047 | + icManAll(this.pagequeryyx).then(res => { | ||
| 1048 | + console.error(res) | ||
| 1049 | + if (!Array.isArray(res.data.content)) { | ||
| 1050 | + this.datalistyx = []; | ||
| 1051 | + return; | ||
| 1052 | + } | ||
| 1053 | + this.datalistyx = res.data.content | ||
| 1054 | + this.totalyx = res.data.totalElements | ||
| 1055 | + }) | ||
| 1056 | + }, | ||
| 1057 | + handleCurrentChange(val,type) { | ||
| 1058 | + this[type].pageNumber = val - 1 | ||
| 1059 | + if(type == 'pagequeryyx') { | ||
| 1060 | + this.getAllyx() | ||
| 1061 | + } else if(type == 'pagequerytp') { | ||
| 1062 | + this.getAlltp() | ||
| 1063 | + } else if(type == 'pagequerygg') { | ||
| 1064 | + this.getAllgg() | ||
| 1065 | + } else if(type == 'pagequeryzljf') { | ||
| 1066 | + this.getAllzljf() | ||
| 1067 | + } else if(type == 'pagequeryht') { | ||
| 1068 | + this.getAllht() | ||
| 1069 | + } else if(type == 'pagequerywyjf') { | ||
| 1070 | + this.getAllwyjf() | ||
| 1071 | + } | ||
| 1072 | + }, | ||
| 1073 | + handleSizeChange(val,type) { | ||
| 1074 | + this[type].pageSize = val | ||
| 1075 | + this[type].pageNumber = 0 | ||
| 1076 | + if(type == 'pagequeryyx') { | ||
| 1077 | + this.getAllyx() | ||
| 1078 | + } else if(type == 'pagequerytp') { | ||
| 1079 | + this.getAlltp() | ||
| 1080 | + } else if(type == 'pagequerygg') { | ||
| 1081 | + this.getAllgg() | ||
| 1082 | + } else if(type == 'pagequeryzljf') { | ||
| 1083 | + this.getAllzljf() | ||
| 1084 | + } else if(type == 'pagequeryht') { | ||
| 1085 | + this.getAllht() | ||
| 1086 | + } else if(type == 'pagequerywyjf') { | ||
| 1087 | + this.getAllwyjf() | ||
| 1088 | + } | ||
| 1089 | + }, | ||
| 191 | minSev() { | 1090 | minSev() { |
| 192 | let that = this | 1091 | let that = this |
| 193 | console.error(this.info) | 1092 | console.error(this.info) |
| @@ -195,7 +1094,7 @@ | @@ -195,7 +1094,7 @@ | ||
| 195 | cerePlatformMerchantedit({ | 1094 | cerePlatformMerchantedit({ |
| 196 | ...this.info, | 1095 | ...this.info, |
| 197 | 'checkState': this.radio, | 1096 | 'checkState': this.radio, |
| 198 | - checkOpinion: this.checkOpinion?this.checkOpinion:null | 1097 | + checkOpinion: this.checkOpinion ? this.checkOpinion : null |
| 199 | }).then(res => { | 1098 | }).then(res => { |
| 200 | console.error(res) | 1099 | console.error(res) |
| 201 | if (res.code == 200) { | 1100 | if (res.code == 200) { |
| @@ -214,22 +1113,111 @@ | @@ -214,22 +1113,111 @@ | ||
| 214 | } | 1113 | } |
| 215 | }) | 1114 | }) |
| 216 | }, | 1115 | }, |
| 217 | - async setmsg() { | 1116 | + async setmsg() { |
| 218 | let info = { | 1117 | let info = { |
| 219 | - type:'通知消息', | ||
| 220 | - phone:this.info.phone, | ||
| 221 | - content:{ | ||
| 222 | - type:'1', | ||
| 223 | - title:this.radio=='2'?'商家审核已通过':this.radio=='3'?'商家审核已驳回':'商家', | ||
| 224 | - content:this.checkOpinion | 1118 | + type: '通知消息', |
| 1119 | + phone: this.info.phone, | ||
| 1120 | + content: { | ||
| 1121 | + type: '1', | ||
| 1122 | + title: this.radio == '2' ? '商家审核已通过' : this.radio == '3' ? '商家审核已驳回' : '商家', | ||
| 1123 | + content: this.checkOpinion | ||
| 225 | }, | 1124 | }, |
| 226 | } | 1125 | } |
| 227 | await this.$setmsg(info); | 1126 | await this.$setmsg(info); |
| 228 | }, | 1127 | }, |
| 229 | - changetype(){ | ||
| 230 | - this.xiangTab= 'first' | 1128 | + changetype() { |
| 1129 | + this.xiangTab = 'first' | ||
| 231 | this.$emit('removeonaction', '1') | 1130 | this.$emit('removeonaction', '1') |
| 232 | }, | 1131 | }, |
| 1132 | + //复核 | ||
| 1133 | + fhjf(item) { | ||
| 1134 | + const h = this.$createElement; | ||
| 1135 | + this.$msgbox({ | ||
| 1136 | + title: '消息', | ||
| 1137 | + message: h('p', null, [ | ||
| 1138 | + h('span', null, '是否复核 '), | ||
| 1139 | + ]), | ||
| 1140 | + showCancelButton: true, | ||
| 1141 | + showClose: false, | ||
| 1142 | + confirmButtonText: '确定', | ||
| 1143 | + cancelButtonText: '取消', | ||
| 1144 | + customClass: 'oe-dialog-btn', | ||
| 1145 | + beforeClose: (action, instance, done) => { | ||
| 1146 | + if (action === 'confirm') { | ||
| 1147 | + editToRecheck({ | ||
| 1148 | + id: item.id | ||
| 1149 | + }).then(res => { | ||
| 1150 | + this.$message({ | ||
| 1151 | + message: '复核成功', | ||
| 1152 | + type: 'success' | ||
| 1153 | + }) | ||
| 1154 | + this.pagequeryzljf.pageNumber = 0 | ||
| 1155 | + this.getAllzljf() | ||
| 1156 | + done(); | ||
| 1157 | + }) | ||
| 1158 | + } else { | ||
| 1159 | + done(); | ||
| 1160 | + } | ||
| 1161 | + } | ||
| 1162 | + }) | ||
| 1163 | + }, | ||
| 1164 | + //合同操作 | ||
| 1165 | + details(row,e) { | ||
| 1166 | + this.issp = e | ||
| 1167 | + this.detailsinfo = row | ||
| 1168 | + this.ontype = '4' | ||
| 1169 | + }, | ||
| 1170 | + removeonaction(e) { | ||
| 1171 | + this.ontype = '1' | ||
| 1172 | + }, | ||
| 1173 | + removeinfo(row, e) { | ||
| 1174 | + this.contractChangeReason = e | ||
| 1175 | + // console.error(this.contractChangeReason) | ||
| 1176 | + this.detailsinfo = row | ||
| 1177 | + this.ontype = '5' | ||
| 1178 | + }, | ||
| 1179 | + removeinfozz(row, e) { | ||
| 1180 | + let that = this | ||
| 1181 | + this.$confirm('确定要终止合同吗?', '提示', { | ||
| 1182 | + confirmButtonText: '确定', | ||
| 1183 | + cancelButtonText: '取消', | ||
| 1184 | + type: 'warning' | ||
| 1185 | + }).then(() => { | ||
| 1186 | + cereContractInformation({ | ||
| 1187 | + ...row, | ||
| 1188 | + contractChangeReason: e, | ||
| 1189 | + dataStatus: '3', | ||
| 1190 | + originalContractCode: row.contractNumber, | ||
| 1191 | + updateDate: that.gettime(), | ||
| 1192 | + createDate: that.gettime(), | ||
| 1193 | + contractChangeTime: that.gettime(), | ||
| 1194 | + updateUser:localStorage.getItem('roleName') | ||
| 1195 | + }).then(res => { | ||
| 1196 | + console.error(res) | ||
| 1197 | + if (res.code == 200) { | ||
| 1198 | + this.$message({ | ||
| 1199 | + message: '终止成功', | ||
| 1200 | + type: 'success' | ||
| 1201 | + }) | ||
| 1202 | + let c1 = row.shopNumber | ||
| 1203 | + modifyResourceStatus({ | ||
| 1204 | + resourcesId: c1, | ||
| 1205 | + status:"0" | ||
| 1206 | + }).then(res => { | ||
| 1207 | + console.error(res) | ||
| 1208 | + }) | ||
| 1209 | + // this.$emit('removeonaction', '1') | ||
| 1210 | + this.getAll() | ||
| 1211 | + } else { | ||
| 1212 | + this.$message({ | ||
| 1213 | + message: res.msg, | ||
| 1214 | + type: 'error' | ||
| 1215 | + }) | ||
| 1216 | + } | ||
| 1217 | + | ||
| 1218 | + }) | ||
| 1219 | + }) | ||
| 1220 | + }, | ||
| 233 | } | 1221 | } |
| 234 | } | 1222 | } |
| 235 | </script> | 1223 | </script> |
| @@ -237,7 +1225,7 @@ | @@ -237,7 +1225,7 @@ | ||
| 237 | .el-form-item__label { | 1225 | .el-form-item__label { |
| 238 | color: #a2a2a2; | 1226 | color: #a2a2a2; |
| 239 | } | 1227 | } |
| 240 | - | 1228 | + |
| 241 | .greens { | 1229 | .greens { |
| 242 | color: #3F9B6A; | 1230 | color: #3F9B6A; |
| 243 | } | 1231 | } |
admin-web-master/src/components/newmap/index copy.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div style="position: relative;width: 100%;"> | ||
| 3 | + <div id="mapContainer" class="map"></div> | ||
| 4 | + <div class="search-box"> | ||
| 5 | + <input v-model="searchQuery" placeholder="输入地址进行搜索" /> | ||
| 6 | + <div style="box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);display: flex;align-items: center;background: #fff;padding: 0 20px;border-radius: 5px;overflow: hidden;margin-left: 10px;"> | ||
| 7 | + <i class="el-icon-delete" style="margin-right: 10px;color: #3F9B6A;"></i> | ||
| 8 | + <button type="button" @click="searchLocation">清除</button> | ||
| 9 | + </div> | ||
| 10 | + </div> | ||
| 11 | + <div v-if="searchResults.length > 0" class="search-results"> | ||
| 12 | + <ul> | ||
| 13 | + <li v-for="(result, index) in searchResults" :key="index" @click="selectResult(result)"> | ||
| 14 | + {{ result.title }} | ||
| 15 | + </li> | ||
| 16 | + </ul> | ||
| 17 | + </div> | ||
| 18 | + </div> | ||
| 19 | +</template> | ||
| 20 | +<script> | ||
| 21 | + export default { | ||
| 22 | + name: 'TencentMap', | ||
| 23 | + props: { | ||
| 24 | + lat: { | ||
| 25 | + type: Number, | ||
| 26 | + default: 30.67 | ||
| 27 | + }, | ||
| 28 | + lng: { | ||
| 29 | + type: Number, | ||
| 30 | + default: 104.06 | ||
| 31 | + }, | ||
| 32 | + isonloed: { | ||
| 33 | + type: Boolean, | ||
| 34 | + default: false | ||
| 35 | + }, | ||
| 36 | + isx: { | ||
| 37 | + type: Boolean, | ||
| 38 | + default: true | ||
| 39 | + }, | ||
| 40 | + message: { | ||
| 41 | + type: String, | ||
| 42 | + default: '' | ||
| 43 | + }, | ||
| 44 | + }, | ||
| 45 | + data() { | ||
| 46 | + return { | ||
| 47 | + map: null, | ||
| 48 | + marker: null, | ||
| 49 | + address: '', | ||
| 50 | + searchQuery: '', // 搜索查询 | ||
| 51 | + searchResults: [], // 搜索结果列表 | ||
| 52 | + | ||
| 53 | + }; | ||
| 54 | + }, | ||
| 55 | + mounted() { | ||
| 56 | + // 初始化地图 | ||
| 57 | + this.initMap(); | ||
| 58 | + }, | ||
| 59 | + methods: { | ||
| 60 | + // 选择某一条搜索结果 | ||
| 61 | + selectResult(result) { | ||
| 62 | + const latLng = new qq.maps.LatLng(result.location.lat, result.location.lng); | ||
| 63 | + | ||
| 64 | + // 移动地图中心到选择的位置 | ||
| 65 | + this.map.setCenter(latLng); | ||
| 66 | + | ||
| 67 | + // 更新标记位置 | ||
| 68 | + this.marker.setPosition(latLng); | ||
| 69 | + | ||
| 70 | + // 获取地址信息 | ||
| 71 | + this.getAreaCode(result.location.lat, result.location.lng); | ||
| 72 | + | ||
| 73 | + | ||
| 74 | + }, | ||
| 75 | + searchLocation() { | ||
| 76 | + let that = this | ||
| 77 | + if (!this.searchQuery) { | ||
| 78 | + this.$message.error('请输入搜索地址'); | ||
| 79 | + return; | ||
| 80 | + } | ||
| 81 | + | ||
| 82 | + // 使用腾讯地图的搜索服务 | ||
| 83 | + this.$jsonp("https://apis.map.qq.com/ws/place/v1/search", { | ||
| 84 | + keyword: this.searchQuery, | ||
| 85 | + key: 'PGRBZ-Z3FRJ-DTYFB-XNX4X-DC6HZ-MCFYU', // 使用你的腾讯地图API key | ||
| 86 | + output: "jsonp", | ||
| 87 | + boundary: 'nearby(' + that.lat + ',' + that.lng + ',1000,1)' | ||
| 88 | + }).then((res) => { | ||
| 89 | + console.error(res) | ||
| 90 | + if (res.status === 0 && res.data.length > 0) { | ||
| 91 | + this.searchResults = res.data; // 存储搜索结果 | ||
| 92 | + } else { | ||
| 93 | + this.$message.error('未找到相关地址'); | ||
| 94 | + this.searchResults = []; // 清空搜索结果 | ||
| 95 | + } | ||
| 96 | + }).catch(err => { | ||
| 97 | + this.$message.error("搜索失败"); | ||
| 98 | + console.error(err); | ||
| 99 | + }); | ||
| 100 | + }, | ||
| 101 | + initMap() { | ||
| 102 | + if (this.isx) { | ||
| 103 | + | ||
| 104 | + } else { | ||
| 105 | + this.lat = this.message.split(',')[0] | ||
| 106 | + this.lng = this.message.split(',')[1] | ||
| 107 | + } | ||
| 108 | + // 将经纬度转换为腾讯地图的LatLng对象 | ||
| 109 | + const centerLatLng = new qq.maps.LatLng(this.lat, this.lng); | ||
| 110 | + | ||
| 111 | + // 创建地图实例 | ||
| 112 | + this.map = new qq.maps.Map(document.getElementById('mapContainer'), { | ||
| 113 | + center: centerLatLng, | ||
| 114 | + zoom: 13, | ||
| 115 | + mapStyleId: 'style1' | ||
| 116 | + }); | ||
| 117 | + | ||
| 118 | + // 创建标记 | ||
| 119 | + if (this.isonloed) { | ||
| 120 | + this.marker = new qq.maps.Marker({ | ||
| 121 | + position: centerLatLng, | ||
| 122 | + map: this.map | ||
| 123 | + }); | ||
| 124 | + } else { | ||
| 125 | + this.marker = new qq.maps.Marker({ | ||
| 126 | + // position: centerLatLng, | ||
| 127 | + map: this.map | ||
| 128 | + }); | ||
| 129 | + } | ||
| 130 | + if (this.isx) { | ||
| 131 | + qq.maps.event.addListener(this.map, 'click', this.onMapClick); | ||
| 132 | + } else { | ||
| 133 | + const centerLatLng1 = new qq.maps.LatLng(this.message.split(',')[0], this.message.split(',')[1]); | ||
| 134 | + console.error(this.message) | ||
| 135 | + this.marker = new qq.maps.Marker({ | ||
| 136 | + position: centerLatLng1, | ||
| 137 | + map: this.map | ||
| 138 | + }); | ||
| 139 | + } | ||
| 140 | + | ||
| 141 | + // 添加点击事件监听器 | ||
| 142 | + // qq.maps.event.addListener(this.marker, 'click', this.onMarkerClick); | ||
| 143 | + | ||
| 144 | + // 添加地图点击事件监听器 | ||
| 145 | + | ||
| 146 | + | ||
| 147 | + // // 获取地址信息 | ||
| 148 | + // this.getAreaCode(this.lat, this.lng); | ||
| 149 | + }, | ||
| 150 | + onMarkerClick() { | ||
| 151 | + alert('您点击了标记点'); | ||
| 152 | + }, | ||
| 153 | + onMapClick(event) { | ||
| 154 | + // 获取点击位置的经纬度 | ||
| 155 | + const newLatLng = event.latLng; | ||
| 156 | + | ||
| 157 | + // 更新标记位置 | ||
| 158 | + this.marker.setPosition(newLatLng); | ||
| 159 | + this.getAreaCode(newLatLng.getLat(), newLatLng.getLng()); | ||
| 160 | + // 更新父组件中的经纬度 | ||
| 161 | + | ||
| 162 | + | ||
| 163 | + // 获取新的地址信息 | ||
| 164 | + | ||
| 165 | + }, | ||
| 166 | + getAreaCode(lat, lng) { | ||
| 167 | + this.searchQuery = '' | ||
| 168 | + // 清空搜索结果 | ||
| 169 | + this.searchResults = []; | ||
| 170 | + let that = this; | ||
| 171 | + //这里可以直接this.$jsonp地址传入你的经纬度; | ||
| 172 | + that.$jsonp("https://apis.map.qq.com/ws/geocoder/v1/?", { | ||
| 173 | + location: `${lat},${lng}`, // 经纬度 | ||
| 174 | + key: 'PGRBZ-Z3FRJ-DTYFB-XNX4X-DC6HZ-MCFYU', //这里就是要开启那个service不然会报错让你开启 | ||
| 175 | + output: "jsonp", // output必须jsonp 不然会超时 | ||
| 176 | + }).then((res) => { | ||
| 177 | + if (res.message == 'Success') { | ||
| 178 | + console.log(res); | ||
| 179 | + that.address = res.result.address | ||
| 180 | + that.$emit('updatecenter', { | ||
| 181 | + lat: lat, | ||
| 182 | + lng: lng, | ||
| 183 | + address: that.address | ||
| 184 | + }); | ||
| 185 | + } else { | ||
| 186 | + this.$message.error(res.message) | ||
| 187 | + | ||
| 188 | + } | ||
| 189 | + }).catch(err => { | ||
| 190 | + this.$message.error("获取城市编码失败") | ||
| 191 | + console.error(err) | ||
| 192 | + }) | ||
| 193 | + } | ||
| 194 | + } | ||
| 195 | + } | ||
| 196 | +</script> | ||
| 197 | + | ||
| 198 | +<style scoped> | ||
| 199 | + .map { | ||
| 200 | + width: 100%; | ||
| 201 | + height: 300px; | ||
| 202 | + } | ||
| 203 | + | ||
| 204 | + .search-box { | ||
| 205 | + position: absolute; | ||
| 206 | + top: 10px; | ||
| 207 | + left: 10px; | ||
| 208 | + z-index: 99; | ||
| 209 | + /* background: #fff; */ | ||
| 210 | + /* padding: 10px; */ | ||
| 211 | + /* border-radius: 5px; */ | ||
| 212 | + /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */ | ||
| 213 | + /* width: 280px; */ | ||
| 214 | + display: flex; | ||
| 215 | + justify-content: space-between; | ||
| 216 | + } | ||
| 217 | + | ||
| 218 | + .search-box input { | ||
| 219 | + /* padding: 5px; */ | ||
| 220 | + padding: 15px 8px; | ||
| 221 | + margin-right: 5px; | ||
| 222 | + font-size: 10px; | ||
| 223 | + box-sizing: border-box; | ||
| 224 | + border-radius: 5px; | ||
| 225 | + border: 1px solid #eee; | ||
| 226 | + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); | ||
| 227 | + } | ||
| 228 | + | ||
| 229 | + .search-box button { | ||
| 230 | + padding: 15px 0; | ||
| 231 | + background-color: #fff; | ||
| 232 | + /* color: #fff; */ | ||
| 233 | + border: none; | ||
| 234 | + border-radius: 3px; | ||
| 235 | + cursor: pointer; | ||
| 236 | + height: 100%; | ||
| 237 | + box-sizing: border-box; | ||
| 238 | + font-size: 10px; | ||
| 239 | + color: -internal-light-dark(black, white); | ||
| 240 | + } | ||
| 241 | + | ||
| 242 | + .search-box button:hover { | ||
| 243 | + background-color: #fff; | ||
| 244 | + } | ||
| 245 | + | ||
| 246 | + .search-results { | ||
| 247 | + position: absolute; | ||
| 248 | + top: 60px; | ||
| 249 | + left: 10px; | ||
| 250 | + z-index: 999; | ||
| 251 | + background: #fff; | ||
| 252 | + padding: 10px; | ||
| 253 | + border-radius: 5px; | ||
| 254 | + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); | ||
| 255 | + max-height: 200px; | ||
| 256 | + overflow-y: auto; | ||
| 257 | + width: 280px; | ||
| 258 | + | ||
| 259 | + } | ||
| 260 | + .search-results::-webkit-scrollbar { | ||
| 261 | + display: none; /* 隐藏滚动条 */ | ||
| 262 | + } | ||
| 263 | + .search-results ul { | ||
| 264 | + list-style: none; | ||
| 265 | + padding: 0; | ||
| 266 | + margin: 0; | ||
| 267 | + } | ||
| 268 | + | ||
| 269 | + .search-results li { | ||
| 270 | + padding: 5px; | ||
| 271 | + cursor: pointer; | ||
| 272 | + } | ||
| 273 | + | ||
| 274 | + .search-results li:hover { | ||
| 275 | + background-color: #f0f0f0; | ||
| 276 | + } | ||
| 277 | +</style> | ||
| 0 | \ No newline at end of file | 278 | \ No newline at end of file |
admin-web-master/src/components/newmap/index.vue
| @@ -3,10 +3,7 @@ | @@ -3,10 +3,7 @@ | ||
| 3 | <div id="mapContainer" class="map"></div> | 3 | <div id="mapContainer" class="map"></div> |
| 4 | <div class="search-box"> | 4 | <div class="search-box"> |
| 5 | <input v-model="searchQuery" placeholder="输入地址进行搜索" /> | 5 | <input v-model="searchQuery" placeholder="输入地址进行搜索" /> |
| 6 | - <div style="box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);display: flex;align-items: center;background: #fff;padding: 0 20px;border-radius: 5px;overflow: hidden;margin-left: 10px;"> | ||
| 7 | - <i class="el-icon-delete" style="margin-right: 10px;color: #3F9B6A;"></i> | ||
| 8 | - <button type="button" @click="searchLocation">清除</button> | ||
| 9 | - </div> | 6 | + <button type="button" @click="searchLocation">搜索</button> |
| 10 | </div> | 7 | </div> |
| 11 | <div v-if="searchResults.length > 0" class="search-results"> | 8 | <div v-if="searchResults.length > 0" class="search-results"> |
| 12 | <ul> | 9 | <ul> |
| @@ -112,7 +109,7 @@ | @@ -112,7 +109,7 @@ | ||
| 112 | this.map = new qq.maps.Map(document.getElementById('mapContainer'), { | 109 | this.map = new qq.maps.Map(document.getElementById('mapContainer'), { |
| 113 | center: centerLatLng, | 110 | center: centerLatLng, |
| 114 | zoom: 13, | 111 | zoom: 13, |
| 115 | - mapStyleId: 'style1' | 112 | + // mapStyleId: 'style1' |
| 116 | }); | 113 | }); |
| 117 | 114 | ||
| 118 | // 创建标记 | 115 | // 创建标记 |
| @@ -205,42 +202,30 @@ | @@ -205,42 +202,30 @@ | ||
| 205 | position: absolute; | 202 | position: absolute; |
| 206 | top: 10px; | 203 | top: 10px; |
| 207 | left: 10px; | 204 | left: 10px; |
| 208 | - z-index: 99; | ||
| 209 | - /* background: #fff; */ | ||
| 210 | - /* padding: 10px; */ | ||
| 211 | - /* border-radius: 5px; */ | ||
| 212 | - /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */ | ||
| 213 | - /* width: 280px; */ | ||
| 214 | - display: flex; | ||
| 215 | - justify-content: space-between; | 205 | + z-index: 1000; |
| 206 | + background: #fff; | ||
| 207 | + padding: 10px; | ||
| 208 | + border-radius: 5px; | ||
| 209 | + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); | ||
| 210 | + width: 280px; | ||
| 216 | } | 211 | } |
| 217 | 212 | ||
| 218 | .search-box input { | 213 | .search-box input { |
| 219 | - /* padding: 5px; */ | ||
| 220 | - padding: 15px 8px; | 214 | + padding: 5px; |
| 221 | margin-right: 5px; | 215 | margin-right: 5px; |
| 222 | - font-size: 10px; | ||
| 223 | - box-sizing: border-box; | ||
| 224 | - border-radius: 5px; | ||
| 225 | - border: 1px solid #eee; | ||
| 226 | - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); | ||
| 227 | } | 216 | } |
| 228 | 217 | ||
| 229 | .search-box button { | 218 | .search-box button { |
| 230 | - padding: 15px 0; | ||
| 231 | - background-color: #fff; | ||
| 232 | - /* color: #fff; */ | 219 | + padding: 5px 10px; |
| 220 | + background-color: #007bff; | ||
| 221 | + color: #fff; | ||
| 233 | border: none; | 222 | border: none; |
| 234 | border-radius: 3px; | 223 | border-radius: 3px; |
| 235 | cursor: pointer; | 224 | cursor: pointer; |
| 236 | - height: 100%; | ||
| 237 | - box-sizing: border-box; | ||
| 238 | - font-size: 10px; | ||
| 239 | - color: -internal-light-dark(black, white); | ||
| 240 | } | 225 | } |
| 241 | 226 | ||
| 242 | .search-box button:hover { | 227 | .search-box button:hover { |
| 243 | - background-color: #fff; | 228 | + background-color: #0056b3; |
| 244 | } | 229 | } |
| 245 | 230 | ||
| 246 | .search-results { | 231 | .search-results { |
admin-web-master/src/utils/request2.js
| @@ -17,7 +17,7 @@ let baseURL = '' | @@ -17,7 +17,7 @@ let baseURL = '' | ||
| 17 | // || host === 'localhost:9528' | 17 | // || host === 'localhost:9528' |
| 18 | if(host === 'localhost:8080' || host === 'localhost:8081' || host === 'localhost:9528'|| host === '192.168.31.45:9528'|| host === 'localhost:9529' ) { | 18 | if(host === 'localhost:8080' || host === 'localhost:8081' || host === 'localhost:9528'|| host === '192.168.31.45:9528'|| host === 'localhost:9529' ) { |
| 19 | // baseURL = process.env.VUE_APP_DOMAIN_PREFIX_1; | 19 | // baseURL = process.env.VUE_APP_DOMAIN_PREFIX_1; |
| 20 | - // baseURL = 'https://zhgw-uat.028wlkj.com/cdwlMall/meserver/business-server'; | 20 | + baseURL = 'https://zhgw-uat.028wlkj.com/cdwlMall/meserver/business-server'; |
| 21 | // baseURL = 'http://172.16.61.125:9004'; | 21 | // baseURL = 'http://172.16.61.125:9004'; |
| 22 | // baseURL = 'https://jy.scjysm.asia:18086/cdwlMall/business-server'; | 22 | // baseURL = 'https://jy.scjysm.asia:18086/cdwlMall/business-server'; |
| 23 | baseURL = 'http://128.10.249.37:9004'; | 23 | baseURL = 'http://128.10.249.37:9004'; |
admin-web-master/src/views/business/businessList/index.vue
| @@ -23,10 +23,11 @@ | @@ -23,10 +23,11 @@ | ||
| 23 | </el-button> | 23 | </el-button> |
| 24 | </div> | 24 | </div> |
| 25 | </div> | 25 | </div> |
| 26 | - <div style="margin-bottom:20px;"> | ||
| 27 | - <el-button @click="removeonaction('2')" icon="el-icon-circle-plus-outline" style="background-color: #3F9B6A;color: #fff;">新增 | ||
| 28 | - </el-button> | ||
| 29 | - </div> | 26 | + <div style="margin-bottom:20px;"> |
| 27 | + <el-button @click="removeonaction('2')" icon="el-icon-circle-plus-outline" | ||
| 28 | + style="background-color: #3F9B6A;color: #fff;">新增 | ||
| 29 | + </el-button> | ||
| 30 | + </div> | ||
| 30 | <!-- 表格 --> | 31 | <!-- 表格 --> |
| 31 | 32 | ||
| 32 | <el-table :data="tableData" | 33 | <el-table :data="tableData" |
| @@ -76,8 +77,8 @@ | @@ -76,8 +77,8 @@ | ||
| 76 | <el-table-column label="操作" fixed="right"> | 77 | <el-table-column label="操作" fixed="right"> |
| 77 | <template slot-scope="scope"> | 78 | <template slot-scope="scope"> |
| 78 | <div @click="details(scope.row)" class="tableBtn greens">查看</div> | 79 | <div @click="details(scope.row)" class="tableBtn greens">查看</div> |
| 79 | - <div @click="bianji(scope.row)" class="tableBtn greens">编辑</div> | ||
| 80 | - <div @click="delmsg(scope.row.id)" class="tableBtn greens">删除</div> | 80 | + <div @click="bianji(scope.row)" class="tableBtn greens">编辑</div> |
| 81 | + <div @click="delmsg(scope.row.id)" class="tableBtn greens">删除</div> | ||
| 81 | <!-- <div @click="openyujingSet(scope.row)" class="tableBtn greens">审核</div> --> | 82 | <!-- <div @click="openyujingSet(scope.row)" class="tableBtn greens">审核</div> --> |
| 82 | </template> | 83 | </template> |
| 83 | </el-table-column> | 84 | </el-table-column> |
| @@ -99,7 +100,8 @@ | @@ -99,7 +100,8 @@ | ||
| 99 | 100 | ||
| 100 | 101 | ||
| 101 | 102 | ||
| 102 | - <el-dialog title="审核" :visible.sync="yujingSet" style="padding: 0;" width="60%" center :close-on-click-modal="false" :show-close="false" top="20vh"> | 103 | + <el-dialog title="审核" :visible.sync="yujingSet" style="padding: 0;" width="60%" center :close-on-click-modal="false" |
| 104 | + :show-close="false" top="20vh"> | ||
| 103 | <div> | 105 | <div> |
| 104 | <div style="margin-bottom: 20px;"> | 106 | <div style="margin-bottom: 20px;"> |
| 105 | <el-form ref="form" :model="detailsinfo" label-width="120px"> | 107 | <el-form ref="form" :model="detailsinfo" label-width="120px"> |
| @@ -111,7 +113,8 @@ | @@ -111,7 +113,8 @@ | ||
| 111 | </el-select> | 113 | </el-select> |
| 112 | </el-form-item> | 114 | </el-form-item> |
| 113 | <el-form-item label="审核意见"> | 115 | <el-form-item label="审核意见"> |
| 114 | - <el-input maxlength="200" show-word-limit rows="4" v-model="detailsinfo.checkOpinion" placeholder="请输入审核意见" type="textarea" /> | 116 | + <el-input maxlength="200" show-word-limit rows="4" v-model="detailsinfo.checkOpinion" |
| 117 | + placeholder="请输入审核意见" type="textarea" /> | ||
| 115 | </el-form-item> | 118 | </el-form-item> |
| 116 | </el-form> | 119 | </el-form> |
| 117 | 120 | ||
| @@ -147,16 +150,16 @@ | @@ -147,16 +150,16 @@ | ||
| 147 | @click="removeonaction('1')">返回</el-button> | 150 | @click="removeonaction('1')">返回</el-button> |
| 148 | </div> --> | 151 | </div> --> |
| 149 | </div> | 152 | </div> |
| 150 | - <div class="zhuti" v-if="onaction == '4'"> | ||
| 151 | - <div style="height:58px;line-height:58px;"> | ||
| 152 | - <div style="color:#0006"> <span>合同管理</span> <span style="padding:0 5px;">></span> <span | ||
| 153 | - style="color:#000000e6">编辑</span></div> | ||
| 154 | - </div> | ||
| 155 | - | ||
| 156 | - <div style="padding: 20px 20px 20px 0;"> | ||
| 157 | - <add :info="bianinfo" @removeonaction="removeonaction"></add> | ||
| 158 | - </div> | ||
| 159 | - </div> | 153 | + <div class="zhuti" v-if="onaction == '4'"> |
| 154 | + <div style="height:58px;line-height:58px;"> | ||
| 155 | + <div style="color:#0006"> <span>合同管理</span> <span style="padding:0 5px;">></span> <span | ||
| 156 | + style="color:#000000e6">编辑</span></div> | ||
| 157 | + </div> | ||
| 158 | + | ||
| 159 | + <div style="padding: 20px 20px 20px 0;"> | ||
| 160 | + <add :info="bianinfo" @removeonaction="removeonaction"></add> | ||
| 161 | + </div> | ||
| 162 | + </div> | ||
| 160 | 163 | ||
| 161 | </div> | 164 | </div> |
| 162 | <!-- </div> --> | 165 | <!-- </div> --> |
| @@ -166,7 +169,9 @@ | @@ -166,7 +169,9 @@ | ||
| 166 | <script> | 169 | <script> |
| 167 | import add from '@/components/add/addss.vue' | 170 | import add from '@/components/add/addss.vue' |
| 168 | import { | 171 | import { |
| 169 | - cerePlatformMerchant,cerePlatformMerchantedit,cerePlatformMerchantdelet | 172 | + cerePlatformMerchant, |
| 173 | + cerePlatformMerchantedit, | ||
| 174 | + cerePlatformMerchantdelet | ||
| 170 | } from '../../../api/newly.js' | 175 | } from '../../../api/newly.js' |
| 171 | import { | 176 | import { |
| 172 | cereReminderSet, | 177 | cereReminderSet, |
| @@ -185,7 +190,7 @@ | @@ -185,7 +190,7 @@ | ||
| 185 | pagequery: { | 190 | pagequery: { |
| 186 | pageNumber: 0, | 191 | pageNumber: 0, |
| 187 | pageSize: 10, | 192 | pageSize: 10, |
| 188 | - checkState:'2', | 193 | + checkState: '2', |
| 189 | name: '', | 194 | name: '', |
| 190 | 195 | ||
| 191 | }, | 196 | }, |
| @@ -193,7 +198,7 @@ | @@ -193,7 +198,7 @@ | ||
| 193 | total: 0, | 198 | total: 0, |
| 194 | onaction: '1', | 199 | onaction: '1', |
| 195 | info: {}, | 200 | info: {}, |
| 196 | - bianinfo:{} | 201 | + bianinfo: {} |
| 197 | } | 202 | } |
| 198 | }, | 203 | }, |
| 199 | components: { | 204 | components: { |
| @@ -207,12 +212,12 @@ | @@ -207,12 +212,12 @@ | ||
| 207 | }, | 212 | }, |
| 208 | methods: { | 213 | methods: { |
| 209 | calculateDaysUntilExpiration(endDateString) { | 214 | calculateDaysUntilExpiration(endDateString) { |
| 210 | - const endDate = new Date(endDateString); | ||
| 211 | - const today = new Date(); | ||
| 212 | - const timeDifference = endDate - today; | ||
| 213 | - const daysDifference = Math.ceil(timeDifference / (1000 * 60 * 60 * 24)); | ||
| 214 | - return daysDifference >= 0 ? daysDifference : '已过期'; | ||
| 215 | - }, | 215 | + const endDate = new Date(endDateString); |
| 216 | + const today = new Date(); | ||
| 217 | + const timeDifference = endDate - today; | ||
| 218 | + const daysDifference = Math.ceil(timeDifference / (1000 * 60 * 60 * 24)); | ||
| 219 | + return daysDifference >= 0 ? daysDifference : '已过期'; | ||
| 220 | + }, | ||
| 216 | yuclose() { | 221 | yuclose() { |
| 217 | this.yujingSet = false | 222 | this.yujingSet = false |
| 218 | }, | 223 | }, |
| @@ -233,7 +238,7 @@ | @@ -233,7 +238,7 @@ | ||
| 233 | }) | 238 | }) |
| 234 | } | 239 | } |
| 235 | }) | 240 | }) |
| 236 | - | 241 | + |
| 237 | }, | 242 | }, |
| 238 | openyujingSet(row) { | 243 | openyujingSet(row) { |
| 239 | // cereReminderSet({ | 244 | // cereReminderSet({ |
| @@ -249,10 +254,10 @@ | @@ -249,10 +254,10 @@ | ||
| 249 | this.detailsinfo = row | 254 | this.detailsinfo = row |
| 250 | this.onaction = '3' | 255 | this.onaction = '3' |
| 251 | }, | 256 | }, |
| 252 | - bianji(row){ | ||
| 253 | - this.bianinfo = row | ||
| 254 | - this.onaction = '4' | ||
| 255 | - }, | 257 | + bianji(row) { |
| 258 | + this.bianinfo = row | ||
| 259 | + this.onaction = '4' | ||
| 260 | + }, | ||
| 256 | biangeng(row) { | 261 | biangeng(row) { |
| 257 | alert(`合同变更 - 店铺ID: ${row.id}`); | 262 | alert(`合同变更 - 店铺ID: ${row.id}`); |
| 258 | }, | 263 | }, |
| @@ -289,42 +294,42 @@ | @@ -289,42 +294,42 @@ | ||
| 289 | this.pagequery = { | 294 | this.pagequery = { |
| 290 | pageNumber: 0, | 295 | pageNumber: 0, |
| 291 | pageSize: 10, | 296 | pageSize: 10, |
| 292 | - checkState:'2', | 297 | + checkState: '2', |
| 293 | name: '' | 298 | name: '' |
| 294 | }, | 299 | }, |
| 295 | this.getAll() | 300 | this.getAll() |
| 296 | }, | 301 | }, |
| 297 | - delmsg(ids){ | ||
| 298 | - const h = this.$createElement; | ||
| 299 | - this.$msgbox({ | ||
| 300 | - title: '消息', | ||
| 301 | - message: h('p', null, [ | ||
| 302 | - h('span', null, '是否删除 '), | ||
| 303 | - ]), | ||
| 304 | - showCancelButton: true, | ||
| 305 | - showClose: false, | ||
| 306 | - confirmButtonText: '确定', | ||
| 307 | - cancelButtonText: '取消', | ||
| 308 | - customClass: 'oe-dialog-btn', | ||
| 309 | - beforeClose: (action, instance, done) => { | ||
| 310 | - if (action === 'confirm') { | ||
| 311 | - cerePlatformMerchantdelet({ | ||
| 312 | - id: ids | ||
| 313 | - }).then(res => { | ||
| 314 | - this.$message({ | ||
| 315 | - message: '删除成功', | ||
| 316 | - type: 'success' | ||
| 317 | - }) | ||
| 318 | - this.getAll() | ||
| 319 | - done(); | ||
| 320 | - }) | ||
| 321 | - } else { | ||
| 322 | - done(); | ||
| 323 | - } | ||
| 324 | - } | ||
| 325 | - }) | ||
| 326 | - | ||
| 327 | - }, | 302 | + delmsg(ids) { |
| 303 | + const h = this.$createElement; | ||
| 304 | + this.$msgbox({ | ||
| 305 | + title: '消息', | ||
| 306 | + message: h('p', null, [ | ||
| 307 | + h('span', null, '是否删除 '), | ||
| 308 | + ]), | ||
| 309 | + showCancelButton: true, | ||
| 310 | + showClose: false, | ||
| 311 | + confirmButtonText: '确定', | ||
| 312 | + cancelButtonText: '取消', | ||
| 313 | + customClass: 'oe-dialog-btn', | ||
| 314 | + beforeClose: (action, instance, done) => { | ||
| 315 | + if (action === 'confirm') { | ||
| 316 | + cerePlatformMerchantdelet({ | ||
| 317 | + id: ids | ||
| 318 | + }).then(res => { | ||
| 319 | + this.$message({ | ||
| 320 | + message: '删除成功', | ||
| 321 | + type: 'success' | ||
| 322 | + }) | ||
| 323 | + this.getAll() | ||
| 324 | + done(); | ||
| 325 | + }) | ||
| 326 | + } else { | ||
| 327 | + done(); | ||
| 328 | + } | ||
| 329 | + } | ||
| 330 | + }) | ||
| 331 | + | ||
| 332 | + }, | ||
| 328 | } | 333 | } |
| 329 | 334 | ||
| 330 | } | 335 | } |
| @@ -332,20 +337,23 @@ | @@ -332,20 +337,23 @@ | ||
| 332 | 337 | ||
| 333 | <style scoped> | 338 | <style scoped> |
| 334 | .zhuti { | 339 | .zhuti { |
| 335 | - padding: 0 20px 20px 20px; | 340 | + padding: 0 20px 20px 20px; |
| 336 | min-height: calc(100vh - 50px - 20px); | 341 | min-height: calc(100vh - 50px - 20px); |
| 337 | background-color: #Fff; | 342 | background-color: #Fff; |
| 338 | 343 | ||
| 339 | } | 344 | } |
| 340 | - .chengeXia{ | ||
| 341 | - border-bottom: 6px solid #3F9B6A;padding-bottom: 4px;color: #3F9B6A; | 345 | + |
| 346 | + .chengeXia { | ||
| 347 | + border-bottom: 6px solid #3F9B6A; | ||
| 348 | + padding-bottom: 4px; | ||
| 349 | + color: #3F9B6A; | ||
| 342 | } | 350 | } |
| 343 | 351 | ||
| 344 | /deep/ .el-form-item__content { | 352 | /deep/ .el-form-item__content { |
| 345 | /* line-height: 0; */ | 353 | /* line-height: 0; */ |
| 346 | } | 354 | } |
| 347 | 355 | ||
| 348 | - | 356 | + |
| 349 | 357 | ||
| 350 | .formSearch { | 358 | .formSearch { |
| 351 | display: flex; | 359 | display: flex; |
| @@ -362,8 +370,8 @@ | @@ -362,8 +370,8 @@ | ||
| 362 | 370 | ||
| 363 | /deep/ .el-table__row { | 371 | /deep/ .el-table__row { |
| 364 | font-size: 14px; | 372 | font-size: 14px; |
| 365 | - color:#000000e6; | ||
| 366 | - height:42px; | 373 | + color: #000000e6; |
| 374 | + height: 42px; | ||
| 367 | } | 375 | } |
| 368 | 376 | ||
| 369 | .fenye { | 377 | .fenye { |
| @@ -414,21 +422,25 @@ | @@ -414,21 +422,25 @@ | ||
| 414 | background: #fff; | 422 | background: #fff; |
| 415 | height: 50px; | 423 | height: 50px; |
| 416 | } | 424 | } |
| 417 | - /deep/ .bg-purple[data-v-3bebae82]{ | 425 | + |
| 426 | + /deep/ .bg-purple[data-v-3bebae82] { | ||
| 418 | background: #fff; | 427 | background: #fff; |
| 419 | height: 50px; | 428 | height: 50px; |
| 420 | } | 429 | } |
| 421 | 430 | ||
| 422 | -::v-deep .bg-purple{ | 431 | + ::v-deep .bg-purple { |
| 423 | background: #fff; | 432 | background: #fff; |
| 424 | height: 50px; | 433 | height: 50px; |
| 425 | } | 434 | } |
| 435 | + | ||
| 426 | /deep/ .el-form--label-top .el-form-item__label { | 436 | /deep/ .el-form--label-top .el-form-item__label { |
| 427 | padding: 0; | 437 | padding: 0; |
| 428 | } | 438 | } |
| 429 | -::v-deep .el-form-item{ | ||
| 430 | - margin-bottom:16px; | ||
| 431 | -} | 439 | + |
| 440 | + ::v-deep .el-form-item { | ||
| 441 | + margin-bottom: 16px; | ||
| 442 | + } | ||
| 443 | + | ||
| 432 | .device-form .el-form-item__label::after { | 444 | .device-form .el-form-item__label::after { |
| 433 | content: "*"; | 445 | content: "*"; |
| 434 | color: #1A1A1A; | 446 | color: #1A1A1A; |
| @@ -442,133 +454,156 @@ | @@ -442,133 +454,156 @@ | ||
| 442 | background-color: #FAFAFA; | 454 | background-color: #FAFAFA; |
| 443 | } | 455 | } |
| 444 | } | 456 | } |
| 445 | - ::v-deep .el-input__inner:focus { | ||
| 446 | - border: #3F9B6A 1px solid; | ||
| 447 | - } | 457 | + |
| 458 | + ::v-deep .el-input__inner:focus { | ||
| 459 | + border: #3F9B6A 1px solid; | ||
| 460 | + } | ||
| 461 | + | ||
| 448 | .dialog-footer { | 462 | .dialog-footer { |
| 449 | display: flex; | 463 | display: flex; |
| 450 | justify-content: flex-end; | 464 | justify-content: flex-end; |
| 451 | border-top: solid rgba(209, 209, 209, 0.2) 2px; | 465 | border-top: solid rgba(209, 209, 209, 0.2) 2px; |
| 452 | padding-top: 20px; | 466 | padding-top: 20px; |
| 453 | } | 467 | } |
| 454 | - ::v-deep .el-input__inner:focus { | ||
| 455 | - border: #3F9B6A 1px solid; | ||
| 456 | - } | ||
| 457 | - ::v-deep .el-input__inner:hover { | ||
| 458 | - border: #3F9B6A 1px solid; | ||
| 459 | - } | ||
| 460 | - ::v-deep .el-select .el-input.is-focus .el-input__inner{ | ||
| 461 | - border-color:#3F9B6A | ||
| 462 | - } | ||
| 463 | -::v-deep .btn .el-button:focus, | ||
| 464 | -.el-button:hover { | ||
| 465 | - border: 1px solid #3F9B6A; | ||
| 466 | -} | ||
| 467 | -.el-select-dropdown__item.selected{ | 468 | + |
| 469 | + ::v-deep .el-input__inner:focus { | ||
| 470 | + border: #3F9B6A 1px solid; | ||
| 471 | + } | ||
| 472 | + | ||
| 473 | + ::v-deep .el-input__inner:hover { | ||
| 474 | + border: #3F9B6A 1px solid; | ||
| 475 | + } | ||
| 476 | + | ||
| 477 | + ::v-deep .el-select .el-input.is-focus .el-input__inner { | ||
| 478 | + border-color: #3F9B6A | ||
| 479 | + } | ||
| 480 | + | ||
| 481 | + ::v-deep .btn .el-button:focus, | ||
| 482 | + .el-button:hover { | ||
| 483 | + border: 1px solid #3F9B6A; | ||
| 484 | + } | ||
| 485 | + | ||
| 486 | + .el-select-dropdown__item.selected { | ||
| 468 | color: #3F9B6A; | 487 | color: #3F9B6A; |
| 469 | -} | 488 | + } |
| 470 | 489 | ||
| 471 | -.el-pagination__sizes .el-input .el-input__inner:hover{ | 490 | + .el-pagination__sizes .el-input .el-input__inner:hover { |
| 472 | border-color: #3F9B6A; | 491 | border-color: #3F9B6A; |
| 473 | -} | ||
| 474 | -::v-deep .el-dialog__wrapper{ | 492 | + } |
| 493 | + | ||
| 494 | + ::v-deep .el-dialog__wrapper { | ||
| 475 | 495 | ||
| 476 | - .dialog_css{ | 496 | + .dialog_css { |
| 477 | margin-right: 12px; | 497 | margin-right: 12px; |
| 478 | - margin-top:61px !important; | 498 | + margin-top: 61px !important; |
| 499 | + | ||
| 479 | .el-dialog__title { | 500 | .el-dialog__title { |
| 480 | font-size: 16px !important; | 501 | font-size: 16px !important; |
| 481 | font-weight: 600; | 502 | font-weight: 600; |
| 482 | color: #000; | 503 | color: #000; |
| 483 | } | 504 | } |
| 505 | + } | ||
| 506 | + | ||
| 507 | + .diaslog_zhong { | ||
| 508 | + margin-left: 20%; | ||
| 509 | + margin-top: 61px !important; | ||
| 510 | + } | ||
| 511 | + | ||
| 484 | } | 512 | } |
| 485 | - .diaslog_zhong{ | ||
| 486 | - margin-left: 20%; | ||
| 487 | - margin-top:61px !important; | ||
| 488 | - } | ||
| 489 | - | ||
| 490 | -} | ||
| 491 | - ::v-deep .diaslog_zhong{ | ||
| 492 | - margin-left: 20%; | ||
| 493 | - margin-top:61px !important; | ||
| 494 | - .el-dialog__header{ | ||
| 495 | - background-color:#fff; | ||
| 496 | - border-bottom:1px solid #EFEFEF; | ||
| 497 | - .el-dialog__title{ | ||
| 498 | - font-size: 14px; | ||
| 499 | - color: #000000e6; | ||
| 500 | - } | ||
| 501 | - } | ||
| 502 | - .el-dialog__body{ | ||
| 503 | - padding:10px 20px 30px 20px | ||
| 504 | - } | ||
| 505 | - } | ||
| 506 | - | ||
| 507 | - /deep/ .el-table_1_column_8 .hetong{ | ||
| 508 | - color:#7DBB9A; | ||
| 509 | - text-decoration: underline; | ||
| 510 | -} | ||
| 511 | -/deep/ .first-column-bg { | 513 | + |
| 514 | + ::v-deep .diaslog_zhong { | ||
| 515 | + margin-left: 20%; | ||
| 516 | + margin-top: 61px !important; | ||
| 517 | + | ||
| 518 | + .el-dialog__header { | ||
| 519 | + background-color: #fff; | ||
| 520 | + border-bottom: 1px solid #EFEFEF; | ||
| 521 | + | ||
| 522 | + .el-dialog__title { | ||
| 523 | + font-size: 14px; | ||
| 524 | + color: #000000e6; | ||
| 525 | + } | ||
| 526 | + } | ||
| 527 | + | ||
| 528 | + .el-dialog__body { | ||
| 529 | + padding: 10px 20px 30px 20px | ||
| 530 | + } | ||
| 531 | + } | ||
| 532 | + | ||
| 533 | + /deep/ .el-table_1_column_8 .hetong { | ||
| 534 | + color: #7DBB9A; | ||
| 535 | + text-decoration: underline; | ||
| 536 | + } | ||
| 537 | + | ||
| 538 | + /deep/ .first-column-bg { | ||
| 512 | background-color: #FAFAFA !important; | 539 | background-color: #FAFAFA !important; |
| 513 | } | 540 | } |
| 514 | 541 | ||
| 515 | -.el-table tr{ | ||
| 516 | - height:56px; | ||
| 517 | -} | 542 | + .el-table tr { |
| 543 | + height: 56px; | ||
| 544 | + } | ||
| 518 | 545 | ||
| 519 | -::v-deep .table3{ | ||
| 520 | - .el-table__empty-block{ | ||
| 521 | - display:none; | 546 | + ::v-deep .table3 { |
| 547 | + .el-table__empty-block { | ||
| 548 | + display: none; | ||
| 549 | + } | ||
| 522 | } | 550 | } |
| 523 | -} | ||
| 524 | -::v-deep .textarea{ | ||
| 525 | - width: 85%; | ||
| 526 | - .el-textarea__inner{ | ||
| 527 | - width: 100%; | 551 | + |
| 552 | + ::v-deep .textarea { | ||
| 553 | + width: 85%; | ||
| 554 | + | ||
| 555 | + .el-textarea__inner { | ||
| 556 | + width: 100%; | ||
| 557 | + } | ||
| 558 | + } | ||
| 559 | + | ||
| 560 | + ::v-deep .el-button--mini { | ||
| 561 | + padding: 7px 10px; | ||
| 528 | } | 562 | } |
| 529 | -} | ||
| 530 | -::v-deep .el-button--mini{ | ||
| 531 | - padding: 7px 10px; | ||
| 532 | -} | ||
| 533 | -::v-deep .pass_input{ | 563 | + |
| 564 | + ::v-deep .pass_input { | ||
| 534 | width: 100%; | 565 | width: 100%; |
| 566 | + | ||
| 535 | .el-input__inner { | 567 | .el-input__inner { |
| 536 | border: none; | 568 | border: none; |
| 537 | - padding:0; | ||
| 538 | - } | ||
| 539 | - } | ||
| 540 | -::v-deep .pass_select{ | ||
| 541 | - width: 100%; | ||
| 542 | - .el-input__inner { | ||
| 543 | - border: none; | ||
| 544 | - padding:0; | 569 | + padding: 0; |
| 545 | } | 570 | } |
| 546 | - .el-icon-arrow-up:before{ | ||
| 547 | - content:'' | ||
| 548 | } | 571 | } |
| 549 | 572 | ||
| 550 | -} | ||
| 551 | - /deep/ .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{ | ||
| 552 | - background-color: #fff; | ||
| 553 | -} | 573 | + ::v-deep .pass_select { |
| 574 | + width: 100%; | ||
| 575 | + | ||
| 576 | + .el-input__inner { | ||
| 577 | + border: none; | ||
| 578 | + padding: 0; | ||
| 579 | + } | ||
| 580 | + | ||
| 581 | + .el-icon-arrow-up:before { | ||
| 582 | + content: '' | ||
| 583 | + } | ||
| 554 | 584 | ||
| 585 | + } | ||
| 555 | 586 | ||
| 587 | + /deep/ .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { | ||
| 588 | + background-color: #fff; | ||
| 589 | + } | ||
| 556 | </style> | 590 | </style> |
| 557 | <style lang="scss" scoped> | 591 | <style lang="scss" scoped> |
| 558 | - ::v-deep .bian_css{ | ||
| 559 | - .el-dialog__header{ | ||
| 560 | - padding:0px; | 592 | + ::v-deep .bian_css { |
| 593 | + .el-dialog__header { | ||
| 594 | + padding: 0px; | ||
| 561 | } | 595 | } |
| 562 | } | 596 | } |
| 563 | - ::v-deep .buttonHover:hover{ | ||
| 564 | - color:#3f9b6a !important; | 597 | + |
| 598 | + ::v-deep .buttonHover:hover { | ||
| 599 | + color: #3f9b6a !important; | ||
| 565 | border-color: #c5e1d2 !important; | 600 | border-color: #c5e1d2 !important; |
| 566 | background-color: #ecf5f0 !important; | 601 | background-color: #ecf5f0 !important; |
| 567 | outline: none; | 602 | outline: none; |
| 568 | } | 603 | } |
| 569 | - ::v-deep .el-pagination__total{ | ||
| 570 | - position: absolute; | ||
| 571 | - left: 33px; | 604 | + |
| 605 | + ::v-deep .el-pagination__total { | ||
| 606 | + position: absolute; | ||
| 607 | + left: 33px; | ||
| 572 | } | 608 | } |
| 573 | </style> | 609 | </style> |
| 574 | - |