Commit c3bca1516d7fae6a07799521312af3e4c2fe88f2
1 parent
81ec0a44
1
Showing
9 changed files
with
1802 additions
and
614 deletions
admin-web-master/src/api/newly.js
| 1 | 1 | import request from '@/utils/request' |
| 2 | 2 | import requestnew from '@/utils/request2' |
| 3 | +// 批量修改资源状态 | |
| 4 | +export function modifyResourceStatus(data) { | |
| 5 | + return request({ | |
| 6 | + url: '/cereBasicInformationShop/modifyResourceStatus', | |
| 7 | + method: 'post', | |
| 8 | + data | |
| 9 | + }) | |
| 10 | +} | |
| 3 | 11 | // 获取续租管理合同 |
| 4 | 12 | export function contractRenewalReminder(data) { |
| 5 | 13 | return request({ | ... | ... |
admin-web-master/src/components/add/addfa.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <div> | |
| 3 | + <el-form :model="formInline" :rules="rulesHetong" ref="heForm" label-width="130px" class="demo-ruleForm"> | |
| 4 | + <el-form-item label="招商方案名称" class="grid-content bg-purple device-from" prop="planName"> | |
| 5 | + <el-input v-model="formInline.planName" placeholder="请输入" maxlength="100" /> | |
| 6 | + </el-form-item> | |
| 7 | + <el-form-item label="招商政策与条件" class="grid-content bg-purple" prop="investmentPolicy"> | |
| 8 | + <wang-editor v-model="formInline.investmentPolicy" ref="editor" :height="200"></wang-editor> | |
| 9 | + </el-form-item> | |
| 10 | + <el-form-item label="方案概述" prop="summary" class="grid-content bg-purple"> | |
| 11 | + <wang-editor v-model="formInline.summary" ref="editor" :height="200"></wang-editor> | |
| 12 | + </el-form-item> | |
| 13 | + <el-row :gutter="20"> | |
| 14 | + <el-col :span="24"> | |
| 15 | + <el-form-item label="招商资源管理" prop="shopNumber"> | |
| 16 | + <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong"> | |
| 17 | + <div | |
| 18 | + style="font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;line-height:20px;background:#F2F3F5;"> | |
| 19 | + <div></div> | |
| 20 | + <div style="color: #3F9B6A;padding:10px;" @click="mingShow"> | |
| 21 | + 添加 | |
| 22 | + </div> | |
| 23 | + </div> | |
| 24 | + <div style="padding: 15px;"> | |
| 25 | + <div style="padding: 0px 20px 0px 0px"> | |
| 26 | + <el-table :data="AddData" :span-method="tableSpanMethod" | |
| 27 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"> | |
| 28 | + <el-table-column label="序号" min-width="50" prop="one"> | |
| 29 | + <template slot-scope="scope"> | |
| 30 | + {{scope.$index + 1}} | |
| 31 | + </template> | |
| 32 | + </el-table-column> | |
| 33 | + <el-table-column label="资源名称" prop="name" show-overflow-tooltip> | |
| 34 | + <template slot-scope="scope"> | |
| 35 | + {{scope.row.zyinfo.shopName ? scope.row.zyinfo.shopName : scope.row.zyinfo.advertisingName?scope.row.zyinfo.advertisingName:scope.row.zyinfo.venueName}} | |
| 36 | + </template> | |
| 37 | + </el-table-column> | |
| 38 | + <el-table-column label="资源类型" prop="type" > | |
| 39 | + <template slot-scope="scope"> | |
| 40 | + {{scope.row.zyinfo.shopName ? '商铺' : scope.row.zyinfo.advertisingType?scope.row.zyinfo.advertisingType:'场地'}} | |
| 41 | + </template> | |
| 42 | + </el-table-column> | |
| 43 | + <el-table-column label="策略名称" > | |
| 44 | + <template slot-scope="scope"> | |
| 45 | + {{scope.row.clinfo.policyName || '-'}} | |
| 46 | + </template> | |
| 47 | + </el-table-column> | |
| 48 | + <el-table-column label="策略描述" > | |
| 49 | + <template slot-scope="scope"> | |
| 50 | + {{scope.row.clinfo.policyName || '-'}} | |
| 51 | + </template> | |
| 52 | + </el-table-column> | |
| 53 | + <el-table-column label="操作" prop="cz" > | |
| 54 | + <template slot-scope="scope"> | |
| 55 | + <div v-if="scope.row.num == 1" @click="opencl(scope.row.zyinfo)" class="tableBtn greens">策略选择</div> | |
| 56 | + <div @click="removezy(scope.row.zyinfo)" class="tableBtn greens">编辑</div> | |
| 57 | + <div @click="MingDelete(scope.row.zyinfo)" class="tableBtn greens">删除</div> | |
| 58 | + </template> | |
| 59 | + </el-table-column> | |
| 60 | + </el-table> | |
| 61 | + </div> | |
| 62 | + </div> | |
| 63 | + </div> | |
| 64 | + </el-form-item> | |
| 65 | + </el-col> | |
| 66 | + </el-row> | |
| 67 | + <el-form-item label="附件信息" prop="mainPurpose"> | |
| 68 | + <upfile :accept="'.docx,.doc'" filePath="fa" inputtype="mainPurpose" :value="formInline.mainPurpose" @changimg="e=>changimg(e,'mainPurpose')"></upfile> | |
| 69 | + </el-form-item> | |
| 70 | + <el-row :gutter="20"> | |
| 71 | + <el-col :span="12"> | |
| 72 | + <el-form-item> | |
| 73 | + <div style="margin-top: 20px"> | |
| 74 | + <el-button @click="add()" style="background-color: #3F9B6A;color: #fff;">确定</el-button> | |
| 75 | + <el-button @click="close()" class="buttonHover" | |
| 76 | + style="color: #606266;border: 1px solid #DBDBDB;background-color: #fff;">取消</el-button> | |
| 77 | + </div> | |
| 78 | + </el-form-item> | |
| 79 | + </el-col> | |
| 80 | + </el-row> | |
| 81 | + </el-form> | |
| 82 | + <el-dialog :visible.sync="addMing" title="选择资源" style="padding: 0;" width="65%" append-to-body center | |
| 83 | + :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false"> | |
| 84 | + <zy v-if="addMing" @mingClose="mingClose" @minSev="minSev"></zy> | |
| 85 | + | |
| 86 | + | |
| 87 | + </el-dialog> | |
| 88 | + <el-dialog :visible.sync="onaction" title="编辑" style="padding: 0;" width="65%" append-to-body center | |
| 89 | + :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false"> | |
| 90 | + <div style="height: 40vh;overflow-y: scroll;"> | |
| 91 | + <div v-if="ontype == '1'" style="padding: 20px 20px 20px 0;"> | |
| 92 | + <add :info="detailsinfo" @removeonaction="removeonaction"></add> | |
| 93 | + </div> | |
| 94 | + <div v-if="ontype == '2'" style="padding: 20px 20px 20px 0;"> | |
| 95 | + <addmap :info="detailsinfo" @removeonaction="removeonaction"></addmap> | |
| 96 | + </div> | |
| 97 | + <div v-if="ontype == '3'" style="padding: 20px 20px 20px 0;"> | |
| 98 | + <addcd :info="detailsinfo" @removeonaction="removeonaction"></addcd> | |
| 99 | + </div> | |
| 100 | + </div> | |
| 101 | + </el-dialog> | |
| 102 | + <el-dialog :visible.sync="addcl" title="选择策略" width="65%" append-to-body center :close-on-click-modal="false" | |
| 103 | + :close-on-press-escape="false" :show-close="false"> | |
| 104 | + <cl :resourcesId="oncetype+oninfo.id" v-if="addcl" @minSev="minSevcl" @mingClose="mingClosecl"></cl> | |
| 105 | + </el-dialog> | |
| 106 | + </div> | |
| 107 | +</template> | |
| 108 | + | |
| 109 | +<script> | |
| 110 | + import zy from "@/components/change/zy" | |
| 111 | + import upfile from "@/components/fujianUpload/fujianList" | |
| 112 | + import upimg from "@/components/ImageUpload/index" | |
| 113 | + import wangEditor from "@/components/editor/index"; | |
| 114 | + import addmap from '@/components/add/addmap' | |
| 115 | + import addcd from '@/components/add/addcd' | |
| 116 | + import add from '@/components/add/addinformation' | |
| 117 | + import cl from '@/components/change/cl.vue' | |
| 118 | + import { | |
| 119 | + fangAdd, | |
| 120 | + fangEdit, | |
| 121 | + } from '@/api/fangli'; | |
| 122 | + import { | |
| 123 | + cereResourceStrategy, | |
| 124 | + cereBusinessOperationadd, | |
| 125 | + } from '@/api/newly.js' | |
| 126 | + export default { | |
| 127 | + components: { | |
| 128 | + addcd, | |
| 129 | + addmap, | |
| 130 | + add, | |
| 131 | + upimg, | |
| 132 | + wangEditor, | |
| 133 | + upfile, | |
| 134 | + zy, | |
| 135 | + cl | |
| 136 | + }, | |
| 137 | + data() { | |
| 138 | + return { | |
| 139 | + multipleSelection: [], | |
| 140 | + oninfo:{}, | |
| 141 | + oncetype:'', | |
| 142 | + addcl:false, | |
| 143 | + detailsinfo:{}, | |
| 144 | + ontype:'1', | |
| 145 | + onaction:false, | |
| 146 | + AddData: [], //选中的资源 | |
| 147 | + addMing: false, | |
| 148 | + formInline: { | |
| 149 | + planName: '', | |
| 150 | + planningScheme: '', | |
| 151 | + investmentPolicy: '', | |
| 152 | + summary: '', | |
| 153 | + financialAnalysis: '', | |
| 154 | + attachmentInfo: '', | |
| 155 | + resourceManagement: '', | |
| 156 | + auditStatus: '1' | |
| 157 | + }, | |
| 158 | + rulesHetong: { | |
| 159 | + planName: [{ | |
| 160 | + required: true, | |
| 161 | + message: '请填写招商方案名称', | |
| 162 | + trigger: 'change' | |
| 163 | + }], | |
| 164 | + }, | |
| 165 | + }; | |
| 166 | + }, | |
| 167 | + props: { | |
| 168 | + info: { | |
| 169 | + type: Object, | |
| 170 | + default: {} | |
| 171 | + } | |
| 172 | + }, | |
| 173 | + async created() { | |
| 174 | + | |
| 175 | + }, | |
| 176 | + methods: { | |
| 177 | + minSevcl(e) { | |
| 178 | + this.multipleSelection = e | |
| 179 | + // console.error(this.multipleSelection) | |
| 180 | + let listall = [] | |
| 181 | + for (let n = 0; n < this.AddData.length; n++) { | |
| 182 | + const element = this.AddData[n]; | |
| 183 | + let cnet = '' | |
| 184 | + if (element.zyinfo.shopName) { | |
| 185 | + cnet = 'sp' + element.zyinfo.id | |
| 186 | + } else if (element.zyinfo.advertisingType) { | |
| 187 | + cnet = 'gg' + element.zyinfo.id | |
| 188 | + } else { | |
| 189 | + cnet = 'cd' + element.zyinfo.id | |
| 190 | + } | |
| 191 | + if (this.oninfo.id == element.zyinfo.id) { | |
| 192 | + for (let index = 0; index < this.multipleSelection.length; index++) { | |
| 193 | + let info = { | |
| 194 | + cnet:cnet, | |
| 195 | + zyinfo:element.zyinfo, | |
| 196 | + num:this.multipleSelection.length, | |
| 197 | + clinfo:this.multipleSelection[index] | |
| 198 | + } | |
| 199 | + listall.push(info) | |
| 200 | + } | |
| 201 | + } else{ | |
| 202 | + listall.push(this.AddData[n]) | |
| 203 | + } | |
| 204 | + } | |
| 205 | + this.AddData = listall | |
| 206 | + | |
| 207 | + this.addcl = false | |
| 208 | + }, | |
| 209 | + mingClosecl() { | |
| 210 | + this.multipleSelection = [] | |
| 211 | + this.addcl = false | |
| 212 | + }, | |
| 213 | + async opencl(row) { | |
| 214 | + if (row.shopName) { | |
| 215 | + this.oncetype = 'sp' | |
| 216 | + } else if (row.advertisingType) { | |
| 217 | + this.oncetype = 'gg' | |
| 218 | + } else { | |
| 219 | + this.oncetype = 'cd' | |
| 220 | + } | |
| 221 | + this.oninfo = row | |
| 222 | + this.multipleSelection = [] | |
| 223 | + this.addcl = true | |
| 224 | + }, | |
| 225 | + removeonaction() { | |
| 226 | + this.onaction = false | |
| 227 | + }, | |
| 228 | + removezy(row) { | |
| 229 | + if (row.shopName) { | |
| 230 | + this.ontype = '1' | |
| 231 | + } else if (row.advertisingType) { | |
| 232 | + this.ontype = '2' | |
| 233 | + } else { | |
| 234 | + this.ontype = '3' | |
| 235 | + } | |
| 236 | + this.detailsinfo = row | |
| 237 | + this.onaction = true | |
| 238 | + }, | |
| 239 | + changimg(e, type) { | |
| 240 | + this.formInline[type] = e | |
| 241 | + }, | |
| 242 | + addclall (id,ids) { | |
| 243 | + let c1 = { | |
| 244 | + resourcesId: id, | |
| 245 | + rentalPoliciesIds: ids, | |
| 246 | + } | |
| 247 | + console.error(c1) | |
| 248 | + cereResourceStrategy(c1).then(res => { | |
| 249 | + if (res.code == 200) { | |
| 250 | + } else { | |
| 251 | + this.$message({ | |
| 252 | + message: '绑定失败', | |
| 253 | + type: 'error' | |
| 254 | + }) | |
| 255 | + } | |
| 256 | + }) | |
| 257 | + }, | |
| 258 | + async add() { | |
| 259 | + if (this.formInline.id) { | |
| 260 | + | |
| 261 | + } else { | |
| 262 | + let c2 = '' | |
| 263 | + let alllist = this.buildTree(this.AddData) | |
| 264 | + console.error(alllist) | |
| 265 | + //判断alllist是不是数组 | |
| 266 | + if (Array.isArray(alllist)) { | |
| 267 | + for (let i = 0; i < alllist.length; i++) { | |
| 268 | + let cnet = alllist[i].id | |
| 269 | + await this.addclall(alllist[i].id,alllist[i].clids) | |
| 270 | + if (i == 0) { | |
| 271 | + c2 = cnet | |
| 272 | + } else { | |
| 273 | + c2 = c2 + ',' + cnet | |
| 274 | + } | |
| 275 | + } | |
| 276 | + | |
| 277 | + } else{ | |
| 278 | + return | |
| 279 | + } | |
| 280 | + console.error(c2) | |
| 281 | + await cereBusinessOperationadd({ | |
| 282 | + type: '发布', | |
| 283 | + resourceId: c2, | |
| 284 | + operator: localStorage.getItem('roleName'), | |
| 285 | + operationTime: this.gettime() | |
| 286 | + }).then(res => { | |
| 287 | + console.error(res) | |
| 288 | + }) | |
| 289 | + this.formInline.resourceManagement = c2 | |
| 290 | + console.error({ | |
| 291 | + ...this.formInline | |
| 292 | + }) | |
| 293 | + // return | |
| 294 | + this.$refs.heForm.validate((valid) => { | |
| 295 | + console.log(valid) | |
| 296 | + if (valid) { | |
| 297 | + fangAdd({ | |
| 298 | + ...this.formInline | |
| 299 | + }).then(res => { | |
| 300 | + console.error(res) | |
| 301 | + if (res.code == 200) { | |
| 302 | + this.$message({ | |
| 303 | + message: '添加成功', | |
| 304 | + type: 'success' | |
| 305 | + }) | |
| 306 | + modifyResourceStatus({ | |
| 307 | + resourcesId: c2, | |
| 308 | + status:"1" | |
| 309 | + }).then(res => { | |
| 310 | + console.error(res) | |
| 311 | + }) | |
| 312 | + this.$emit('removeonaction', '1') | |
| 313 | + } else { | |
| 314 | + this.$message({ | |
| 315 | + message: res.msg, | |
| 316 | + type: 'error' | |
| 317 | + }) | |
| 318 | + } | |
| 319 | + | |
| 320 | + }) | |
| 321 | + } else { | |
| 322 | + this.$message({ | |
| 323 | + message: '请填写完整信息', | |
| 324 | + type: 'error' | |
| 325 | + }) | |
| 326 | + return false; | |
| 327 | + } | |
| 328 | + }) | |
| 329 | + | |
| 330 | + } | |
| 331 | + }, | |
| 332 | + close() { | |
| 333 | + this.$emit('removeonaction', '1') | |
| 334 | + }, | |
| 335 | + MingDelete(item) { | |
| 336 | + // this.AddData.splice(item, 1); | |
| 337 | + let array = JSON.parse(JSON.stringify(this.AddData)); | |
| 338 | + for (let index = 0; index < array.length; index++) { | |
| 339 | + const element = array[index]; | |
| 340 | + if (element.zyinfo.id == item.id) { | |
| 341 | + this.AddData.splice(index, element.num); | |
| 342 | + } | |
| 343 | + } | |
| 344 | + }, | |
| 345 | + async mingShow() { | |
| 346 | + this.addMing = true | |
| 347 | + }, | |
| 348 | + minSev(e) { | |
| 349 | + // console.error(e) | |
| 350 | + let list = [] | |
| 351 | + let filteredAddData = [] | |
| 352 | + if(this.AddData.length>0) { | |
| 353 | + filteredAddData = e.filter(item => { | |
| 354 | + let isExist = true; | |
| 355 | + this.AddData.filter(itemAdd => { | |
| 356 | + if(itemAdd.zyinfo.id == item.id) { | |
| 357 | + isExist = false | |
| 358 | + } | |
| 359 | + }); | |
| 360 | + if(isExist) { | |
| 361 | + return item; | |
| 362 | + } | |
| 363 | + }); | |
| 364 | + | |
| 365 | + } else { | |
| 366 | + filteredAddData = e | |
| 367 | + } | |
| 368 | + // console.error(filteredAddData) | |
| 369 | + for (let index = 0; index < filteredAddData.length; index++) { | |
| 370 | + const element = filteredAddData[index]; | |
| 371 | + let cnet = '' | |
| 372 | + if (element.shopName) { | |
| 373 | + cnet = 'sp' + element.id | |
| 374 | + } else if (element.advertisingType) { | |
| 375 | + cnet = 'gg' + element.id | |
| 376 | + } else { | |
| 377 | + cnet = 'cd' + element.id | |
| 378 | + } | |
| 379 | + let info = { | |
| 380 | + zyinfo:element, | |
| 381 | + num:1, | |
| 382 | + cnet:cnet, | |
| 383 | + clinfo:{ | |
| 384 | + | |
| 385 | + } | |
| 386 | + } | |
| 387 | + list.push(info) | |
| 388 | + } | |
| 389 | + this.AddData = this.AddData.concat(list) | |
| 390 | + | |
| 391 | + this.addMing = false | |
| 392 | + }, | |
| 393 | + mingClose() { | |
| 394 | + this.addMing = false | |
| 395 | + }, | |
| 396 | + tableSpanMethod({ row, column, rowIndex }) { | |
| 397 | + if (["name", "type","one","cz"].includes(column.property)) { | |
| 398 | + // 判断 num 是否相同,合并行 | |
| 399 | + const num = row.num; | |
| 400 | + const cnet = row.cnet; | |
| 401 | + const startRowIndex = this.findStartRowIndex(rowIndex, num,cnet); | |
| 402 | + | |
| 403 | + return startRowIndex === rowIndex | |
| 404 | + ? { rowspan: num, colspan: 1 } | |
| 405 | + : { rowspan: 0, colspan: 0 }; | |
| 406 | + } | |
| 407 | + }, | |
| 408 | + findStartRowIndex(rowIndex, num,cnet) { | |
| 409 | + let startRowIndex = rowIndex; | |
| 410 | + for (let i = rowIndex - 1; i >= 0; i--) { | |
| 411 | + if (this.AddData[i].num === num && this.AddData[i].cnet === cnet) { | |
| 412 | + startRowIndex = i; | |
| 413 | + } else { | |
| 414 | + break; | |
| 415 | + } | |
| 416 | + } | |
| 417 | + return startRowIndex; | |
| 418 | + }, | |
| 419 | + buildTree(clinfoArray) { | |
| 420 | + let list = []; | |
| 421 | + for (let index = 0; index < clinfoArray.length; index++) { | |
| 422 | + const element = clinfoArray[index]; | |
| 423 | + if(list.length>0) { | |
| 424 | + let c1 = true | |
| 425 | + for (let n = 0; n < list.length; n++) { | |
| 426 | + const item = list[n]; | |
| 427 | + if(item.id == element.cnet) { | |
| 428 | + c1 = false | |
| 429 | + } else { | |
| 430 | + | |
| 431 | + } | |
| 432 | + } | |
| 433 | + if(c1) { | |
| 434 | + let info ={ | |
| 435 | + id: element.cnet, | |
| 436 | + children:[], | |
| 437 | + clids:'' | |
| 438 | + } | |
| 439 | + for (let i = 0; i < clinfoArray.length; i++) { | |
| 440 | + const elementnew = clinfoArray[i]; | |
| 441 | + if(elementnew.cnet == info.id) { | |
| 442 | + info.children.push(elementnew) | |
| 443 | + if(elementnew.clinfo && elementnew.clinfo.id) { | |
| 444 | + if(i == 0) { | |
| 445 | + info.clids = elementnew.clinfo.id | |
| 446 | + } else { | |
| 447 | + info.clids = info.clids + ','+elementnew.clinfo.id | |
| 448 | + } | |
| 449 | + } else { | |
| 450 | + this.$message({ | |
| 451 | + message: '资源请绑定策略', | |
| 452 | + type: 'error' | |
| 453 | + }) | |
| 454 | + return false; | |
| 455 | + } | |
| 456 | + } | |
| 457 | + | |
| 458 | + } | |
| 459 | + list.push(info) | |
| 460 | + } | |
| 461 | + } else { | |
| 462 | + let info ={ | |
| 463 | + id: element.cnet, | |
| 464 | + children:[], | |
| 465 | + clids:'' | |
| 466 | + } | |
| 467 | + for (let i = 0; i < clinfoArray.length; i++) { | |
| 468 | + const elementnew = clinfoArray[i]; | |
| 469 | + if(elementnew.cnet == info.id) { | |
| 470 | + info.children.push(elementnew) | |
| 471 | + if(elementnew.clinfo && elementnew.clinfo.id) { | |
| 472 | + if(i == 0) { | |
| 473 | + info.clids = elementnew.clinfo.id | |
| 474 | + } else { | |
| 475 | + info.clids = info.clids + ','+elementnew.clinfo.id | |
| 476 | + } | |
| 477 | + } else { | |
| 478 | + this.$message({ | |
| 479 | + message: '资源请绑定策略', | |
| 480 | + type: 'error' | |
| 481 | + }) | |
| 482 | + return false; | |
| 483 | + } | |
| 484 | + } | |
| 485 | + | |
| 486 | + } | |
| 487 | + list.push(info) | |
| 488 | + } | |
| 489 | + } | |
| 490 | + return list | |
| 491 | + }, | |
| 492 | + gettime() { | |
| 493 | + // 获取当前时间 | |
| 494 | + let currentTime = new Date(); | |
| 495 | + | |
| 496 | + // 获取年份 | |
| 497 | + let year = currentTime.getFullYear(); | |
| 498 | + | |
| 499 | + // 获取月份(注意月份是从0开始计数的,所以需要加1) | |
| 500 | + let month = currentTime.getMonth() + 1; | |
| 501 | + | |
| 502 | + // 获取日期 | |
| 503 | + let day = currentTime.getDate(); | |
| 504 | + | |
| 505 | + // 获取小时 | |
| 506 | + let hours = currentTime.getHours(); | |
| 507 | + | |
| 508 | + // 获取分钟 | |
| 509 | + let minutes = currentTime.getMinutes(); | |
| 510 | + | |
| 511 | + // 获取秒数 | |
| 512 | + let seconds = currentTime.getSeconds(); | |
| 513 | + | |
| 514 | + // 获取毫秒数 | |
| 515 | + let milliseconds = currentTime.getMilliseconds(); | |
| 516 | + | |
| 517 | + // 格式化时间为 YYYY-MM-DD | |
| 518 | + let formattedDate = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`; | |
| 519 | + | |
| 520 | + // 格式化时间为 HH:MM:SS | |
| 521 | + let formattedTime = | |
| 522 | + `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; | |
| 523 | + | |
| 524 | + // 格式化时间为 YYYY-MM-DD HH:MM:SS | |
| 525 | + let formattedDateTime = `${formattedDate} ${formattedTime}`; | |
| 526 | + return formattedDateTime | |
| 527 | + | |
| 528 | + }, | |
| 529 | + }, | |
| 530 | + }; | |
| 531 | +</script> | |
| 532 | +<style lang="css"> | |
| 533 | + .el-upload { | |
| 534 | + display: block; | |
| 535 | + text-align: left; | |
| 536 | + } | |
| 537 | + | |
| 538 | + .el-dialog__header { | |
| 539 | + background-color: #F2F3F5; | |
| 540 | + text-align: left; | |
| 541 | + } | |
| 542 | + | |
| 543 | + .el-dialog__title { | |
| 544 | + line-height: 30px; | |
| 545 | + font-size: 15px; | |
| 546 | + color: #303133; | |
| 547 | + } | |
| 548 | +</style> | ... | ... |
admin-web-master/src/components/change/cl.vue
| ... | ... | @@ -222,9 +222,10 @@ |
| 222 | 222 | <style scoped> |
| 223 | 223 | .policy-selector { |
| 224 | 224 | padding: 20px; |
| 225 | + /* padding: 20px; | |
| 225 | 226 | width: 100%; |
| 226 | 227 | margin: 0 auto; |
| 227 | - border: 1px solid #ddd; | |
| 228 | + border: 1px solid #ddd; */ | |
| 228 | 229 | /* border-radius: 4px; */ |
| 229 | 230 | /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */ |
| 230 | 231 | } |
| ... | ... | @@ -249,4 +250,7 @@ |
| 249 | 250 | justify-content: flex-end; |
| 250 | 251 | align-items: center; |
| 251 | 252 | } |
| 253 | + ::v-deep .el-dialog__body { | |
| 254 | + padding: 0 0 !important; | |
| 255 | + } | |
| 252 | 256 | </style> | ... | ... |
admin-web-master/src/components/change/zy.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <div class="policy-selector"> | |
| 3 | + <div class="policy-selector-content"> | |
| 4 | + <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong"> | |
| 5 | + <div | |
| 6 | + style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;"> | |
| 7 | + <div style="line-height:200%">选择策略</div> | |
| 8 | + <div style="display: flex"> | |
| 9 | + <el-select v-model="zytype" placeholder="请选择" style="width: 40%;margin-right: 15px" @change="changzytype"> | |
| 10 | + <el-option label="商铺" :value="'1'"></el-option> | |
| 11 | + <el-option label="广告" :value="'2'"></el-option> | |
| 12 | + <el-option label="场地" :value="'3'"></el-option> | |
| 13 | + </el-select> | |
| 14 | + <el-input placeholder="请输入" suffix-icon="el-icon-search" style="margin-right:15px;width: 40%;" | |
| 15 | + v-model="name"> | |
| 16 | + </el-input> | |
| 17 | + <el-button @click="onSearch" style="background-color: #3F9B6A;color: #fff">查询 | |
| 18 | + </el-button> | |
| 19 | + <el-button @click="resetting" class="buttonHover" | |
| 20 | + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置 | |
| 21 | + </el-button> | |
| 22 | + </div> | |
| 23 | + </div> | |
| 24 | + <div style="padding: 15px;"> | |
| 25 | + <div style="padding: 0px 20px 0px 0px;max-height:40vh;overflow-y: auto;"> | |
| 26 | + <el-table ref="multipleTable" :data="listData" tooltip-effect="dark" | |
| 27 | + @selection-change="handleSelectionChange" | |
| 28 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"> | |
| 29 | + <el-table-column label="选择" type="selection" width="55"> | |
| 30 | + </el-table-column> | |
| 31 | + <el-table-column label="序号"> | |
| 32 | + <template slot-scope="scope"> | |
| 33 | + {{scope.$index +1 }} | |
| 34 | + </template> | |
| 35 | + </el-table-column> | |
| 36 | + <el-table-column label="编号" prop="id"></el-table-column> | |
| 37 | + <el-table-column label="资源名称"> | |
| 38 | + <template slot-scope="scope"> | |
| 39 | + {{scope.row.shopName ? scope.row.shopName : scope.row.advertisingName?scope.row.advertisingName:scope.row.venueName}} | |
| 40 | + </template> | |
| 41 | + </el-table-column> | |
| 42 | + <el-table-column label="资源类型"> | |
| 43 | + <template slot-scope="scope"> | |
| 44 | + {{scope.row.shopName ? '商铺' : scope.row.advertisingType?scope.row.advertisingType:'场地'}} | |
| 45 | + </template> | |
| 46 | + </el-table-column> | |
| 47 | + </el-table> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + </div> | |
| 51 | + </div> | |
| 52 | + <div style="display: flex;justify-content: space-between;margin: 20px 0;" class="bom"> | |
| 53 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div> | |
| 54 | + <el-pagination :current-page="pageindex.pageNumber+1" :page-sizes="[5,10, 20, 50, 100]" | |
| 55 | + :page-size="pageindex.pageSize" background small layout="prev, pager, next" :total="total" | |
| 56 | + @size-change="handleSizeChange" @current-change="handleCurrentChange"> | |
| 57 | + </el-pagination> | |
| 58 | + </div> | |
| 59 | + <div class="policy-selector-footer" style="display: flex; justify-content: flex-end; align-items: center;"> | |
| 60 | + <el-button @click="confirm" style="background-color: #3F9B6A;color: #fff;">确定</el-button> | |
| 61 | + <el-button @click="cancel" class="buttonHover" | |
| 62 | + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消</el-button> | |
| 63 | + </div> | |
| 64 | + </div> | |
| 65 | +</template> | |
| 66 | + | |
| 67 | +<script> | |
| 68 | + import { | |
| 69 | + cereResourceStrategylist | |
| 70 | + } from '@/api/newly.js' | |
| 71 | + import { | |
| 72 | + ceGetAll | |
| 73 | + } from '@/api/sam.js' | |
| 74 | + import { | |
| 75 | + getAlls, | |
| 76 | + changAlls | |
| 77 | + } from '@/api/information.js' | |
| 78 | + import { | |
| 79 | + getAlls as map1 | |
| 80 | + } from '@/api/map1.js' | |
| 81 | + export default { | |
| 82 | + data() { | |
| 83 | + return { | |
| 84 | + name:'', | |
| 85 | + zytype:'1', | |
| 86 | + total: 0, | |
| 87 | + pageindex: { | |
| 88 | + pageNumber: 0, | |
| 89 | + pageSize: 5, | |
| 90 | + publishStatus:'0' | |
| 91 | + }, | |
| 92 | + selectedRows: [], | |
| 93 | + listData: [], | |
| 94 | + }; | |
| 95 | + }, | |
| 96 | + async created() { | |
| 97 | + | |
| 98 | + await this.getAll() | |
| 99 | + }, | |
| 100 | + props: { | |
| 101 | + resourcesId: { | |
| 102 | + type: String, | |
| 103 | + default: function () { | |
| 104 | + return '' | |
| 105 | + } | |
| 106 | + } | |
| 107 | + }, | |
| 108 | + methods: { | |
| 109 | + changzytype() { | |
| 110 | + this.onSearch() | |
| 111 | + }, | |
| 112 | + async getAll() { | |
| 113 | + let list = [] | |
| 114 | + if(this.zytype == '1') { | |
| 115 | + list = await getAlls({shopName: this.name,...this.pageindex}) | |
| 116 | + } else if(this.zytype == '2') { | |
| 117 | + list = await map1({advertisingName: this.name,...this.pageindex}) | |
| 118 | + } else if(this.zytype == '3') { | |
| 119 | + list = await changAlls({venueName: this.name,...this.pageindex}) | |
| 120 | + } | |
| 121 | + this.listData = list.data.content | |
| 122 | + this.total = list.data.totalElements | |
| 123 | + | |
| 124 | + }, | |
| 125 | + async handleCurrentChange(val) { | |
| 126 | + this.pageindex.pageNumber = val - 1 | |
| 127 | + await this.getAll() | |
| 128 | + }, | |
| 129 | + handleSizeChange(val) { | |
| 130 | + this.pageindex.pageSize = val | |
| 131 | + this.getAll() | |
| 132 | + }, | |
| 133 | + onSearch() { | |
| 134 | + this.pageindex.pageNumber = 0 | |
| 135 | + this.getAll() | |
| 136 | + }, | |
| 137 | + resetting() { | |
| 138 | + this.pageindex = { | |
| 139 | + pageNumber: 0, | |
| 140 | + pageSize: 5, | |
| 141 | + } | |
| 142 | + this.name = '' | |
| 143 | + this.getAll() | |
| 144 | + }, | |
| 145 | + handleSelectionChange(selection) { | |
| 146 | + this.selectedRows = selection; | |
| 147 | + }, | |
| 148 | + confirm() { | |
| 149 | + | |
| 150 | + this.$emit('minSev',this.selectedRows); | |
| 151 | + }, | |
| 152 | + cancel() { | |
| 153 | + this.$emit('mingClose'); | |
| 154 | + } | |
| 155 | + } | |
| 156 | + }; | |
| 157 | +</script> | |
| 158 | + | |
| 159 | +<style scoped> | |
| 160 | + .policy-selector { | |
| 161 | + padding: 20px; | |
| 162 | + /* padding: 20px; | |
| 163 | + width: 100%; | |
| 164 | + margin: 0 auto; | |
| 165 | + border: 1px solid #ddd; */ | |
| 166 | + /* border-radius: 4px; */ | |
| 167 | + /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */ | |
| 168 | + } | |
| 169 | + | |
| 170 | + .policy-selector-header { | |
| 171 | + text-align: left; | |
| 172 | + margin-bottom: 20px; | |
| 173 | + } | |
| 174 | + | |
| 175 | + .policy-selector-header h3 { | |
| 176 | + margin: 0; | |
| 177 | + font-size: 18px; | |
| 178 | + color: #303133; | |
| 179 | + } | |
| 180 | + | |
| 181 | + .policy-selector-content { | |
| 182 | + margin-bottom: 20px; | |
| 183 | + } | |
| 184 | + | |
| 185 | + .policy-selector-footer { | |
| 186 | + display: flex; | |
| 187 | + justify-content: flex-end; | |
| 188 | + align-items: center; | |
| 189 | + } | |
| 190 | + ::v-deep .el-dialog__body { | |
| 191 | + padding: 0 0 !important; | |
| 192 | + } | |
| 193 | +</style> | ... | ... |
admin-web-master/src/utils/request.js
| ... | ... | @@ -18,8 +18,8 @@ if(host === 'localhost:8080' || host === 'localhost:8081' || host === 'localhost |
| 18 | 18 | |
| 19 | 19 | // baseURL = process.env.VUE_APP_DOMAIN_PREFIX_1; |
| 20 | 20 | // baseURL = 'https://jy.scjysm.asia:18086/meserver/admin-server'; |
| 21 | - // baseURL = 'http://172.16.61.125:9003'; | |
| 22 | - baseURL = 'http://10.0.0.51:9003'; | |
| 21 | + baseURL = 'http://172.16.61.125:9003'; | |
| 22 | + // baseURL = 'http://10.0.0.51:9003'; | |
| 23 | 23 | // baseURL = process.env.VUE_APP_DOMAIN_PREFIX_1; |
| 24 | 24 | // baseURL = 'http://192.168.2.225:9003'; |
| 25 | 25 | ... | ... |
admin-web-master/src/utils/request2.js
| ... | ... | @@ -17,7 +17,7 @@ let baseURL = '' |
| 17 | 17 | // || host === 'localhost:9528' |
| 18 | 18 | if(host === 'localhost:8080' || host === 'localhost:8081' || host === 'localhost:9528'|| host === '192.168.31.45:9528'|| host === 'localhost:9529' ) { |
| 19 | 19 | // baseURL = process.env.VUE_APP_DOMAIN_PREFIX_2; |
| 20 | - baseURL = 'http://10.0.0.51:9004'; | |
| 20 | + baseURL = 'http://172.16.61.125:9004'; | |
| 21 | 21 | // baseURL = 'https://jy.scjysm.asia:18086/merchant-business'; |
| 22 | 22 | } else { |
| 23 | 23 | console.error('---------------------') | ... | ... |
admin-web-master/src/views/ads/fangli/index copy.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <div style="background-color:#f7f7f7;padding:10px 10px;"> | |
| 3 | + <div class="zhuti" v-if="addAct == false && banAct == false"> | |
| 4 | + <div style="height:58px;line-height:58px;"> | |
| 5 | + <div style="color:#0006"> <span>招商方案管理</span> <span style="padding:0 5px;">></span> <span | |
| 6 | + style="color:#000000e6">招商方案管理</span></div> | |
| 7 | + </div> | |
| 8 | + <div> | |
| 9 | + <!-- 搜索 --> | |
| 10 | + <div class="formSearch"> | |
| 11 | + <div> | |
| 12 | + <el-form :model="formSel" :inline="true"> | |
| 13 | + <el-form-item label="方案名称"> | |
| 14 | + <el-input v-model="formSel.planName" placeholder="请输入" style="width:168px;"> | |
| 15 | + </el-input> | |
| 16 | + </el-form-item> | |
| 17 | + <el-form-item label="计划实施时间"> | |
| 18 | + <el-date-picker style="width:230px;" v-model="plan_Time" value-format="yyyy-MM-dd" prefix-icon="none" | |
| 19 | + type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"> | |
| 20 | + </el-date-picker> | |
| 21 | + </el-form-item> | |
| 22 | + </el-form> | |
| 23 | + </div> | |
| 24 | + <div> | |
| 25 | + <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询 | |
| 26 | + </el-button> | |
| 27 | + <el-button @click="resetting" class="buttonHover" | |
| 28 | + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置 | |
| 29 | + </el-button> | |
| 30 | + </div> | |
| 31 | + | |
| 32 | + </div> | |
| 33 | + <div style="margin-bottom:20px;"> | |
| 34 | + <el-button style="background-color: #3F9B6A;color: #fff;padding:8px 15px;" icon="el-icon-circle-plus-outline" | |
| 35 | + @click="addbuss">新增</el-button> | |
| 36 | + </div> | |
| 37 | + <!-- 表格 --> | |
| 38 | + <el-table :data=" | |
| 39 | + tableData.slice( | |
| 40 | + (currentPage - 1) * pageSize, | |
| 41 | + currentPage * pageSize | |
| 42 | + ) | |
| 43 | + " :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"> | |
| 44 | + <el-table-column label="序号" min-width="60"> | |
| 45 | + <template slot-scope="scope"> | |
| 46 | + {{scope.$index+1}} | |
| 47 | + </template> | |
| 48 | + </el-table-column> | |
| 49 | + <el-table-column label="招商方案名称" prop="planName" min-width="300" /> | |
| 50 | + <!-- <el-table-column | |
| 51 | + label="规划方案名称" | |
| 52 | + | |
| 53 | + min-width="300" | |
| 54 | + > | |
| 55 | + <template slot-scope="scope"> | |
| 56 | + {{scope.row.cereInvestmentPlanningManagement.planningName}} | |
| 57 | + </template> | |
| 58 | + </el-table-column> --> | |
| 59 | + <!-- <el-table-column | |
| 60 | + label="计划实施时间" | |
| 61 | + | |
| 62 | + min-width="250" | |
| 63 | + > | |
| 64 | + <template slot-scope="scope"> | |
| 65 | + {{scope.row.cereInvestmentPlanningManagement.implementationStartTime}} - {{scope.row.cereInvestmentPlanningManagement.implementationEndTime}} | |
| 66 | + </template> | |
| 67 | + </el-table-column> --> | |
| 68 | + <el-table-column label="涵盖资源数"> | |
| 69 | + <template slot-scope="scope"> | |
| 70 | + {{ scope.row.cereResourceStrategy.length }} | |
| 71 | + </template> | |
| 72 | + </el-table-column> | |
| 73 | +<!-- | |
| 74 | + <el-table-column label="资源类型" prop="contactInformation" min-width="150"> | |
| 75 | + <template slot-scope="scope"> | |
| 76 | + {{ scope.row.cereResourceStrategy.id }} | |
| 77 | + </template> | |
| 78 | + </el-table-column> | |
| 79 | + <el-table-column label="租金/周期" min-width="150"> | |
| 80 | + <template slot-scope="scope"> | |
| 81 | + | |
| 82 | + </template> | |
| 83 | + </el-table-column> | |
| 84 | + <el-table-column label="付款日" min-width="150"> | |
| 85 | + <template slot-scope="scope"> | |
| 86 | + | |
| 87 | + </template> | |
| 88 | + </el-table-column> --> | |
| 89 | + | |
| 90 | + <el-table-column label="状态"> | |
| 91 | + <template slot-scope="scope"> | |
| 92 | + {{scope.row.auditStatus =='1'?'待审核':scope.row.auditStatus =='2'?'审核通过':scope.row.auditStatus =='3'?'已驳回':''}} | |
| 93 | + </template> | |
| 94 | + </el-table-column> | |
| 95 | + | |
| 96 | + <el-table-column label="操作" width="180" fixed="right"> | |
| 97 | + <template slot-scope="scope"> | |
| 98 | + <div class="tableBtn greens" @click="handleEditForm(scope.row,false)"> | |
| 99 | + 查看 | |
| 100 | + </div> | |
| 101 | + <div class="tableBtn greens" @click="handleEditForm(scope.row,true)" v-if="scope.row.auditStatus =='1'"> | |
| 102 | + 编辑 | |
| 103 | + </div> | |
| 104 | + <!-- <div class="tableBtn greens"> | |
| 105 | + 禁用 | |
| 106 | + </div> --> | |
| 107 | + <div v-if="scope.row.auditStatus !='2'" class="tableBtn greens" @click="delGuan(scope.row)"> | |
| 108 | + 删除 | |
| 109 | + </div> | |
| 110 | + </template> | |
| 111 | + </el-table-column> | |
| 112 | + </el-table> | |
| 113 | + <div class="fenye"> | |
| 114 | + <el-pagination class="pagination" :hide-on-single-page="flag" background small :current-page="currentPage" | |
| 115 | + :page-sizes="[10, 20, 50, 100]" layout="prev, pager, next,total" :total="total" | |
| 116 | + @size-change="handleSizeChange" @current-change="handleCurrentChange" /> | |
| 117 | + </div> | |
| 118 | + </div> | |
| 119 | + </div> | |
| 120 | + <addxin :showAdd="addAct" @childClose='childClose' v-if="addAct"></addxin> | |
| 121 | + <xiang :showBian="banAct" :steat='steatqie' :list='itemXiang' @bianClose='bianClose' v-if="banAct"></xiang> | |
| 122 | + </div> | |
| 123 | +</template> | |
| 124 | + | |
| 125 | +<script> | |
| 126 | + import { | |
| 127 | + uploadUrl, | |
| 128 | + token | |
| 129 | + } from '@/utils/request' | |
| 130 | + import { | |
| 131 | + GetAllLinAn, | |
| 132 | + GetOnlinLinAn, | |
| 133 | + AddLinAn, | |
| 134 | + EditLinAn, | |
| 135 | + delLinAn, | |
| 136 | + addLin, | |
| 137 | + selLin, | |
| 138 | + editLin, | |
| 139 | + delLin, | |
| 140 | + selectList | |
| 141 | + | |
| 142 | + } from '../../../api/tspm' | |
| 143 | + import { | |
| 144 | + fangGetAll, | |
| 145 | + fangGetId, | |
| 146 | + fangAdd, | |
| 147 | + fangEdit, | |
| 148 | + fangDel, | |
| 149 | + } from '../../../api/fangli' | |
| 150 | + | |
| 151 | + import upimg from "@/components/ImageUpload/index" | |
| 152 | + import addxin from "./addform" | |
| 153 | + import xiang from "./bianform" | |
| 154 | + export default { | |
| 155 | + components: { | |
| 156 | + upimg, | |
| 157 | + addxin, | |
| 158 | + xiang | |
| 159 | + }, | |
| 160 | + data() { | |
| 161 | + return { | |
| 162 | + detbox: false, // 详情 | |
| 163 | + edit: true, // 编辑 | |
| 164 | + formInline: { | |
| 165 | + shopName: '', | |
| 166 | + positionInformation: '', | |
| 167 | + shopArea: '', | |
| 168 | + useTo: '', | |
| 169 | + rent: '', | |
| 170 | + locationImage: '', | |
| 171 | + locationDescription: '', | |
| 172 | + temporaryPavingId: '' | |
| 173 | + }, // 临铺新增数据 | |
| 174 | + LinID: '', //添加临铺ID | |
| 175 | + Ids: '', //查询新增的临铺列表 | |
| 176 | + action: uploadUrl, // 上传图片 | |
| 177 | + myHeaders: { | |
| 178 | + 'Authorization-admin': token | |
| 179 | + }, | |
| 180 | + ggXin: false, // 新增 | |
| 181 | + sel: [], // 选择资源 | |
| 182 | + stepNum: 0, // 切换 | |
| 183 | + linShop: [], // 临铺列表 | |
| 184 | + isAdd: false, //添加铺位弹框、 | |
| 185 | + plan_Time: [], | |
| 186 | + formSel: { | |
| 187 | + planName: '', | |
| 188 | + pageNumber: 1, | |
| 189 | + pageSize: 10, | |
| 190 | + cereInvestmentPlanningManagement: { | |
| 191 | + implementationStartTime: '', | |
| 192 | + implementationEndTime: '' | |
| 193 | + } | |
| 194 | + | |
| 195 | + }, | |
| 196 | + secondData: { | |
| 197 | + card: 'first', // 切换 | |
| 198 | + }, | |
| 199 | + currentPage: 1, | |
| 200 | + total: 0, | |
| 201 | + flag: false, | |
| 202 | + pageSize: 10, | |
| 203 | + tableData: [], | |
| 204 | + msgid: '', | |
| 205 | + pageindex: { | |
| 206 | + pageNumber: 1, | |
| 207 | + pageSize: 10, | |
| 208 | + }, | |
| 209 | + addAct: false, //新增框 | |
| 210 | + banAct: false, //详情 | |
| 211 | + steatqie: false, //编辑详情切换 | |
| 212 | + itemXiang: {} | |
| 213 | + } | |
| 214 | + }, | |
| 215 | + | |
| 216 | + created() { | |
| 217 | + this.getAll(); | |
| 218 | + }, | |
| 219 | + mounted() {}, | |
| 220 | + methods: { | |
| 221 | + // 获取当前时间 | |
| 222 | + updateCurrentTime() { | |
| 223 | + const now = new Date(); | |
| 224 | + const year = now.getFullYear(); | |
| 225 | + const month = (now.getMonth() + 1).toString().padStart(2, '0'); | |
| 226 | + const day = now.getDate().toString().padStart(2, '0'); | |
| 227 | + const hours = now.getHours().toString().padStart(2, '0'); | |
| 228 | + const minutes = now.getMinutes().toString().padStart(2, '0'); | |
| 229 | + const seconds = now.getSeconds().toString().padStart(2, '0'); | |
| 230 | + | |
| 231 | + return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; | |
| 232 | + }, | |
| 233 | + handleSelectionChange(val) { | |
| 234 | + this.multipleSelection = val; | |
| 235 | + }, | |
| 236 | + lextStep(val) { | |
| 237 | + this.stepNum = val; | |
| 238 | + }, | |
| 239 | + | |
| 240 | + // 查询全数据 | |
| 241 | + async getAll() { | |
| 242 | + const res = await fangGetAll(this.pageindex); | |
| 243 | + // let result = []; | |
| 244 | + // res.data.content.forEach(item => { | |
| 245 | + // item.cereResourceStrategy.forEach(strategy => { | |
| 246 | + // // 复制原始数据的部分字段 | |
| 247 | + // let newItem = { | |
| 248 | + // planName: item.planName, | |
| 249 | + // cereInvestmentPlanningManagement: item.cereInvestmentPlanningManagement, | |
| 250 | + // auditStatus: item.auditStatus, | |
| 251 | + // // ...其他需要合并显示的字段 | |
| 252 | + // }; | |
| 253 | + // // 添加cereResourceStrategy中的字段 | |
| 254 | + // newItem.cereResourceStrategy = strategy; | |
| 255 | + // result.push(newItem); | |
| 256 | + // }) | |
| 257 | + // }) | |
| 258 | + this.tableData = res.data.content | |
| 259 | + this.total = res.data.content.length | |
| 260 | + | |
| 261 | + | |
| 262 | + | |
| 263 | + | |
| 264 | + | |
| 265 | + }, | |
| 266 | + // 查询 | |
| 267 | + async onSubmit() { | |
| 268 | + let forms = { | |
| 269 | + planName: '', | |
| 270 | + pageNumber: 1, | |
| 271 | + pageSize: 10, | |
| 272 | + cereInvestmentPlanningManagement: { | |
| 273 | + implementationStartTime: '', | |
| 274 | + implementationEndTime: '' | |
| 275 | + } | |
| 276 | + } | |
| 277 | + if (this.formSel.planName != '') { | |
| 278 | + forms.planName = this.formSel.planName | |
| 279 | + } | |
| 280 | + if (this.plan_Time.length != 0) { | |
| 281 | + forms.cereInvestmentPlanningManagement.implementationStartTime = this.plan_Time[0] | |
| 282 | + forms.cereInvestmentPlanningManagement.implementationEndTime = this.plan_Time[1] | |
| 283 | + } | |
| 284 | + const res = await fangGetAll(forms) | |
| 285 | + this.tableData = res.data.content | |
| 286 | + this.total = res.data.content.length | |
| 287 | + }, | |
| 288 | + // 详情编辑点击 | |
| 289 | + handleEditForm(item, ste) { | |
| 290 | + console.log(item, ste) | |
| 291 | + if (ste) { | |
| 292 | + this.steatqie = true | |
| 293 | + } else { | |
| 294 | + this.steatqie = false | |
| 295 | + } | |
| 296 | + this.itemXiang = item | |
| 297 | + this.banAct = true | |
| 298 | + | |
| 299 | + }, | |
| 300 | + bianClose(msg) { | |
| 301 | + this.banAct = msg | |
| 302 | + this.steatqie = false | |
| 303 | + this.getAll() | |
| 304 | + }, | |
| 305 | + // 新增 | |
| 306 | + addbuss() { | |
| 307 | + this.addAct = true | |
| 308 | + }, | |
| 309 | + childClose(msg) { | |
| 310 | + this.addAct = msg | |
| 311 | + this.getAll() | |
| 312 | + }, | |
| 313 | + handleCurrentChange(val) { | |
| 314 | + this.currentPage = val; | |
| 315 | + }, | |
| 316 | + handleSizeChange(val) { | |
| 317 | + this.pageSize = val; | |
| 318 | + }, | |
| 319 | + | |
| 320 | + handleClick() {}, | |
| 321 | + // 上传 | |
| 322 | + handlePreview(file) { | |
| 323 | + console.log(file); | |
| 324 | + }, | |
| 325 | + handleRemove(file, fileList) { | |
| 326 | + console.log(file, fileList); | |
| 327 | + }, | |
| 328 | + | |
| 329 | + // 重置按钮 | |
| 330 | + resetting() { | |
| 331 | + this.formSel = { | |
| 332 | + planName: '', | |
| 333 | + pageNumber: 1, | |
| 334 | + pageSize: 10, | |
| 335 | + cereInvestmentPlanningManagement: { | |
| 336 | + implementationStartTime: '', | |
| 337 | + implementationEndTime: '' | |
| 338 | + } | |
| 339 | + } | |
| 340 | + this.plan_Time = [] | |
| 341 | + this.getAll() | |
| 342 | + }, | |
| 343 | + delGuan(itme) { | |
| 344 | + | |
| 345 | + const h = this.$createElement; | |
| 346 | + this.$msgbox({ | |
| 347 | + title: '消息', | |
| 348 | + message: h('p', null, [ | |
| 349 | + h('span', null, '是否删除 '), | |
| 350 | + ]), | |
| 351 | + showCancelButton: true, | |
| 352 | + showClose: false, | |
| 353 | + confirmButtonText: '确定', | |
| 354 | + cancelButtonText: '取消', | |
| 355 | + customClass: 'oe-dialog-btn', | |
| 356 | + beforeClose: (action, instance, done) => { | |
| 357 | + if (action === 'confirm') { | |
| 358 | + fangDel({ | |
| 359 | + id: itme.id | |
| 360 | + }).then(res => { | |
| 361 | + this.$message({ | |
| 362 | + message: '删除成功', | |
| 363 | + type: 'success' | |
| 364 | + }) | |
| 365 | + this.getAll() | |
| 366 | + done(); | |
| 367 | + }) | |
| 368 | + } else { | |
| 369 | + done(); | |
| 370 | + } | |
| 371 | + } | |
| 372 | + }) | |
| 373 | + | |
| 374 | + | |
| 375 | + } | |
| 376 | + } | |
| 377 | + } | |
| 378 | +</script> | |
| 379 | +<style scoped> | |
| 380 | + /deep/ .first-column-bg { | |
| 381 | + background-color: #f4f4f5 !important; | |
| 382 | + } | |
| 383 | + | |
| 384 | + .zhuti { | |
| 385 | + padding: 0 20px 20px 20px; | |
| 386 | + min-height: calc(100vh - 50px - 20px); | |
| 387 | + background-color: #Fff; | |
| 388 | + | |
| 389 | + } | |
| 390 | + | |
| 391 | + | |
| 392 | + | |
| 393 | + .tableBtn { | |
| 394 | + display: inline-block; | |
| 395 | + margin-right: 10px; | |
| 396 | + cursor: pointer; | |
| 397 | + } | |
| 398 | + | |
| 399 | + .formSearch { | |
| 400 | + display: flex; | |
| 401 | + width: 100%; | |
| 402 | + font-size: 14px; | |
| 403 | + justify-content: space-between; | |
| 404 | + } | |
| 405 | + | |
| 406 | + .greens { | |
| 407 | + color: #3f9b6a; | |
| 408 | + } | |
| 409 | + | |
| 410 | + /deep/ .el-table__row { | |
| 411 | + font-size: 14px; | |
| 412 | + color: #000000e6; | |
| 413 | + height: 42px; | |
| 414 | + } | |
| 415 | + | |
| 416 | + .fenye { | |
| 417 | + margin-top: 20px; | |
| 418 | + display: flex; | |
| 419 | + justify-content: flex-end; | |
| 420 | + position: relative; | |
| 421 | + } | |
| 422 | + | |
| 423 | + /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { | |
| 424 | + background-color: #3f9b6a; | |
| 425 | + } | |
| 426 | + | |
| 427 | + :last-child { | |
| 428 | + margin-bottom: 0; | |
| 429 | + } | |
| 430 | + | |
| 431 | + .el-col { | |
| 432 | + border-radius: 4px; | |
| 433 | + } | |
| 434 | + | |
| 435 | + .bg-purple-dark { | |
| 436 | + background: #99a9bf; | |
| 437 | + } | |
| 438 | + | |
| 439 | + .bg-purple { | |
| 440 | + /* background: #d3dce6; */ | |
| 441 | + } | |
| 442 | + | |
| 443 | + .bg-purple-light { | |
| 444 | + background: #e5e9f2; | |
| 445 | + } | |
| 446 | + | |
| 447 | + .grid-content { | |
| 448 | + border-radius: 4px; | |
| 449 | + min-height: 36px; | |
| 450 | + } | |
| 451 | + | |
| 452 | + .row-bg { | |
| 453 | + padding: 10px 0; | |
| 454 | + background-color: #f9fafc; | |
| 455 | + } | |
| 456 | + | |
| 457 | + /deep/ .bg-purple[data-v-0e3fe4ec] { | |
| 458 | + background: #fff; | |
| 459 | + height: 50px; | |
| 460 | + } | |
| 461 | + | |
| 462 | + /deep/ .el-form--label-top .el-form-item__label { | |
| 463 | + padding: 0; | |
| 464 | + } | |
| 465 | + | |
| 466 | + .demo-input-suffix { | |
| 467 | + display: flex; | |
| 468 | + margin-right: 20px; | |
| 469 | + } | |
| 470 | + | |
| 471 | + .pagination { | |
| 472 | + text-align: right; | |
| 473 | + line-height: 20px; | |
| 474 | + } | |
| 475 | + | |
| 476 | + .dialog_css { | |
| 477 | + padding: 0px; | |
| 478 | + } | |
| 479 | + | |
| 480 | + .dialog_xin { | |
| 481 | + padding: 0px; | |
| 482 | + } | |
| 483 | + | |
| 484 | + /deep/.el-dialog__body { | |
| 485 | + padding: 0px; | |
| 486 | + } | |
| 487 | + | |
| 488 | + /deep/ .el-dialog__header { | |
| 489 | + background-color: #fff; | |
| 490 | + padding: 0; | |
| 491 | + } | |
| 492 | + | |
| 493 | + | |
| 494 | + .el-row { | |
| 495 | + &:last-child { | |
| 496 | + margin-bottom: 0; | |
| 497 | + } | |
| 498 | + } | |
| 499 | + | |
| 500 | + /deep/ .avatar-uploader .el-upload { | |
| 501 | + border: 1px dashed #d9d9d9; | |
| 502 | + border-radius: 6px; | |
| 503 | + cursor: pointer; | |
| 504 | + position: relative; | |
| 505 | + overflow: hidden; | |
| 506 | + } | |
| 507 | + | |
| 508 | + .avatar-uploader-icon { | |
| 509 | + font-size: 28px; | |
| 510 | + color: #8c939d; | |
| 511 | + width: 108px; | |
| 512 | + height: 108px; | |
| 513 | + line-height: 108px; | |
| 514 | + /*text-align: center;*/ | |
| 515 | + } | |
| 516 | + | |
| 517 | + .avatar { | |
| 518 | + width: 108px; | |
| 519 | + height: 108px; | |
| 520 | + display: block; | |
| 521 | + } | |
| 522 | + | |
| 523 | + ::v-deep .el-tabs__item.is-active { | |
| 524 | + color: #3f9b6a; | |
| 525 | + opacity: 1; | |
| 526 | + } | |
| 527 | + | |
| 528 | + /deep/ .el-tabs__nav-wrap::after { | |
| 529 | + background-color: #fff; | |
| 530 | + } | |
| 531 | + | |
| 532 | + ::v-deep .el-tabs__item:hover { | |
| 533 | + color: #3f9b6a; | |
| 534 | + cursor: pointer; | |
| 535 | + opacity: 1; | |
| 536 | + } | |
| 537 | + | |
| 538 | + /deep/ .el-tabs__active-bar { | |
| 539 | + background-color: #389865; | |
| 540 | + } | |
| 541 | + | |
| 542 | + /deep/ .el-table_2_column_13 { | |
| 543 | + font-weight: 100; | |
| 544 | + } | |
| 545 | + | |
| 546 | + ::v-deep .el-input__inner:focus { | |
| 547 | + border: #3f9b6a 1px solid; | |
| 548 | + } | |
| 549 | + | |
| 550 | + ::v-deep .el-input__inner:hover { | |
| 551 | + border: #3f9b6a 1px solid; | |
| 552 | + } | |
| 553 | + | |
| 554 | + ::v-deep .el-select .el-input.is-focus .el-input__inner { | |
| 555 | + border-color: #3f9b6a; | |
| 556 | + } | |
| 557 | + | |
| 558 | + | |
| 559 | + /* ::v-deep .el-steps .el-step__head.is-wait { | |
| 560 | + background-color: red; /* 修改为你想要的颜色 */ | |
| 561 | + | |
| 562 | + /* 修改未进行步骤的描述文字颜色 */ | |
| 563 | + ::v-deep .el-steps .el-step__description.is-wait { | |
| 564 | + color: #999; | |
| 565 | + /* 修改为你想要的颜色 */ | |
| 566 | + } | |
| 567 | + | |
| 568 | + /* 修改未进行步骤的图标颜色 */ | |
| 569 | + ::v-deep .el-steps .el-step__icon.is-text.is-wait { | |
| 570 | + color: #999; | |
| 571 | + /* 修改为你想要的颜色 */ | |
| 572 | + } | |
| 573 | + | |
| 574 | + /* 修改未进行步骤的边框色 */ | |
| 575 | + ::v-deep .el-steps .el-step__line.is-wait { | |
| 576 | + border-color: #eee; | |
| 577 | + /* 修改为你想要的颜色 */ | |
| 578 | + } | |
| 579 | + | |
| 580 | + ::v-deep .el-steps .is-process .el-step__line { | |
| 581 | + background-color: #3f9b6a; | |
| 582 | + /* 修改线的颜色 */ | |
| 583 | + } | |
| 584 | + | |
| 585 | + ::v-deep .el-steps .is-process .el-step__title { | |
| 586 | + color: #fe7b6a; | |
| 587 | + /* 修改进行中步骤的标题颜色 */ | |
| 588 | + } | |
| 589 | + | |
| 590 | + ::v-deep .el-steps .is-process .el-step__icon { | |
| 591 | + color: #fff; | |
| 592 | + /* 修改进行中步骤的图标颜色 */ | |
| 593 | + background: #3f9b6a; | |
| 594 | + /* 修改进行中步骤图标的边框颜色 */ | |
| 595 | + border: 0px; | |
| 596 | + } | |
| 597 | + | |
| 598 | + ::v-deep .el-step__icon-inner { | |
| 599 | + line-height: 0; | |
| 600 | + } | |
| 601 | + | |
| 602 | + /* 线条长度 */ | |
| 603 | + ::v-deep .el-step.is-vertical .el-step__line { | |
| 604 | + top: 30px; | |
| 605 | + height: 60px; | |
| 606 | + } | |
| 607 | + | |
| 608 | + ::v-deep .moren { | |
| 609 | + .el-input__inner { | |
| 610 | + margin-top: 5px; | |
| 611 | + padding: 0 20px; | |
| 612 | + } | |
| 613 | + } | |
| 614 | + | |
| 615 | + /deep/ .el-radio-group { | |
| 616 | + margin-top: 11px; | |
| 617 | + } | |
| 618 | + | |
| 619 | + /deep/ .el-radio__input.is-checked .el-radio__inner { | |
| 620 | + border-color: #3f9b6a; | |
| 621 | + background: #3f9b6a; | |
| 622 | + } | |
| 623 | + | |
| 624 | + ::v-deep .el-col { | |
| 625 | + padding: 0 !important; | |
| 626 | + } | |
| 627 | + | |
| 628 | + /deep/ .el-radio-group { | |
| 629 | + width: 100%; | |
| 630 | + } | |
| 631 | + | |
| 632 | + .radio-right-side { | |
| 633 | + width: 100%; | |
| 634 | + display: flex; | |
| 635 | + justify-content: space-between; | |
| 636 | + } | |
| 637 | + | |
| 638 | + /deep/ .radio-right-side .el-radio__label { | |
| 639 | + display: flex; | |
| 640 | + align-items: center; | |
| 641 | + } | |
| 642 | + | |
| 643 | + /deep/ .radio-right-side .el-radio__inner { | |
| 644 | + order: 1; | |
| 645 | + } | |
| 646 | + | |
| 647 | + /deep/ .radio-right-side .el-radio__input { | |
| 648 | + display: flex; | |
| 649 | + order: 2; | |
| 650 | + } | |
| 651 | + | |
| 652 | + /deep/ .radio-right-side { | |
| 653 | + &:hover { | |
| 654 | + color: #000; | |
| 655 | + } | |
| 656 | + } | |
| 657 | + | |
| 658 | + | |
| 659 | + ::v-deep .setup { | |
| 660 | + .el-steps { | |
| 661 | + justify-content: center; | |
| 662 | + } | |
| 663 | + } | |
| 664 | + | |
| 665 | + ::v-deep .el-step__head.is-finish { | |
| 666 | + color: #c0c4cc; | |
| 667 | + border-color: #c0c4cc; | |
| 668 | + } | |
| 669 | + | |
| 670 | + ::v-deep .el-step__title.is-finish { | |
| 671 | + color: #c0c4cc; | |
| 672 | + } | |
| 673 | + | |
| 674 | + ::v-deep .el-step__title.is-process { | |
| 675 | + color: #c0c4cc; | |
| 676 | + } | |
| 677 | + | |
| 678 | + ::v-deep .el-tabs { | |
| 679 | + width: 100%; | |
| 680 | + } | |
| 681 | + | |
| 682 | + ::v-deep .setup { | |
| 683 | + .el-step__main { | |
| 684 | + margin-left: -17px; | |
| 685 | + } | |
| 686 | + | |
| 687 | + .el-step__title.is-process { | |
| 688 | + color: #3f9b6a; | |
| 689 | + } | |
| 690 | + | |
| 691 | + } | |
| 692 | + | |
| 693 | + ::v-deep .el-pagination__jump { | |
| 694 | + margin-top: 5px; | |
| 695 | + } | |
| 696 | + | |
| 697 | + ::v-deep .linClass { | |
| 698 | + .el-dialog__header { | |
| 699 | + padding: 20px 20px 10px; | |
| 700 | + font-size: 14px; | |
| 701 | + } | |
| 702 | + } | |
| 703 | +</style> | |
| 704 | +<style lang="scss" scoped> | |
| 705 | + ::v-deep .bian_css { | |
| 706 | + .el-dialog__header { | |
| 707 | + padding: 0px; | |
| 708 | + } | |
| 709 | + | |
| 710 | + } | |
| 711 | + | |
| 712 | + ::v-deep .buttonHover:hover { | |
| 713 | + color: #3f9b6a !important; | |
| 714 | + border-color: #c5e1d2 !important; | |
| 715 | + background-color: #ecf5f0 !important; | |
| 716 | + outline: none; | |
| 717 | + } | |
| 718 | + | |
| 719 | + ::v-deep .el-pagination__total { | |
| 720 | + position: absolute; | |
| 721 | + left: 10px; | |
| 722 | + } | |
| 723 | + | |
| 724 | + ::v-deep .diaslog_zhong { | |
| 725 | + .el-dialog__body { | |
| 726 | + padding: 10px 20px 20px 20px; | |
| 727 | + } | |
| 728 | + | |
| 729 | + .el-upload--picture-card { | |
| 730 | + width: 130px; | |
| 731 | + height: 130px; | |
| 732 | + } | |
| 733 | + } | |
| 734 | +</style> | ... | ... |
admin-web-master/src/views/ads/fangli/index.vue
| 1 | 1 | <template> |
| 2 | 2 | <div style="background-color:#f7f7f7;padding:10px 10px;"> |
| 3 | - <div class="zhuti" v-if="addAct == false && banAct == false"> | |
| 3 | + <div class="zhuti" v-if="onaction == '1'"> | |
| 4 | 4 | <div style="height:58px;line-height:58px;"> |
| 5 | - <div style="color:#0006"> <span>招商方案管理</span> <span style="padding:0 5px;">></span> <span | |
| 6 | - style="color:#000000e6">招商方案管理</span></div> | |
| 5 | + <div style="color:#0006"> <span>招商资源监测</span> <span style="padding:0 5px;">></span> <span | |
| 6 | + style="color:#000000e6">商铺基本信息</span></div> | |
| 7 | 7 | </div> |
| 8 | + <!-- 线上 --> | |
| 8 | 9 | <div> |
| 9 | 10 | <!-- 搜索 --> |
| 10 | 11 | <div class="formSearch"> |
| 11 | - <div> | |
| 12 | - <el-form :model="formSel" :inline="true"> | |
| 13 | - <el-form-item label="方案名称"> | |
| 14 | - <el-input v-model="formSel.planName" placeholder="请输入" style="width:168px;"> | |
| 15 | - </el-input> | |
| 16 | - </el-form-item> | |
| 17 | - <el-form-item label="计划实施时间"> | |
| 18 | - <el-date-picker style="width:230px;" v-model="plan_Time" value-format="yyyy-MM-dd" prefix-icon="none" | |
| 19 | - type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"> | |
| 20 | - </el-date-picker> | |
| 21 | - </el-form-item> | |
| 22 | - </el-form> | |
| 23 | - </div> | |
| 12 | + <el-form :inline="true" :model="pagequery"> | |
| 13 | + <el-form-item label="商铺名称" prop="shopName"> | |
| 14 | + <el-input v-model="pagequery.shopName" placeholder="请输入" maxlength="50"></el-input> | |
| 15 | + </el-form-item> | |
| 16 | + <el-form-item label="所属区域" prop="belongingRegion"> | |
| 17 | + <el-select v-model="pagequery.belongingRegion" clearable placeholder="请选择" style="width: 168px;margin-right: 15px"> | |
| 18 | + <el-option v-for="(item,index) in regionOptions" | |
| 19 | + :key="index" :label="item.label" :value="item.value"></el-option> | |
| 20 | + </el-select> | |
| 21 | + </el-form-item> | |
| 22 | + <el-form-item label="归属部门" prop="belongingDepartment"> | |
| 23 | + <el-input v-model="pagequery.belongingDepartment" placeholder="请输入" maxlength="50"></el-input> | |
| 24 | + </el-form-item> | |
| 25 | + </el-form> | |
| 26 | + | |
| 24 | 27 | <div> |
| 25 | 28 | <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询 |
| 26 | 29 | </el-button> |
| ... | ... | @@ -28,320 +31,346 @@ |
| 28 | 31 | style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置 |
| 29 | 32 | </el-button> |
| 30 | 33 | </div> |
| 31 | - | |
| 32 | 34 | </div> |
| 33 | - <div style="margin-bottom:20px;"> | |
| 34 | - <el-button style="background-color: #3F9B6A;color: #fff;padding:8px 15px;" icon="el-icon-circle-plus-outline" | |
| 35 | - @click="addbuss">新增</el-button> | |
| 35 | + <div style="margin-bottom: 20px;"> | |
| 36 | + <el-button @click="removeonaction('2')" style="background-color: #3F9B6A;color: #fff;padding:8px 15px;" | |
| 37 | + icon="el-icon-circle-plus-outline">新增</el-button> | |
| 38 | + <!-- <el-button @click="" style="background-color: #3F9B6A;color: #fff">批量导入</el-button> --> | |
| 36 | 39 | </div> |
| 37 | 40 | <!-- 表格 --> |
| 38 | - <el-table :data=" | |
| 39 | - tableData.slice( | |
| 40 | - (currentPage - 1) * pageSize, | |
| 41 | - currentPage * pageSize | |
| 42 | - ) | |
| 43 | - " :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"> | |
| 44 | - <el-table-column label="序号" min-width="60"> | |
| 41 | + | |
| 42 | + <el-table :data="tableData" :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"> | |
| 43 | + <el-table-column label="序号" width="50"> | |
| 45 | 44 | <template slot-scope="scope"> |
| 46 | - {{scope.$index+1}} | |
| 45 | + {{scope.$index +1 }} | |
| 47 | 46 | </template> |
| 48 | 47 | </el-table-column> |
| 49 | - <el-table-column label="招商方案名称" prop="planName" min-width="300" /> | |
| 50 | - <!-- <el-table-column | |
| 51 | - label="规划方案名称" | |
| 52 | - | |
| 53 | - min-width="300" | |
| 54 | - > | |
| 55 | - <template slot-scope="scope"> | |
| 56 | - {{scope.row.cereInvestmentPlanningManagement.planningName}} | |
| 57 | - </template> | |
| 58 | - </el-table-column> --> | |
| 59 | - <!-- <el-table-column | |
| 60 | - label="计划实施时间" | |
| 61 | - | |
| 62 | - min-width="250" | |
| 63 | - > | |
| 64 | - <template slot-scope="scope"> | |
| 65 | - {{scope.row.cereInvestmentPlanningManagement.implementationStartTime}} - {{scope.row.cereInvestmentPlanningManagement.implementationEndTime}} | |
| 66 | - </template> | |
| 67 | - </el-table-column> --> | |
| 68 | - <el-table-column label="涵盖资源数"> | |
| 48 | + <el-table-column label="商铺名称" prop="shopName" show-overflow-tooltip></el-table-column> | |
| 49 | + <el-table-column label="商铺类型" prop="publishStatus" show-overflow-tooltip> | |
| 69 | 50 | <template slot-scope="scope"> |
| 70 | - {{ scope.row.cereResourceStrategy.length }} | |
| 51 | + {{scope.row.shopType=='1'?'移动铺位':scope.row.shopType=='2'?'固定铺位':'无'}} | |
| 71 | 52 | </template> |
| 72 | 53 | </el-table-column> |
| 73 | -<!-- | |
| 74 | - <el-table-column label="资源类型" prop="contactInformation" min-width="150"> | |
| 75 | - <template slot-scope="scope"> | |
| 76 | - {{ scope.row.cereResourceStrategy.id }} | |
| 77 | - </template> | |
| 54 | + <el-table-column label="所属区域" prop="belongingRegion" show-overflow-tooltip> | |
| 78 | 55 | </el-table-column> |
| 79 | - <el-table-column label="租金/周期" min-width="150"> | |
| 56 | + <el-table-column prop="detailedLocation" width="180" label="详细地址" show-overflow-tooltip> | |
| 57 | + </el-table-column> | |
| 58 | + <el-table-column label="归属部门" prop="belongingDepartment" show-overflow-tooltip> | |
| 80 | 59 | <template slot-scope="scope"> |
| 81 | - | |
| 60 | + {{scope.row.belongingDepartment || '无'}} | |
| 82 | 61 | </template> |
| 83 | 62 | </el-table-column> |
| 84 | - <el-table-column label="付款日" min-width="150"> | |
| 63 | + <el-table-column label="负责人" prop="head" show-overflow-tooltip> | |
| 85 | 64 | <template slot-scope="scope"> |
| 86 | - | |
| 65 | + {{scope.row.head || '无'}} | |
| 87 | 66 | </template> |
| 88 | - </el-table-column> --> | |
| 89 | - | |
| 90 | - <el-table-column label="状态"> | |
| 67 | + </el-table-column> | |
| 68 | + <el-table-column label="发布时间" prop="createDate" > </el-table-column> | |
| 69 | + <el-table-column label="状态" prop="publishStatus" show-overflow-tooltip> | |
| 91 | 70 | <template slot-scope="scope"> |
| 92 | - {{scope.row.auditStatus =='1'?'待审核':scope.row.auditStatus =='2'?'审核通过':scope.row.auditStatus =='3'?'已驳回':''}} | |
| 71 | + {{scope.row.publishStatus=='0'?'空置中':scope.row.publishStatus=='1'?'待审核':scope.row.publishStatus=='2'?'已发布':scope.row.publishStatus=='3'?'不通过':'-'}} | |
| 93 | 72 | </template> |
| 94 | 73 | </el-table-column> |
| 95 | - | |
| 96 | - <el-table-column label="操作" width="180" fixed="right"> | |
| 74 | + <el-table-column label="操作" min-width="100" fixed="right"> | |
| 97 | 75 | <template slot-scope="scope"> |
| 98 | - <div class="tableBtn greens" @click="handleEditForm(scope.row,false)"> | |
| 99 | - 查看 | |
| 100 | - </div> | |
| 101 | - <div class="tableBtn greens" @click="handleEditForm(scope.row,true)" v-if="scope.row.auditStatus =='1'"> | |
| 102 | - 编辑 | |
| 103 | - </div> | |
| 104 | - <!-- <div class="tableBtn greens"> | |
| 105 | - 禁用 | |
| 106 | - </div> --> | |
| 107 | - <div v-if="scope.row.auditStatus !='2'" class="tableBtn greens" @click="delGuan(scope.row)"> | |
| 108 | - 删除 | |
| 76 | + <div @click="details(scope.row)" class="tableBtn greens">查看</div> | |
| 77 | + <div class="tableBtn greens" v-if="scope.row.publishStatus=='0' || scope.row.publishStatus=='3'" @click="removeinfo(scope.row,'编辑')">编辑 | |
| 109 | 78 | </div> |
| 79 | + <div class="tableBtn greens" v-if="scope.row.publishStatus=='0' || scope.row.publishStatus=='3'" @click="closemsg(scope.row)">删除</div> | |
| 80 | + <div class="tableBtn greens" v-if="scope.row.publishStatus=='0' || scope.row.publishStatus=='3'" | |
| 81 | + @click="opencl(scope.row,'sp')">发布</div> | |
| 82 | + <div class="tableBtn greens" v-if="scope.row.publishStatus=='2'" | |
| 83 | + @click="removeinfozz(scope.row,'0','下架')">下架</div> | |
| 110 | 84 | </template> |
| 111 | 85 | </el-table-column> |
| 112 | 86 | </el-table> |
| 113 | - <div class="fenye"> | |
| 114 | - <el-pagination class="pagination" :hide-on-single-page="flag" background small :current-page="currentPage" | |
| 115 | - :page-sizes="[10, 20, 50, 100]" layout="prev, pager, next,total" :total="total" | |
| 116 | - @size-change="handleSizeChange" @current-change="handleCurrentChange" /> | |
| 87 | + <div style="display: flex;justify-content: space-between;" class="bom"> | |
| 88 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div> | |
| 89 | + <el-pagination :current-page="pagequery.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequery.pageSize" | |
| 90 | + background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange" | |
| 91 | + @current-change="handleCurrentChange"> | |
| 92 | + </el-pagination> | |
| 117 | 93 | </div> |
| 94 | + | |
| 95 | + </div> | |
| 96 | + | |
| 97 | + </div> | |
| 98 | + | |
| 99 | + | |
| 100 | + | |
| 101 | + | |
| 102 | + | |
| 103 | + | |
| 104 | + <div class="zhuti" v-if="onaction == '2'"> | |
| 105 | + <div style="height:58px;line-height:58px;"> | |
| 106 | + <div style="color:#0006"> <span>商铺基本信息</span> <span style="padding:0 5px;">></span> <span | |
| 107 | + style="color:#000000e6">新增</span></div> | |
| 108 | + </div> | |
| 109 | + | |
| 110 | + <div style="padding: 20px 20px 20px 0;"> | |
| 111 | + <add @removeonaction="removeonaction"></add> | |
| 112 | + </div> | |
| 113 | + </div> | |
| 114 | + <div class="zhuti" v-if="onaction == '3'"> | |
| 115 | + <div style="height:58px;line-height:58px;"> | |
| 116 | + <div style="color:#0006"> <span>商铺基本信息</span> <span style="padding:0 5px;">></span> <span | |
| 117 | + style="color:#000000e6">查看</span></div> | |
| 118 | + </div> | |
| 119 | + <div> | |
| 120 | + <resourceCommodity :editbgid="detailsinfo" @removeonaction="removeonaction"></resourceCommodity> | |
| 121 | + </div> | |
| 122 | + </div> | |
| 123 | + <div class="zhuti" v-if="onaction == '4'"> | |
| 124 | + <div style="height:58px;line-height:58px;"> | |
| 125 | + <div style="color:#0006"> <span>商铺基本信息</span> <span style="padding:0 5px;">></span> <span | |
| 126 | + style="color:#000000e6">{{contractChangeReason}}</span></div> | |
| 127 | + </div> | |
| 128 | + <div style="padding: 20px 20px 20px 0;"> | |
| 129 | + <add :info="detailsinfo" @removeonaction="removeonaction"></add> | |
| 118 | 130 | </div> |
| 119 | 131 | </div> |
| 120 | - <addxin :showAdd="addAct" @childClose='childClose' v-if="addAct"></addxin> | |
| 121 | - <xiang :showBian="banAct" :steat='steatqie' :list='itemXiang' @bianClose='bianClose' v-if="banAct"></xiang> | |
| 132 | + | |
| 133 | + | |
| 134 | + | |
| 135 | + <el-dialog :visible.sync="addcl" title="选择策略" width="65%" append-to-body center | |
| 136 | + :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false"> | |
| 137 | + <cl :resourcesId="oncetype+oninfo.id" v-if="addcl" @minSev="minSev" @mingClose="mingClose"></cl> | |
| 138 | + </el-dialog> | |
| 122 | 139 | </div> |
| 140 | + | |
| 141 | + | |
| 123 | 142 | </template> |
| 124 | 143 | |
| 125 | 144 | <script> |
| 126 | 145 | import { |
| 127 | - uploadUrl, | |
| 128 | - token | |
| 129 | - } from '@/utils/request' | |
| 130 | - import { | |
| 131 | - GetAllLinAn, | |
| 132 | - GetOnlinLinAn, | |
| 133 | - AddLinAn, | |
| 134 | - EditLinAn, | |
| 135 | - delLinAn, | |
| 136 | - addLin, | |
| 137 | - selLin, | |
| 138 | - editLin, | |
| 139 | - delLin, | |
| 140 | - selectList | |
| 141 | - | |
| 142 | - } from '../../../api/tspm' | |
| 143 | - import { | |
| 144 | - fangGetAll, | |
| 145 | - fangGetId, | |
| 146 | - fangAdd, | |
| 147 | - fangEdit, | |
| 148 | - fangDel, | |
| 149 | - } from '../../../api/fangli' | |
| 150 | - | |
| 151 | - import upimg from "@/components/ImageUpload/index" | |
| 152 | - import addxin from "./addform" | |
| 153 | - import xiang from "./bianform" | |
| 146 | + delList, | |
| 147 | + editList, | |
| 148 | + lvdaoduan, | |
| 149 | + getAlls | |
| 150 | + } from '@/api/information'; | |
| 151 | + import add from '@/components/add/addfa' | |
| 152 | + import resourceCommodity from '@/components/resourceCommodity/index' | |
| 153 | + import cl from '@/components/change/cl.vue' | |
| 154 | + import { | |
| 155 | + cereResourceStrategy, | |
| 156 | + editStatus, | |
| 157 | + cereBusinessOperationadd, | |
| 158 | + } from '@/api/newly.js' | |
| 154 | 159 | export default { |
| 155 | - components: { | |
| 156 | - upimg, | |
| 157 | - addxin, | |
| 158 | - xiang | |
| 159 | - }, | |
| 160 | 160 | data() { |
| 161 | 161 | return { |
| 162 | - detbox: false, // 详情 | |
| 163 | - edit: true, // 编辑 | |
| 164 | - formInline: { | |
| 165 | - shopName: '', | |
| 166 | - positionInformation: '', | |
| 167 | - shopArea: '', | |
| 168 | - useTo: '', | |
| 169 | - rent: '', | |
| 170 | - locationImage: '', | |
| 171 | - locationDescription: '', | |
| 172 | - temporaryPavingId: '' | |
| 173 | - }, // 临铺新增数据 | |
| 174 | - LinID: '', //添加临铺ID | |
| 175 | - Ids: '', //查询新增的临铺列表 | |
| 176 | - action: uploadUrl, // 上传图片 | |
| 177 | - myHeaders: { | |
| 178 | - 'Authorization-admin': token | |
| 179 | - }, | |
| 180 | - ggXin: false, // 新增 | |
| 181 | - sel: [], // 选择资源 | |
| 182 | - stepNum: 0, // 切换 | |
| 183 | - linShop: [], // 临铺列表 | |
| 184 | - isAdd: false, //添加铺位弹框、 | |
| 185 | - plan_Time: [], | |
| 186 | - formSel: { | |
| 187 | - planName: '', | |
| 188 | - pageNumber: 1, | |
| 162 | + lvdaoList:[], | |
| 163 | + oncetype:'', | |
| 164 | + addcl:false, | |
| 165 | + oninfo:{}, | |
| 166 | + multipleSelection:[], | |
| 167 | + contractChangeReason: '', | |
| 168 | + detailsinfo: {}, | |
| 169 | + pagequery: { | |
| 170 | + belongingRegion:'', | |
| 171 | + shopName:'', | |
| 172 | + pageNumber: 0, | |
| 189 | 173 | pageSize: 10, |
| 190 | - cereInvestmentPlanningManagement: { | |
| 191 | - implementationStartTime: '', | |
| 192 | - implementationEndTime: '' | |
| 193 | - } | |
| 194 | - | |
| 174 | + belongingGreenwaySection:'', | |
| 175 | + belongingDepartment:'' | |
| 195 | 176 | }, |
| 196 | - secondData: { | |
| 197 | - card: 'first', // 切换 | |
| 198 | - }, | |
| 199 | - currentPage: 1, | |
| 200 | - total: 0, | |
| 201 | - flag: false, | |
| 202 | - pageSize: 10, | |
| 203 | 177 | tableData: [], |
| 204 | - msgid: '', | |
| 205 | - pageindex: { | |
| 206 | - pageNumber: 1, | |
| 207 | - pageSize: 10, | |
| 178 | + total: 0, | |
| 179 | + onaction: '2', | |
| 180 | + formInline: { | |
| 208 | 181 | }, |
| 209 | - addAct: false, //新增框 | |
| 210 | - banAct: false, //详情 | |
| 211 | - steatqie: false, //编辑详情切换 | |
| 212 | - itemXiang: {} | |
| 213 | 182 | } |
| 214 | 183 | }, |
| 215 | - | |
| 216 | - created() { | |
| 217 | - this.getAll(); | |
| 184 | + computed: { | |
| 185 | + regionOptions() { | |
| 186 | + return this.$store.state.app.regionOptions; | |
| 187 | + } | |
| 188 | + }, | |
| 189 | + components: { | |
| 190 | + cl, | |
| 191 | + add, | |
| 192 | + resourceCommodity, | |
| 193 | + }, | |
| 194 | + async created() { | |
| 195 | + this.getAll() | |
| 196 | + const lvdao = await lvdaoduan() | |
| 197 | + this.lvdaoList = lvdao.data | |
| 218 | 198 | }, |
| 219 | - mounted() {}, | |
| 220 | 199 | methods: { |
| 221 | - // 获取当前时间 | |
| 222 | - updateCurrentTime() { | |
| 223 | - const now = new Date(); | |
| 224 | - const year = now.getFullYear(); | |
| 225 | - const month = (now.getMonth() + 1).toString().padStart(2, '0'); | |
| 226 | - const day = now.getDate().toString().padStart(2, '0'); | |
| 227 | - const hours = now.getHours().toString().padStart(2, '0'); | |
| 228 | - const minutes = now.getMinutes().toString().padStart(2, '0'); | |
| 229 | - const seconds = now.getSeconds().toString().padStart(2, '0'); | |
| 230 | - | |
| 231 | - return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; | |
| 200 | + minSev(e) { | |
| 201 | + this.multipleSelection = e | |
| 202 | + console.error(this.multipleSelection) | |
| 203 | + let ids = [] | |
| 204 | + for (let index = 0; index < this.multipleSelection.length; index++) { | |
| 205 | + ids.push(this.multipleSelection[index].id) | |
| 206 | + } | |
| 207 | + console.error(ids) | |
| 208 | + let c1 = { | |
| 209 | + resourcesId: this.oncetype+this.oninfo.id, | |
| 210 | + rentalPoliciesIds: ids, | |
| 211 | + } | |
| 212 | + console.error(c1) | |
| 213 | + cereResourceStrategy(c1).then(res => { | |
| 214 | + if (res.code == 200) { | |
| 215 | + this.addcl = false | |
| 216 | + this.$message({ | |
| 217 | + message: '绑定成功', | |
| 218 | + type: 'success' | |
| 219 | + }) | |
| 220 | + editStatus({ | |
| 221 | + resourcesId: this.oncetype+this.oninfo.id, | |
| 222 | + publishStatus: '1' | |
| 223 | + }).then(res => { | |
| 224 | + this.onSubmit() | |
| 225 | + }) | |
| 226 | + cereBusinessOperationadd({ | |
| 227 | + type:'发布', | |
| 228 | + resourceId: this.oncetype+this.oninfo.id, | |
| 229 | + operator: localStorage.getItem('roleName'), | |
| 230 | + operationTime: this.gettime() | |
| 231 | + }).then(res => { | |
| 232 | + console.error(res) | |
| 233 | + }) | |
| 234 | + } else { | |
| 235 | + this.$message({ | |
| 236 | + message: '绑定失败', | |
| 237 | + type: 'error' | |
| 238 | + }) | |
| 239 | + } | |
| 240 | + }) | |
| 232 | 241 | }, |
| 233 | - handleSelectionChange(val) { | |
| 234 | - this.multipleSelection = val; | |
| 242 | + mingClose() { | |
| 243 | + this.multipleSelection = [] | |
| 244 | + this.addcl = false | |
| 235 | 245 | }, |
| 236 | - lextStep(val) { | |
| 237 | - this.stepNum = val; | |
| 246 | + async opencl(row,e) { | |
| 247 | + this.oncetype = e | |
| 248 | + this.oninfo = row | |
| 249 | + this.multipleSelection = [] | |
| 250 | + this.addcl = true | |
| 238 | 251 | }, |
| 252 | + gettime() { | |
| 253 | + // 获取当前时间 | |
| 254 | + let currentTime = new Date(); | |
| 239 | 255 | |
| 240 | - // 查询全数据 | |
| 241 | - async getAll() { | |
| 242 | - const res = await fangGetAll(this.pageindex); | |
| 243 | - // let result = []; | |
| 244 | - // res.data.content.forEach(item => { | |
| 245 | - // item.cereResourceStrategy.forEach(strategy => { | |
| 246 | - // // 复制原始数据的部分字段 | |
| 247 | - // let newItem = { | |
| 248 | - // planName: item.planName, | |
| 249 | - // cereInvestmentPlanningManagement: item.cereInvestmentPlanningManagement, | |
| 250 | - // auditStatus: item.auditStatus, | |
| 251 | - // // ...其他需要合并显示的字段 | |
| 252 | - // }; | |
| 253 | - // // 添加cereResourceStrategy中的字段 | |
| 254 | - // newItem.cereResourceStrategy = strategy; | |
| 255 | - // result.push(newItem); | |
| 256 | - // }) | |
| 257 | - // }) | |
| 258 | - this.tableData = res.data.content | |
| 259 | - this.total = res.data.content.length | |
| 256 | + // 获取年份 | |
| 257 | + let year = currentTime.getFullYear(); | |
| 260 | 258 | |
| 259 | + // 获取月份(注意月份是从0开始计数的,所以需要加1) | |
| 260 | + let month = currentTime.getMonth() + 1; | |
| 261 | 261 | |
| 262 | + // 获取日期 | |
| 263 | + let day = currentTime.getDate(); | |
| 262 | 264 | |
| 265 | + // 获取小时 | |
| 266 | + let hours = currentTime.getHours(); | |
| 263 | 267 | |
| 268 | + // 获取分钟 | |
| 269 | + let minutes = currentTime.getMinutes(); | |
| 270 | + | |
| 271 | + // 获取秒数 | |
| 272 | + let seconds = currentTime.getSeconds(); | |
| 273 | + | |
| 274 | + // 获取毫秒数 | |
| 275 | + let milliseconds = currentTime.getMilliseconds(); | |
| 276 | + | |
| 277 | + // 格式化时间为 YYYY-MM-DD | |
| 278 | + let formattedDate = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`; | |
| 279 | + | |
| 280 | + // 格式化时间为 HH:MM:SS | |
| 281 | + let formattedTime = | |
| 282 | + `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; | |
| 283 | + | |
| 284 | + // 格式化时间为 YYYY-MM-DD HH:MM:SS | |
| 285 | + let formattedDateTime = `${formattedDate} ${formattedTime}`; | |
| 286 | + return formattedDateTime | |
| 264 | 287 | |
| 265 | 288 | }, |
| 266 | - // 查询 | |
| 267 | - async onSubmit() { | |
| 268 | - let forms = { | |
| 269 | - planName: '', | |
| 270 | - pageNumber: 1, | |
| 271 | - pageSize: 10, | |
| 272 | - cereInvestmentPlanningManagement: { | |
| 273 | - implementationStartTime: '', | |
| 274 | - implementationEndTime: '' | |
| 275 | - } | |
| 276 | - } | |
| 277 | - if (this.formSel.planName != '') { | |
| 278 | - forms.planName = this.formSel.planName | |
| 279 | - } | |
| 280 | - if (this.plan_Time.length != 0) { | |
| 281 | - forms.cereInvestmentPlanningManagement.implementationStartTime = this.plan_Time[0] | |
| 282 | - forms.cereInvestmentPlanningManagement.implementationEndTime = this.plan_Time[1] | |
| 283 | - } | |
| 284 | - const res = await fangGetAll(forms) | |
| 285 | - this.tableData = res.data.content | |
| 286 | - this.total = res.data.content.length | |
| 287 | - }, | |
| 288 | - // 详情编辑点击 | |
| 289 | - handleEditForm(item, ste) { | |
| 290 | - console.log(item, ste) | |
| 291 | - if (ste) { | |
| 292 | - this.steatqie = true | |
| 293 | - } else { | |
| 294 | - this.steatqie = false | |
| 295 | - } | |
| 296 | - this.itemXiang = item | |
| 297 | - this.banAct = true | |
| 289 | + removeinfozz(row, e, tit) { | |
| 290 | + let that = this | |
| 291 | + this.$confirm('确定要' + tit + '吗?', '提示', { | |
| 292 | + confirmButtonText: '确定', | |
| 293 | + cancelButtonText: '取消', | |
| 294 | + type: 'warning' | |
| 295 | + }).then(() => { | |
| 296 | + editList({ | |
| 297 | + ...row, | |
| 298 | + publishStatus: e | |
| 299 | + }).then(res => { | |
| 300 | + console.error(res) | |
| 301 | + if (res.code == 200) { | |
| 302 | + this.$message({ | |
| 303 | + message: tit + '成功', | |
| 304 | + type: 'success' | |
| 305 | + }) | |
| 306 | + cereBusinessOperationadd({ | |
| 307 | + type:tit, | |
| 308 | + resourceId: 'sp'+row.id, | |
| 309 | + operator: localStorage.getItem('roleName'), | |
| 310 | + operationTime: that.gettime() | |
| 311 | + }).then(res => { | |
| 312 | + console.error(res) | |
| 313 | + }) | |
| 314 | + | |
| 315 | + this.removeonaction('1') | |
| 316 | + } else { | |
| 317 | + this.$message({ | |
| 318 | + message: res.msg, | |
| 319 | + type: 'error' | |
| 320 | + }) | |
| 321 | + } | |
| 298 | 322 | |
| 323 | + }) | |
| 324 | + }) | |
| 299 | 325 | }, |
| 300 | - bianClose(msg) { | |
| 301 | - this.banAct = msg | |
| 302 | - this.steatqie = false | |
| 303 | - this.getAll() | |
| 326 | + details(row) { | |
| 327 | + this.detailsinfo = row | |
| 328 | + this.onaction = '3' | |
| 304 | 329 | }, |
| 305 | - // 新增 | |
| 306 | - addbuss() { | |
| 307 | - this.addAct = true | |
| 330 | + removeinfo(row, e) { | |
| 331 | + this.contractChangeReason = e | |
| 332 | + this.detailsinfo = row | |
| 333 | + this.onaction = '4' | |
| 308 | 334 | }, |
| 309 | - childClose(msg) { | |
| 310 | - this.addAct = msg | |
| 335 | + async getAll() { | |
| 336 | + const res = await getAlls(this.pagequery) | |
| 337 | + this.tableData = res.data.content | |
| 338 | + this.total = res.data.totalElements | |
| 339 | + }, | |
| 340 | + removeonaction(e) { | |
| 341 | + console.error(e) | |
| 342 | + this.onaction = e | |
| 343 | + this.pagequery.pageNumber = 0 | |
| 311 | 344 | this.getAll() |
| 312 | 345 | }, |
| 313 | 346 | handleCurrentChange(val) { |
| 314 | - this.currentPage = val; | |
| 347 | + this.pagequery.pageNumber = val - 1 | |
| 348 | + this.getAll() | |
| 315 | 349 | }, |
| 316 | 350 | handleSizeChange(val) { |
| 317 | - this.pageSize = val; | |
| 318 | - }, | |
| 319 | - | |
| 320 | - handleClick() {}, | |
| 321 | - // 上传 | |
| 322 | - handlePreview(file) { | |
| 323 | - console.log(file); | |
| 351 | + this.pagequery.pageSize = val | |
| 352 | + this.pagequery.pageNumber = 0 | |
| 353 | + this.getAll() | |
| 324 | 354 | }, |
| 325 | - handleRemove(file, fileList) { | |
| 326 | - console.log(file, fileList); | |
| 355 | + // 查询按钮 | |
| 356 | + async onSubmit() { | |
| 357 | + this.pagequery.pageNumber = 0 | |
| 358 | + this.getAll() | |
| 327 | 359 | }, |
| 328 | - | |
| 329 | - // 重置按钮 | |
| 360 | + //重置按钮 | |
| 330 | 361 | resetting() { |
| 331 | - this.formSel = { | |
| 332 | - planName: '', | |
| 333 | - pageNumber: 1, | |
| 334 | - pageSize: 10, | |
| 335 | - cereInvestmentPlanningManagement: { | |
| 336 | - implementationStartTime: '', | |
| 337 | - implementationEndTime: '' | |
| 338 | - } | |
| 339 | - } | |
| 340 | - this.plan_Time = [] | |
| 341 | - this.getAll() | |
| 362 | + this.pagequery = { | |
| 363 | + belongingRegion:'', | |
| 364 | + shopName:'', | |
| 365 | + pageNumber: 0, | |
| 366 | + pageSize: 10, | |
| 367 | + belongingGreenwaySection:'', | |
| 368 | + belongingDepartment:'' | |
| 369 | + }, | |
| 370 | + this.getAll() | |
| 342 | 371 | }, |
| 343 | - delGuan(itme) { | |
| 344 | - | |
| 372 | + //删除 | |
| 373 | + closemsg(item) { | |
| 345 | 374 | const h = this.$createElement; |
| 346 | 375 | this.$msgbox({ |
| 347 | 376 | title: '消息', |
| ... | ... | @@ -355,8 +384,8 @@ |
| 355 | 384 | customClass: 'oe-dialog-btn', |
| 356 | 385 | beforeClose: (action, instance, done) => { |
| 357 | 386 | if (action === 'confirm') { |
| 358 | - fangDel({ | |
| 359 | - id: itme.id | |
| 387 | + delList({ | |
| 388 | + id: item.id | |
| 360 | 389 | }).then(res => { |
| 361 | 390 | this.$message({ |
| 362 | 391 | message: '删除成功', |
| ... | ... | @@ -370,32 +399,13 @@ |
| 370 | 399 | } |
| 371 | 400 | } |
| 372 | 401 | }) |
| 373 | - | |
| 374 | - | |
| 375 | - } | |
| 402 | + }, | |
| 376 | 403 | } |
| 377 | - } | |
| 378 | -</script> | |
| 379 | -<style scoped> | |
| 380 | - /deep/ .first-column-bg { | |
| 381 | - background-color: #f4f4f5 !important; | |
| 382 | - } | |
| 383 | 404 | |
| 384 | - .zhuti { | |
| 385 | - padding: 0 20px 20px 20px; | |
| 386 | - min-height: calc(100vh - 50px - 20px); | |
| 387 | - background-color: #Fff; | |
| 388 | - | |
| 389 | - } | |
| 390 | - | |
| 391 | - | |
| 392 | - | |
| 393 | - .tableBtn { | |
| 394 | - display: inline-block; | |
| 395 | - margin-right: 10px; | |
| 396 | - cursor: pointer; | |
| 397 | 405 | } |
| 406 | +</script> | |
| 398 | 407 | |
| 408 | +<style lang="scss" scoped> | |
| 399 | 409 | .formSearch { |
| 400 | 410 | display: flex; |
| 401 | 411 | width: 100%; |
| ... | ... | @@ -403,332 +413,22 @@ |
| 403 | 413 | justify-content: space-between; |
| 404 | 414 | } |
| 405 | 415 | |
| 406 | - .greens { | |
| 407 | - color: #3f9b6a; | |
| 408 | - } | |
| 409 | - | |
| 410 | - /deep/ .el-table__row { | |
| 411 | - font-size: 14px; | |
| 412 | - color: #000000e6; | |
| 413 | - height: 42px; | |
| 414 | - } | |
| 415 | - | |
| 416 | - .fenye { | |
| 417 | - margin-top: 20px; | |
| 418 | - display: flex; | |
| 419 | - justify-content: flex-end; | |
| 420 | - position: relative; | |
| 421 | - } | |
| 422 | - | |
| 423 | - /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { | |
| 424 | - background-color: #3f9b6a; | |
| 425 | - } | |
| 426 | - | |
| 427 | - :last-child { | |
| 428 | - margin-bottom: 0; | |
| 429 | - } | |
| 430 | - | |
| 431 | - .el-col { | |
| 432 | - border-radius: 4px; | |
| 433 | - } | |
| 434 | - | |
| 435 | - .bg-purple-dark { | |
| 436 | - background: #99a9bf; | |
| 437 | - } | |
| 438 | - | |
| 439 | - .bg-purple { | |
| 440 | - /* background: #d3dce6; */ | |
| 441 | - } | |
| 442 | - | |
| 443 | - .bg-purple-light { | |
| 444 | - background: #e5e9f2; | |
| 445 | - } | |
| 446 | - | |
| 447 | - .grid-content { | |
| 448 | - border-radius: 4px; | |
| 449 | - min-height: 36px; | |
| 450 | - } | |
| 451 | - | |
| 452 | - .row-bg { | |
| 453 | - padding: 10px 0; | |
| 454 | - background-color: #f9fafc; | |
| 455 | - } | |
| 456 | - | |
| 457 | - /deep/ .bg-purple[data-v-0e3fe4ec] { | |
| 458 | - background: #fff; | |
| 459 | - height: 50px; | |
| 460 | - } | |
| 461 | - | |
| 462 | - /deep/ .el-form--label-top .el-form-item__label { | |
| 463 | - padding: 0; | |
| 464 | - } | |
| 465 | - | |
| 466 | - .demo-input-suffix { | |
| 467 | - display: flex; | |
| 468 | - margin-right: 20px; | |
| 469 | - } | |
| 470 | - | |
| 471 | - .pagination { | |
| 472 | - text-align: right; | |
| 473 | - line-height: 20px; | |
| 474 | - } | |
| 475 | - | |
| 476 | - .dialog_css { | |
| 477 | - padding: 0px; | |
| 478 | - } | |
| 479 | - | |
| 480 | - .dialog_xin { | |
| 481 | - padding: 0px; | |
| 482 | - } | |
| 483 | - | |
| 484 | - /deep/.el-dialog__body { | |
| 485 | - padding: 0px; | |
| 486 | - } | |
| 487 | - | |
| 488 | - /deep/ .el-dialog__header { | |
| 489 | - background-color: #fff; | |
| 490 | - padding: 0; | |
| 491 | - } | |
| 492 | - | |
| 493 | - | |
| 494 | - .el-row { | |
| 495 | - &:last-child { | |
| 496 | - margin-bottom: 0; | |
| 497 | - } | |
| 498 | - } | |
| 499 | - | |
| 500 | - /deep/ .avatar-uploader .el-upload { | |
| 501 | - border: 1px dashed #d9d9d9; | |
| 502 | - border-radius: 6px; | |
| 503 | - cursor: pointer; | |
| 504 | - position: relative; | |
| 505 | - overflow: hidden; | |
| 506 | - } | |
| 507 | - | |
| 508 | - .avatar-uploader-icon { | |
| 509 | - font-size: 28px; | |
| 510 | - color: #8c939d; | |
| 511 | - width: 108px; | |
| 512 | - height: 108px; | |
| 513 | - line-height: 108px; | |
| 514 | - /*text-align: center;*/ | |
| 515 | - } | |
| 516 | - | |
| 517 | - .avatar { | |
| 518 | - width: 108px; | |
| 519 | - height: 108px; | |
| 520 | - display: block; | |
| 521 | - } | |
| 416 | + .zhuti { | |
| 417 | + padding: 0 20px 20px 20px; | |
| 418 | + min-height: calc(100vh - 50px - 20px); | |
| 419 | + background-color: #Fff; | |
| 522 | 420 | |
| 523 | - ::v-deep .el-tabs__item.is-active { | |
| 524 | - color: #3f9b6a; | |
| 525 | - opacity: 1; | |
| 526 | 421 | } |
| 527 | 422 | |
| 528 | - /deep/ .el-tabs__nav-wrap::after { | |
| 529 | - background-color: #fff; | |
| 423 | + .chengeXia { | |
| 424 | + border-bottom: 6px solid #3F9B6A; | |
| 425 | + padding-bottom: 4px; | |
| 426 | + color: #3F9B6A; | |
| 530 | 427 | } |
| 531 | 428 | |
| 532 | - ::v-deep .el-tabs__item:hover { | |
| 533 | - color: #3f9b6a; | |
| 429 | + .tableBtn { | |
| 430 | + display: inline-block; | |
| 431 | + margin-right: 10px; | |
| 534 | 432 | cursor: pointer; |
| 535 | - opacity: 1; | |
| 536 | - } | |
| 537 | - | |
| 538 | - /deep/ .el-tabs__active-bar { | |
| 539 | - background-color: #389865; | |
| 540 | - } | |
| 541 | - | |
| 542 | - /deep/ .el-table_2_column_13 { | |
| 543 | - font-weight: 100; | |
| 544 | - } | |
| 545 | - | |
| 546 | - ::v-deep .el-input__inner:focus { | |
| 547 | - border: #3f9b6a 1px solid; | |
| 548 | - } | |
| 549 | - | |
| 550 | - ::v-deep .el-input__inner:hover { | |
| 551 | - border: #3f9b6a 1px solid; | |
| 552 | - } | |
| 553 | - | |
| 554 | - ::v-deep .el-select .el-input.is-focus .el-input__inner { | |
| 555 | - border-color: #3f9b6a; | |
| 556 | - } | |
| 557 | - | |
| 558 | - | |
| 559 | - /* ::v-deep .el-steps .el-step__head.is-wait { | |
| 560 | - background-color: red; /* 修改为你想要的颜色 */ | |
| 561 | - | |
| 562 | - /* 修改未进行步骤的描述文字颜色 */ | |
| 563 | - ::v-deep .el-steps .el-step__description.is-wait { | |
| 564 | - color: #999; | |
| 565 | - /* 修改为你想要的颜色 */ | |
| 566 | - } | |
| 567 | - | |
| 568 | - /* 修改未进行步骤的图标颜色 */ | |
| 569 | - ::v-deep .el-steps .el-step__icon.is-text.is-wait { | |
| 570 | - color: #999; | |
| 571 | - /* 修改为你想要的颜色 */ | |
| 572 | - } | |
| 573 | - | |
| 574 | - /* 修改未进行步骤的边框色 */ | |
| 575 | - ::v-deep .el-steps .el-step__line.is-wait { | |
| 576 | - border-color: #eee; | |
| 577 | - /* 修改为你想要的颜色 */ | |
| 578 | - } | |
| 579 | - | |
| 580 | - ::v-deep .el-steps .is-process .el-step__line { | |
| 581 | - background-color: #3f9b6a; | |
| 582 | - /* 修改线的颜色 */ | |
| 583 | - } | |
| 584 | - | |
| 585 | - ::v-deep .el-steps .is-process .el-step__title { | |
| 586 | - color: #fe7b6a; | |
| 587 | - /* 修改进行中步骤的标题颜色 */ | |
| 588 | - } | |
| 589 | - | |
| 590 | - ::v-deep .el-steps .is-process .el-step__icon { | |
| 591 | - color: #fff; | |
| 592 | - /* 修改进行中步骤的图标颜色 */ | |
| 593 | - background: #3f9b6a; | |
| 594 | - /* 修改进行中步骤图标的边框颜色 */ | |
| 595 | - border: 0px; | |
| 596 | - } | |
| 597 | - | |
| 598 | - ::v-deep .el-step__icon-inner { | |
| 599 | - line-height: 0; | |
| 600 | - } | |
| 601 | - | |
| 602 | - /* 线条长度 */ | |
| 603 | - ::v-deep .el-step.is-vertical .el-step__line { | |
| 604 | - top: 30px; | |
| 605 | - height: 60px; | |
| 606 | - } | |
| 607 | - | |
| 608 | - ::v-deep .moren { | |
| 609 | - .el-input__inner { | |
| 610 | - margin-top: 5px; | |
| 611 | - padding: 0 20px; | |
| 612 | - } | |
| 613 | - } | |
| 614 | - | |
| 615 | - /deep/ .el-radio-group { | |
| 616 | - margin-top: 11px; | |
| 617 | - } | |
| 618 | - | |
| 619 | - /deep/ .el-radio__input.is-checked .el-radio__inner { | |
| 620 | - border-color: #3f9b6a; | |
| 621 | - background: #3f9b6a; | |
| 622 | - } | |
| 623 | - | |
| 624 | - ::v-deep .el-col { | |
| 625 | - padding: 0 !important; | |
| 626 | - } | |
| 627 | - | |
| 628 | - /deep/ .el-radio-group { | |
| 629 | - width: 100%; | |
| 630 | - } | |
| 631 | - | |
| 632 | - .radio-right-side { | |
| 633 | - width: 100%; | |
| 634 | - display: flex; | |
| 635 | - justify-content: space-between; | |
| 636 | - } | |
| 637 | - | |
| 638 | - /deep/ .radio-right-side .el-radio__label { | |
| 639 | - display: flex; | |
| 640 | - align-items: center; | |
| 641 | - } | |
| 642 | - | |
| 643 | - /deep/ .radio-right-side .el-radio__inner { | |
| 644 | - order: 1; | |
| 645 | - } | |
| 646 | - | |
| 647 | - /deep/ .radio-right-side .el-radio__input { | |
| 648 | - display: flex; | |
| 649 | - order: 2; | |
| 650 | - } | |
| 651 | - | |
| 652 | - /deep/ .radio-right-side { | |
| 653 | - &:hover { | |
| 654 | - color: #000; | |
| 655 | - } | |
| 656 | - } | |
| 657 | - | |
| 658 | - | |
| 659 | - ::v-deep .setup { | |
| 660 | - .el-steps { | |
| 661 | - justify-content: center; | |
| 662 | - } | |
| 663 | - } | |
| 664 | - | |
| 665 | - ::v-deep .el-step__head.is-finish { | |
| 666 | - color: #c0c4cc; | |
| 667 | - border-color: #c0c4cc; | |
| 668 | - } | |
| 669 | - | |
| 670 | - ::v-deep .el-step__title.is-finish { | |
| 671 | - color: #c0c4cc; | |
| 672 | - } | |
| 673 | - | |
| 674 | - ::v-deep .el-step__title.is-process { | |
| 675 | - color: #c0c4cc; | |
| 676 | - } | |
| 677 | - | |
| 678 | - ::v-deep .el-tabs { | |
| 679 | - width: 100%; | |
| 680 | - } | |
| 681 | - | |
| 682 | - ::v-deep .setup { | |
| 683 | - .el-step__main { | |
| 684 | - margin-left: -17px; | |
| 685 | - } | |
| 686 | - | |
| 687 | - .el-step__title.is-process { | |
| 688 | - color: #3f9b6a; | |
| 689 | - } | |
| 690 | - | |
| 691 | - } | |
| 692 | - | |
| 693 | - ::v-deep .el-pagination__jump { | |
| 694 | - margin-top: 5px; | |
| 695 | - } | |
| 696 | - | |
| 697 | - ::v-deep .linClass { | |
| 698 | - .el-dialog__header { | |
| 699 | - padding: 20px 20px 10px; | |
| 700 | - font-size: 14px; | |
| 701 | - } | |
| 702 | - } | |
| 703 | -</style> | |
| 704 | -<style lang="scss" scoped> | |
| 705 | - ::v-deep .bian_css { | |
| 706 | - .el-dialog__header { | |
| 707 | - padding: 0px; | |
| 708 | - } | |
| 709 | - | |
| 710 | - } | |
| 711 | - | |
| 712 | - ::v-deep .buttonHover:hover { | |
| 713 | - color: #3f9b6a !important; | |
| 714 | - border-color: #c5e1d2 !important; | |
| 715 | - background-color: #ecf5f0 !important; | |
| 716 | - outline: none; | |
| 717 | - } | |
| 718 | - | |
| 719 | - ::v-deep .el-pagination__total { | |
| 720 | - position: absolute; | |
| 721 | - left: 10px; | |
| 722 | - } | |
| 723 | - | |
| 724 | - ::v-deep .diaslog_zhong { | |
| 725 | - .el-dialog__body { | |
| 726 | - padding: 10px 20px 20px 20px; | |
| 727 | - } | |
| 728 | - | |
| 729 | - .el-upload--picture-card { | |
| 730 | - width: 130px; | |
| 731 | - height: 130px; | |
| 732 | - } | |
| 733 | 433 | } |
| 734 | 434 | </style> | ... | ... |