Commit 90d96766e6c095150a79cd70c09c48b612364b59
1 parent
17747ae3
1
Showing
8 changed files
with
2411 additions
and
672 deletions
admin-web-master/src/api/newly.js
| ... | ... | @@ -2,9 +2,17 @@ import request from '@/utils/request' |
| 2 | 2 | import requestnew from '@/utils/request2' |
| 3 | 3 | |
| 4 | 4 | // 上下架 |
| 5 | +// 列表 | |
| 6 | +export function cereBusinessOperationqueryByPage(data) { | |
| 7 | + return request({ | |
| 8 | + url: '/cereBusinessOperation/queryByPage', | |
| 9 | + method: 'post', | |
| 10 | + data | |
| 11 | + }) | |
| 12 | +} | |
| 5 | 13 | // 添加 |
| 6 | 14 | export function cereBusinessOperationadd(data) { |
| 7 | - return requestnew({ | |
| 15 | + return request({ | |
| 8 | 16 | url: '/cereBusinessOperation/add', |
| 9 | 17 | method: 'post', |
| 10 | 18 | data | ... | ... |
admin-web-master/src/components/add/addsam.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <div> | |
| 3 | + <el-form :model="ruleForm" :rules="rulesSt" ref="ruleForm" label-width="130px" class="demo-ruleForm"> | |
| 4 | + <el-form-item label="策略名称" prop="policyName"> | |
| 5 | + <el-input v-model="ruleForm.policyName" placeholder="请输入" maxlength="50"></el-input> | |
| 6 | + </el-form-item> | |
| 7 | + <el-form-item label="适用资源" prop="applicableResources"> | |
| 8 | + <el-radio-group v-model="ruleForm.applicableResources"> | |
| 9 | + <el-radio label="商铺" value="商铺">商铺</el-radio> | |
| 10 | + <el-radio label="场地" value="场地">场地</el-radio> | |
| 11 | + <el-radio label="广告位" value="广告位">广告位</el-radio> | |
| 12 | + </el-radio-group> | |
| 13 | + </el-form-item> | |
| 14 | + <el-form-item label="策略模板" prop="policyTemplate"> | |
| 15 | + <el-select v-model="ruleForm.policyTemplate" placeholder="请选择" style="width:calc(100% - 100px);" @change="changeMode"> | |
| 16 | + <el-option :label="item.policyName" :value="item.id" v-for="(item,index) in tableData" /> | |
| 17 | + </el-select> | |
| 18 | + <el-button style="background-color: #3F9B6A;color: #fff;float: right;" @click="modeCode = true">管理模板 | |
| 19 | + </el-button> | |
| 20 | + </el-form-item> | |
| 21 | + <el-row v-if="ruleForm.applicableResources == '商铺'"> | |
| 22 | + <el-col :span="12"> | |
| 23 | + <el-form-item label="是否出租" prop="isRental"> | |
| 24 | + <el-select v-model="ruleForm.isRental" placeholder="请选择" style="width: 100%;"> | |
| 25 | + <el-option label="自营" value="0" /> | |
| 26 | + <el-option label="是" value="1" /> | |
| 27 | + </el-select> | |
| 28 | + </el-form-item> | |
| 29 | + </el-col> | |
| 30 | + <el-col :span="12"> | |
| 31 | + <el-form-item label="经营类型" prop="businessType"> | |
| 32 | + <el-select v-model="ruleForm.businessType" placeholder="请选择" style="width: 100%;"> | |
| 33 | + <el-option label="超市" value="超市" /> | |
| 34 | + <el-option label="鞋店" value="鞋店" /> | |
| 35 | + <el-option label="家居饰品店" value="家居饰品店" /> | |
| 36 | + </el-select> | |
| 37 | + <!-- <el-input v-model="ruleForm.businessType" placeholder="请输入" maxlength="50"></el-input> --> | |
| 38 | + </el-form-item> | |
| 39 | + </el-col> | |
| 40 | + </el-row> | |
| 41 | + <el-row v-if="ruleForm.applicableResources == '商铺'"> | |
| 42 | + <el-col :span="12"> | |
| 43 | + <el-form-item label="租金" prop="rentalPrice"> | |
| 44 | + <el-input v-model.number="ruleForm.rentalPrice" placeholder="请输入" maxlength="30"> | |
| 45 | + <template slot="suffix"><span | |
| 46 | + style="position: absolute;top: 0px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | |
| 47 | + </el-input> | |
| 48 | + </el-form-item> | |
| 49 | + </el-col> | |
| 50 | + <el-col :span="12"> | |
| 51 | + <el-form-item label="付款周期" prop="leaseTerm"> | |
| 52 | + <el-select v-model="ruleForm.leaseTerm" placeholder="请选择" style="width: 100%;"> | |
| 53 | + <el-option label="日" value="日" /> | |
| 54 | + <el-option label="月" value="月" /> | |
| 55 | + <el-option label="季" value="季" /> | |
| 56 | + <el-option label="年" value="年" /> | |
| 57 | + </el-select> | |
| 58 | + </el-form-item> | |
| 59 | + </el-col> | |
| 60 | + </el-row> | |
| 61 | + <el-row v-if="ruleForm.applicableResources == '商铺'"> | |
| 62 | + <el-col :span="12"> | |
| 63 | + <el-form-item label="租赁时段" prop="leaseDate"> | |
| 64 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | |
| 65 | + style="width: 100%;" start-placeholder="开始日期" end-placeholder="结束日期"> | |
| 66 | + </el-date-picker> | |
| 67 | + </el-form-item> | |
| 68 | + </el-col> | |
| 69 | + <el-col :span="12"> | |
| 70 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | |
| 71 | + <el-input v-model="ruleForm.rentFreeCondition" placeholder="请输入" maxlength="50"></el-input> | |
| 72 | + </el-form-item> | |
| 73 | + </el-col> | |
| 74 | + </el-row> | |
| 75 | + <el-row v-if="ruleForm.applicableResources == '商铺'"> | |
| 76 | + <el-col :span="12"> | |
| 77 | + <el-form-item label="免租期" prop="rentFreePeriod"> | |
| 78 | + <el-select v-model="ruleForm.rentFreePeriod" placeholder="请选择" style="width: 100%;"> | |
| 79 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 80 | + </el-select> | |
| 81 | + </el-form-item> | |
| 82 | + </el-col> | |
| 83 | + <el-col :span="12"> | |
| 84 | + <el-form-item label="付款日" prop="payDay"> | |
| 85 | + <el-select v-model="ruleForm.payDay" placeholder="请选择" style="width: 100%;"> | |
| 86 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 87 | + </el-select> | |
| 88 | + </el-form-item> | |
| 89 | + </el-col> | |
| 90 | + </el-row> | |
| 91 | + | |
| 92 | + <el-row v-if="ruleForm.applicableResources == '场地' || ruleForm.applicableResources == '广告位'"> | |
| 93 | + <el-col :span="12"> | |
| 94 | + <el-form-item label="是否出租" prop="isRental"> | |
| 95 | + <el-select v-model="ruleForm.isRental" placeholder="请选择" style="width: 100%;"> | |
| 96 | + <el-option label="自营" value="0" /> | |
| 97 | + <el-option label="是" value="1" /> | |
| 98 | + </el-select> | |
| 99 | + </el-form-item> | |
| 100 | + </el-col> | |
| 101 | + <el-col :span="12"> | |
| 102 | + <el-form-item label="租金价格" prop="rentalPrice"> | |
| 103 | + <el-input v-model.number="ruleForm.rentalPrice" placeholder="请输入" maxlength="30"> | |
| 104 | + <template slot="suffix"><span | |
| 105 | + style="position: absolute;top: 0px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | |
| 106 | + </el-input> | |
| 107 | + </el-form-item> | |
| 108 | + </el-col> | |
| 109 | + </el-row> | |
| 110 | + <el-row v-if="ruleForm.applicableResources == '场地' || ruleForm.applicableResources == '广告位'"> | |
| 111 | + | |
| 112 | + <el-col :span="12"> | |
| 113 | + <el-form-item label="付款周期" prop="leaseTerm"> | |
| 114 | + <el-select v-model="ruleForm.leaseTerm" placeholder="请选择" style="width: 100%;"> | |
| 115 | + <el-option label="日" value="日" /> | |
| 116 | + <el-option label="月" value="月" /> | |
| 117 | + <el-option label="季" value="季" /> | |
| 118 | + <el-option label="年" value="年" /> | |
| 119 | + </el-select> | |
| 120 | + </el-form-item> | |
| 121 | + </el-col> | |
| 122 | + <el-col :span="12"> | |
| 123 | + <el-form-item label="租赁时段" prop="leaseDate"> | |
| 124 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | |
| 125 | + style="width: 100%;" start-placeholder="开始日期" end-placeholder="结束日期"> | |
| 126 | + </el-date-picker> | |
| 127 | + </el-form-item> | |
| 128 | + </el-col> | |
| 129 | + </el-row> | |
| 130 | + <el-row v-if="ruleForm.applicableResources == '场地' || ruleForm.applicableResources == '广告位'"> | |
| 131 | + <el-col :span="12"> | |
| 132 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | |
| 133 | + <el-input v-model="ruleForm.rentFreeCondition" placeholder="请输入" maxlength="50"></el-input> | |
| 134 | + </el-form-item> | |
| 135 | + </el-col> | |
| 136 | + <el-col :span="12"> | |
| 137 | + <el-form-item label="免租期" prop="rentFreePeriod"> | |
| 138 | + <el-select v-model="ruleForm.rentFreePeriod" placeholder="请选择" style="width: 100%;"> | |
| 139 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 140 | + </el-select> | |
| 141 | + </el-form-item> | |
| 142 | + </el-col> | |
| 143 | + </el-row> | |
| 144 | + <el-row v-if="ruleForm.applicableResources == '场地' || ruleForm.applicableResources == '广告位'"> | |
| 145 | + <el-col :span="12"> | |
| 146 | + <el-form-item label="付款日" prop="payDay"> | |
| 147 | + <el-select v-model="ruleForm.payDay" placeholder="请选择" style="width: 100%;"> | |
| 148 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 149 | + </el-select> | |
| 150 | + </el-form-item> | |
| 151 | + </el-col> | |
| 152 | + </el-row> | |
| 153 | + <el-row> | |
| 154 | + <el-col :span="24"> | |
| 155 | + <el-form-item label="优惠政策" prop="preferentialPolicy"> | |
| 156 | + <wangEditor v-model="ruleForm.preferentialPolicy" ref="editor" :height="100"></wangEditor> | |
| 157 | + </el-form-item> | |
| 158 | + </el-col> | |
| 159 | + </el-row> | |
| 160 | + <el-row> | |
| 161 | + <el-col :span="24"> | |
| 162 | + <el-form-item label="其他说明" prop="otherDescription"> | |
| 163 | + <wangEditor v-model="ruleForm.otherDescription" ref="editor" :height="100"></wangEditor> | |
| 164 | + </el-form-item> | |
| 165 | + </el-col> | |
| 166 | + </el-row> | |
| 167 | + <el-row :gutter="20"> | |
| 168 | + <el-col :span="12"> | |
| 169 | + <el-form-item> | |
| 170 | + <div style="margin-top: 20px"> | |
| 171 | + <el-button @click="add()" style="background-color: #3F9B6A;color: #fff;">确定</el-button> | |
| 172 | + <el-button @click="close()" class="buttonHover" | |
| 173 | + style="color: #606266;border: 1px solid #DBDBDB;background-color: #fff;">取消</el-button> | |
| 174 | + </div> | |
| 175 | + </el-form-item> | |
| 176 | + </el-col> | |
| 177 | + </el-row> | |
| 178 | + </el-form> | |
| 179 | + <el-dialog title="模板管理" :visible.sync="modeCode" custom-class='bian_css' style="padding: 0;" width="65%" center | |
| 180 | + :close-on-click-modal="false" append-to-body> | |
| 181 | + <div style="padding:20px;"> | |
| 182 | + <div class="formSearch"> | |
| 183 | + <el-form :model="querymb" ref="querymb" label-width="80px" class="demo-ruleForm"> | |
| 184 | + <el-row> | |
| 185 | + <el-col :span="12"> | |
| 186 | + <el-form-item label="策略名称" prop="policyName"> | |
| 187 | + <el-input v-model="querymb.policyName" placeholder="请输入" maxlength="50"></el-input> | |
| 188 | + </el-form-item> | |
| 189 | + </el-col> | |
| 190 | + <el-col :span="12"> | |
| 191 | + <el-form-item label="适用资源" prop="applicableResources"> | |
| 192 | + <el-select v-model="querymb.applicableResources" placeholder="请选择" style="width: 100%;"> | |
| 193 | + <el-option label="商铺" value="商铺">商铺</el-option> | |
| 194 | + <el-option label="场地" value="场地">场地</el-option> | |
| 195 | + <el-option label="广告位" value="广告位">广告位</el-option> | |
| 196 | + </el-select> | |
| 197 | + </el-form-item> | |
| 198 | + </el-col> | |
| 199 | + </el-row> | |
| 200 | + </el-form> | |
| 201 | + <div style="display: flex;"> | |
| 202 | + <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询 | |
| 203 | + </el-button> | |
| 204 | + <el-button @click="resetting" class="buttonHover" | |
| 205 | + style="color: #000;border: 1px solid #DBDBDB;background-color: #fff;">重置 | |
| 206 | + </el-button> | |
| 207 | + </div> | |
| 208 | + </div> | |
| 209 | + <div style="margin-bottom:15px;"> | |
| 210 | + <el-button type="primary" @click="addmbopen" | |
| 211 | + style="background-color: #3F9B6A;color: #fff;border-color:#3F9B6A;">新增模板</el-button> | |
| 212 | + </div> | |
| 213 | + <div> | |
| 214 | + <el-table :data="tableData" | |
| 215 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"> | |
| 216 | + <el-table-column label="序号" width="50"> | |
| 217 | + <template slot-scope="scope"> | |
| 218 | + {{scope.$index +1}} | |
| 219 | + </template> | |
| 220 | + </el-table-column> | |
| 221 | + <el-table-column label="策略名称" prop="policyName"> | |
| 222 | + </el-table-column> | |
| 223 | + <el-table-column label="适用资源" prop="applicableResources"> | |
| 224 | + </el-table-column> | |
| 225 | + <el-table-column label="经营类型" prop="businessType" > | |
| 226 | + </el-table-column> | |
| 227 | + <el-table-column prop="rentalPrice" label="租金/周期" > | |
| 228 | + <template slot-scope="scope"> | |
| 229 | + {{scope.row.rentalPrice}}/{{scope.row.leaseTerm}} | |
| 230 | + </template> | |
| 231 | + </el-table-column> | |
| 232 | + <el-table-column label="付款日" > | |
| 233 | + <template slot-scope="scope"> | |
| 234 | + {{scope.row.payDay}} | |
| 235 | + </template> | |
| 236 | + </el-table-column> | |
| 237 | + <el-table-column label="是否出租" prop="isRental" > | |
| 238 | + <template slot-scope="scope"> | |
| 239 | + {{scope.row.isrental == '0'?'自营':'是'}} | |
| 240 | + </template> | |
| 241 | + </el-table-column> | |
| 242 | + <el-table-column label="操作" > | |
| 243 | + <template slot-scope="scope"> | |
| 244 | + <div @click="addM(scope.row)" class="tableBtn greens">编辑</div> | |
| 245 | + <div @click="delM(scope.row.id)" class="tableBtn greens">删除</div> | |
| 246 | + </template> | |
| 247 | + </el-table-column> | |
| 248 | + </el-table> | |
| 249 | + <div style="display: flex;justify-content: space-between;" class="bom"> | |
| 250 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div> | |
| 251 | + <el-pagination :current-page="querymb.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="querymb.pageSize" | |
| 252 | + background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange" | |
| 253 | + @current-change="handleCurrentChange"> | |
| 254 | + </el-pagination> | |
| 255 | + </div> | |
| 256 | + <div style="margin-top:20px;"> | |
| 257 | + <el-button @click="closemblist()" style="background-color: #fff;color: #000;border: 1px solid #B1B1B1;" | |
| 258 | + class="buttonHover">取 消</el-button> | |
| 259 | + </div> | |
| 260 | + </div> | |
| 261 | + </div> | |
| 262 | + <el-dialog :title="formInline.id?'编辑模板':'新增模板'" :visible.sync="addMing" custom-class='bian_css' style="padding: 0;" | |
| 263 | + width="65%" center :close-on-click-modal="false" :show-close="false" append-to-body> | |
| 264 | + <div style="padding:20px;"> | |
| 265 | + <el-form :model="formInline" :rules="rulesSt2" ref="formInline" label-width="130px" class="demo-ruleForm"> | |
| 266 | + <el-form-item label="策略名称" prop="policyName"> | |
| 267 | + <el-input v-model="formInline.policyName" placeholder="请输入" maxlength="50"></el-input> | |
| 268 | + </el-form-item> | |
| 269 | + <el-form-item label="适用资源" prop="applicableResources"> | |
| 270 | + <el-radio-group v-model="formInline.applicableResources"> | |
| 271 | + <el-radio label="商铺" value="商铺">商铺</el-radio> | |
| 272 | + <el-radio label="场地" value="场地">场地</el-radio> | |
| 273 | + <el-radio label="广告位" value="广告位">广告位</el-radio> | |
| 274 | + </el-radio-group> | |
| 275 | + </el-form-item> | |
| 276 | + <el-row v-if="formInline.applicableResources == '商铺'"> | |
| 277 | + <el-col :span="12"> | |
| 278 | + <el-form-item label="是否出租" prop="isRental"> | |
| 279 | + <el-select v-model="formInline.isRental" placeholder="请选择" style="width: 100%;"> | |
| 280 | + <el-option label="自营" value="0" /> | |
| 281 | + <el-option label="是" value="1" /> | |
| 282 | + </el-select> | |
| 283 | + </el-form-item> | |
| 284 | + </el-col> | |
| 285 | + <el-col :span="12"> | |
| 286 | + <el-form-item label="经营类型" prop="businessType"> | |
| 287 | + <el-select v-model="formInline.businessType" placeholder="请选择" style="width: 100%;"> | |
| 288 | + <el-option label="超市" value="超市" /> | |
| 289 | + <el-option label="鞋店" value="鞋店" /> | |
| 290 | + <el-option label="家居饰品店" value="家居饰品店" /> | |
| 291 | + </el-select> | |
| 292 | + <!-- <el-input v-model="formInline.businessType" placeholder="请输入" maxlength="50"></el-input> --> | |
| 293 | + | |
| 294 | + </el-form-item> | |
| 295 | + </el-col> | |
| 296 | + </el-row> | |
| 297 | + <el-row v-if="formInline.applicableResources == '商铺'"> | |
| 298 | + <el-col :span="12"> | |
| 299 | + <el-form-item label="租金" prop="rentalPrice"> | |
| 300 | + <el-input v-model.number="formInline.rentalPrice" placeholder="请输入" maxlength="30"> | |
| 301 | + <template slot="suffix"><span | |
| 302 | + style="position: absolute;top: 0px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | |
| 303 | + </el-input> | |
| 304 | + </el-form-item> | |
| 305 | + </el-col> | |
| 306 | + <el-col :span="12"> | |
| 307 | + <el-form-item label="付款周期" prop="leaseTerm"> | |
| 308 | + <el-select v-model="formInline.leaseTerm" placeholder="请选择" style="width: 100%;"> | |
| 309 | + <el-option label="日" value="日" /> | |
| 310 | + <el-option label="月" value="月" /> | |
| 311 | + <el-option label="季" value="季" /> | |
| 312 | + <el-option label="年" value="年" /> | |
| 313 | + </el-select> | |
| 314 | + </el-form-item> | |
| 315 | + </el-col> | |
| 316 | + </el-row> | |
| 317 | + <el-row v-if="formInline.applicableResources == '商铺'"> | |
| 318 | + <el-col :span="12"> | |
| 319 | + <el-form-item label="租赁时段" prop="leaseDate"> | |
| 320 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | |
| 321 | + style="width: 100%;" start-placeholder="开始日期" end-placeholder="结束日期"> | |
| 322 | + </el-date-picker> | |
| 323 | + </el-form-item> | |
| 324 | + </el-col> | |
| 325 | + <el-col :span="12"> | |
| 326 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | |
| 327 | + <el-input v-model="formInline.rentFreeCondition" placeholder="请输入" maxlength="50"></el-input> | |
| 328 | + </el-form-item> | |
| 329 | + </el-col> | |
| 330 | + </el-row> | |
| 331 | + <el-row v-if="formInline.applicableResources == '商铺'"> | |
| 332 | + <el-col :span="12"> | |
| 333 | + <el-form-item label="免租期" prop="rentFreePeriod"> | |
| 334 | + <el-select v-model="formInline.rentFreePeriod" placeholder="请选择" style="width: 100%;"> | |
| 335 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 336 | + </el-select> | |
| 337 | + </el-form-item> | |
| 338 | + </el-col> | |
| 339 | + <el-col :span="12"> | |
| 340 | + <el-form-item label="付款日" prop="payDay"> | |
| 341 | + <el-select v-model="formInline.payDay" placeholder="请选择" style="width: 100%;"> | |
| 342 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 343 | + </el-select> | |
| 344 | + </el-form-item> | |
| 345 | + </el-col> | |
| 346 | + </el-row> | |
| 347 | + <el-row v-if="formInline.applicableResources == '场地' || formInline.applicableResources == '广告位'"> | |
| 348 | + <el-col :span="12"> | |
| 349 | + <el-form-item label="是否出租" prop="isRental"> | |
| 350 | + <el-select v-model="formInline.isRental" placeholder="请选择" style="width: 100%;"> | |
| 351 | + <el-option label="自营" value="0" /> | |
| 352 | + <el-option label="是" value="1" /> | |
| 353 | + </el-select> | |
| 354 | + </el-form-item> | |
| 355 | + </el-col> | |
| 356 | + <el-col :span="12"> | |
| 357 | + <el-form-item label="租金价格" prop="rentalPrice"> | |
| 358 | + <el-input v-model.number="formInline.rentalPrice" placeholder="请输入" maxlength="30"> | |
| 359 | + <template slot="suffix"><span | |
| 360 | + style="position: absolute;top: 0px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | |
| 361 | + </el-input> | |
| 362 | + </el-form-item> | |
| 363 | + </el-col> | |
| 364 | + </el-row> | |
| 365 | + <el-row v-if="formInline.applicableResources == '场地' || formInline.applicableResources == '广告位'"> | |
| 366 | + <el-col :span="12"> | |
| 367 | + <el-form-item label="付款周期" prop="leaseTerm"> | |
| 368 | + <el-select v-model="formInline.leaseTerm" placeholder="请选择" style="width: 100%;"> | |
| 369 | + <el-option label="日" value="日" /> | |
| 370 | + <el-option label="月" value="月" /> | |
| 371 | + <el-option label="季" value="季" /> | |
| 372 | + <el-option label="年" value="年" /> | |
| 373 | + </el-select> | |
| 374 | + </el-form-item> | |
| 375 | + </el-col> | |
| 376 | + <el-col :span="12"> | |
| 377 | + <el-form-item label="租赁时段" prop="leaseDate"> | |
| 378 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | |
| 379 | + style="width: 100%;" start-placeholder="开始日期" end-placeholder="结束日期"> | |
| 380 | + </el-date-picker> | |
| 381 | + </el-form-item> | |
| 382 | + </el-col> | |
| 383 | + </el-row> | |
| 384 | + <el-row v-if="formInline.applicableResources == '场地' || formInline.applicableResources == '广告位'"> | |
| 385 | + <el-col :span="12"> | |
| 386 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | |
| 387 | + <el-input v-model="formInline.rentFreeCondition" placeholder="请输入" maxlength="50"></el-input> | |
| 388 | + </el-form-item> | |
| 389 | + </el-col> | |
| 390 | + <el-col :span="12"> | |
| 391 | + <el-form-item label="免租期" prop="rentFreePeriod"> | |
| 392 | + <el-select v-model="formInline.rentFreePeriod" placeholder="请选择" style="width: 100%;"> | |
| 393 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 394 | + </el-select> | |
| 395 | + </el-form-item> | |
| 396 | + </el-col> | |
| 397 | + </el-row> | |
| 398 | + <el-row v-if="formInline.applicableResources == '场地' || formInline.applicableResources == '广告位'"> | |
| 399 | + <el-col :span="12"> | |
| 400 | + <el-form-item label="付款日" prop="payDay"> | |
| 401 | + <el-select v-model="formInline.payDay" placeholder="请选择" style="width: 100%;"> | |
| 402 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 403 | + </el-select> | |
| 404 | + </el-form-item> | |
| 405 | + </el-col> | |
| 406 | + </el-row> | |
| 407 | + <el-row> | |
| 408 | + <el-col :span="24"> | |
| 409 | + <el-form-item label="优惠政策" prop="preferentialPolicy"> | |
| 410 | + <wangEditor v-model="formInline.preferentialPolicy" ref="editor" :height="100"></wangEditor> | |
| 411 | + </el-form-item> | |
| 412 | + </el-col> | |
| 413 | + </el-row> | |
| 414 | + <el-row> | |
| 415 | + <el-col :span="24"> | |
| 416 | + <el-form-item label="其他说明" prop="otherDescription"> | |
| 417 | + <wangEditor v-model="formInline.otherDescription" ref="editor" :height="100"></wangEditor> | |
| 418 | + </el-form-item> | |
| 419 | + </el-col> | |
| 420 | + </el-row> | |
| 421 | + </el-form> | |
| 422 | + <div style="display: flex;justify-content: flex-end;margin-top:20px;"> | |
| 423 | + <el-button @click="closemb()" style="background-color: #fff;color: #000;border: 1px solid #B1B1B1;" | |
| 424 | + class="buttonHover">取 消</el-button> | |
| 425 | + <el-button type="primary" @click="addmb()" | |
| 426 | + style="background-color: #3F9B6A;color: #fff;border-color:#3F9B6A;">确 定</el-button> | |
| 427 | + </div> | |
| 428 | + </div> | |
| 429 | + </el-dialog> | |
| 430 | + </el-dialog> | |
| 431 | + </div> | |
| 432 | +</template> | |
| 433 | + | |
| 434 | +<script> | |
| 435 | + import { | |
| 436 | + ceGetAll, | |
| 437 | + ceAdd, | |
| 438 | + ceEdit, | |
| 439 | + ceDel, | |
| 440 | + } from '@/api/sam.js' | |
| 441 | + import wangEditor from "@/components/editor/index" | |
| 442 | + export default { | |
| 443 | + components: { | |
| 444 | + wangEditor | |
| 445 | + }, | |
| 446 | + data() { | |
| 447 | + return { | |
| 448 | + addMing:false, | |
| 449 | + modeAdd:false, | |
| 450 | + modeCode: false, | |
| 451 | + leaseDate: [], //租赁时段 | |
| 452 | + paymentDate: [], //付款日期 | |
| 453 | + tableData: [], | |
| 454 | + formInline: { | |
| 455 | + policyName: '', //策略名称 | |
| 456 | + applicableResources: '商铺', //适用资源 | |
| 457 | + policyTemplate: null, //策略模板 | |
| 458 | + isRental: '', //是否出租 (0:白营,1:是) | |
| 459 | + businessType: '', //经营类型 | |
| 460 | + rentalPrice: null, //租金价格 | |
| 461 | + leaseTerm: '', //商铺租期 | |
| 462 | + leaseStartDate: '', //租赁开始日期 | |
| 463 | + leaseEndDate: '', //租赁结束日期 | |
| 464 | + rentFreeCondition: '', //免租条件 | |
| 465 | + rentFreePeriod: '', //免租期(单位:天) | |
| 466 | + payDay: '', //付款日 | |
| 467 | + createDate: '', //创建时间 | |
| 468 | + preferentialPolicy: '', | |
| 469 | + otherDescription: '', | |
| 470 | + isTemplate: '0', //是否为模板(0.是 1.否) | |
| 471 | + }, | |
| 472 | + ruleForm: { | |
| 473 | + policyName: '', //策略名称 | |
| 474 | + applicableResources: '商铺', //适用资源 | |
| 475 | + policyTemplate: null, //策略模板 | |
| 476 | + isRental: '', //是否出租 (0:白营,1:是) | |
| 477 | + businessType: '', //经营类型 | |
| 478 | + rentalPrice: null, //租金价格 | |
| 479 | + leaseTerm: '', //商铺租期 | |
| 480 | + leaseStartDate: '', //租赁开始日期 | |
| 481 | + leaseEndDate: '', //租赁结束日期 | |
| 482 | + rentFreeCondition: '', //免租条件 | |
| 483 | + rentFreePeriod: '', //免租期(单位:天) | |
| 484 | + payDay: '', //付款日 | |
| 485 | + createDate: '', //创建时间 | |
| 486 | + preferentialPolicy: '', | |
| 487 | + otherDescription: '', | |
| 488 | + isTemplate: '0', //是否为模板(0.是 1.否) | |
| 489 | + }, | |
| 490 | + rulesSt2: { | |
| 491 | + policyName: [{ | |
| 492 | + required: true, | |
| 493 | + message: '请输入策略名称', | |
| 494 | + trigger: 'blur' | |
| 495 | + }, ], | |
| 496 | + applicableResources: [{ | |
| 497 | + required: true, | |
| 498 | + message: '请选择适用资源', | |
| 499 | + trigger: 'change' | |
| 500 | + }], | |
| 501 | + isRental: [{ | |
| 502 | + required: true, | |
| 503 | + message: '请选择是否出租', | |
| 504 | + trigger: 'change' | |
| 505 | + }], | |
| 506 | + isSelfOperated: [{ | |
| 507 | + required: true, | |
| 508 | + message: '请选择是否出租', | |
| 509 | + trigger: 'change' | |
| 510 | + }], | |
| 511 | + businessType: [{ | |
| 512 | + required: true, | |
| 513 | + message: '请选择经营类型', | |
| 514 | + trigger: 'change' | |
| 515 | + }], | |
| 516 | + rentalPrice: [{ | |
| 517 | + required: true, | |
| 518 | + message: '请输入租金价格' | |
| 519 | + }, | |
| 520 | + // { | |
| 521 | + // type: 'number', | |
| 522 | + // message: '必须为数字值' | |
| 523 | + // }, | |
| 524 | + { | |
| 525 | + validator: (rule, value, callback) => { | |
| 526 | + if (value <= 0) { | |
| 527 | + callback(new Error('租金价格必须大于0')); | |
| 528 | + } else { | |
| 529 | + callback(); | |
| 530 | + } | |
| 531 | + } | |
| 532 | + } | |
| 533 | + ], | |
| 534 | + }, | |
| 535 | + rulesSt: { | |
| 536 | + policyName: [{ | |
| 537 | + required: true, | |
| 538 | + message: '请输入策略名称', | |
| 539 | + trigger: 'blur' | |
| 540 | + }, ], | |
| 541 | + applicableResources: [{ | |
| 542 | + required: true, | |
| 543 | + message: '请选择适用资源', | |
| 544 | + trigger: 'change' | |
| 545 | + }], | |
| 546 | + isRental: [{ | |
| 547 | + required: true, | |
| 548 | + message: '请选择是否出租', | |
| 549 | + trigger: 'change' | |
| 550 | + }], | |
| 551 | + isSelfOperated: [{ | |
| 552 | + required: true, | |
| 553 | + message: '请选择是否出租', | |
| 554 | + trigger: 'change' | |
| 555 | + }], | |
| 556 | + businessType: [{ | |
| 557 | + required: true, | |
| 558 | + message: '请选择经营类型', | |
| 559 | + trigger: 'change' | |
| 560 | + }], | |
| 561 | + rentalPrice: [{ | |
| 562 | + required: true, | |
| 563 | + message: '请输入租金价格' | |
| 564 | + }, | |
| 565 | + // { | |
| 566 | + // type: 'number', | |
| 567 | + // message: '必须为数字值' | |
| 568 | + // }, | |
| 569 | + { | |
| 570 | + validator: (rule, value, callback) => { | |
| 571 | + if (value <= 0) { | |
| 572 | + callback(new Error('租金价格必须大于0')); | |
| 573 | + } else { | |
| 574 | + callback(); | |
| 575 | + } | |
| 576 | + } | |
| 577 | + } | |
| 578 | + ], | |
| 579 | + }, | |
| 580 | + querymb:{ | |
| 581 | + pageNumber: 0, | |
| 582 | + pageSize: 10, | |
| 583 | + isTemplate: '0' | |
| 584 | + }, | |
| 585 | + total:0 | |
| 586 | + }; | |
| 587 | + }, | |
| 588 | + props: { | |
| 589 | + info: { | |
| 590 | + type: Object, | |
| 591 | + default: {} | |
| 592 | + }, | |
| 593 | + | |
| 594 | + }, | |
| 595 | + async created() { | |
| 596 | + this.getmb() | |
| 597 | + if (this.info && this.info.id) { | |
| 598 | + this.ruleForm = this.info | |
| 599 | + } else { | |
| 600 | + | |
| 601 | + } | |
| 602 | + }, | |
| 603 | + methods: { | |
| 604 | + addmbopen() { | |
| 605 | + this.formInline = { | |
| 606 | + policyName: '', //策略名称 | |
| 607 | + applicableResources: '商铺', //适用资源 | |
| 608 | + policyTemplate: null, //策略模板 | |
| 609 | + isRental: '', //是否出租 (0:白营,1:是) | |
| 610 | + businessType: '', //经营类型 | |
| 611 | + rentalPrice: null, //租金价格 | |
| 612 | + leaseTerm: '', //商铺租期 | |
| 613 | + leaseStartDate: '', //租赁开始日期 | |
| 614 | + leaseEndDate: '', //租赁结束日期 | |
| 615 | + rentFreeCondition: '', //免租条件 | |
| 616 | + rentFreePeriod: '', //免租期(单位:天) | |
| 617 | + payDay: '', //付款日 | |
| 618 | + createDate: '', //创建时间 | |
| 619 | + preferentialPolicy: '', | |
| 620 | + otherDescription: '', | |
| 621 | + isTemplate: '0', //是否为模板(0.是 1.否) | |
| 622 | + } | |
| 623 | + this.addMing = true | |
| 624 | + }, | |
| 625 | + delM(ids) { | |
| 626 | + const h = this.$createElement; | |
| 627 | + this.$msgbox({ | |
| 628 | + title: '消息', | |
| 629 | + message: h('p', null, [ | |
| 630 | + h('span', null, '是否删除 '), | |
| 631 | + ]), | |
| 632 | + showCancelButton: true, | |
| 633 | + showClose: false, | |
| 634 | + confirmButtonText: '确定', | |
| 635 | + cancelButtonText: '取消', | |
| 636 | + customClass: 'oe-dialog-btn', | |
| 637 | + beforeClose: (action, instance, done) => { | |
| 638 | + if (action === 'confirm') { | |
| 639 | + ceDel({ | |
| 640 | + id: ids | |
| 641 | + }).then(res => { | |
| 642 | + this.getmb() | |
| 643 | + done(); | |
| 644 | + }) | |
| 645 | + } else { | |
| 646 | + done(); | |
| 647 | + } | |
| 648 | + } | |
| 649 | + }) | |
| 650 | + | |
| 651 | + }, | |
| 652 | + addM(e) { | |
| 653 | + this.formInline = e | |
| 654 | + this.addMing = true | |
| 655 | + }, | |
| 656 | + closemblist() { | |
| 657 | + this.modeCode = false | |
| 658 | + }, | |
| 659 | + onSubmit() { | |
| 660 | + | |
| 661 | + }, | |
| 662 | + resetting() { | |
| 663 | + | |
| 664 | + }, | |
| 665 | + handleSizeChange() { | |
| 666 | + | |
| 667 | + }, | |
| 668 | + handleCurrentChange() { | |
| 669 | + | |
| 670 | + }, | |
| 671 | + async getmb() { | |
| 672 | + const res = await ceGetAll(this.querymb) | |
| 673 | + this.tableData = res.data.content | |
| 674 | + this.total = res.data.totalElements | |
| 675 | + }, | |
| 676 | + addmb() { | |
| 677 | + console.error({...this.formInline}) | |
| 678 | + this.formInline.isTemplate = '0' | |
| 679 | + if(this.formInline.id) { | |
| 680 | + if (this.leaseDate.length != 0) { | |
| 681 | + this.formInline.leaseStartDate = this.leaseDate[0] | |
| 682 | + this.formInline.leaseEndDate = this.leaseDate[1] | |
| 683 | + } | |
| 684 | + if (this.paymentDate.length != 0) { | |
| 685 | + this.formInline.paymentStartDate = this.paymentDate[0] | |
| 686 | + this.formInline.paymentEndDate = this.paymentDate[1] | |
| 687 | + } | |
| 688 | + this.$refs.formInline.validate((valid) => { | |
| 689 | + if (valid) { | |
| 690 | + this.formInline.createDate = this.updateCurrentTime() | |
| 691 | + ceEdit(this.formInline).then(res => { | |
| 692 | + this.$message({ | |
| 693 | + message: '修改成功', | |
| 694 | + type: 'success' | |
| 695 | + }) | |
| 696 | + this.addMing = false | |
| 697 | + this.getmb() | |
| 698 | + }) | |
| 699 | + } else { | |
| 700 | + this.$message({ | |
| 701 | + message: '请填写完整信息', | |
| 702 | + type: 'error' | |
| 703 | + }) | |
| 704 | + return false; | |
| 705 | + } | |
| 706 | + }) | |
| 707 | + } else { | |
| 708 | + if (this.leaseDate.length != 0) { | |
| 709 | + this.formInline.leaseStartDate = this.leaseDate[0] | |
| 710 | + this.formInline.leaseEndDate = this.leaseDate[1] | |
| 711 | + } | |
| 712 | + if (this.paymentDate.length != 0) { | |
| 713 | + this.formInline.paymentStartDate = this.paymentDate[0] | |
| 714 | + this.formInline.paymentEndDate = this.paymentDate[1] | |
| 715 | + } | |
| 716 | + this.$refs.formInline.validate((valid) => { | |
| 717 | + if (valid) { | |
| 718 | + this.formInline.createDate = this.updateCurrentTime() | |
| 719 | + ceAdd(this.formInline).then(res => { | |
| 720 | + this.$message({ | |
| 721 | + message: '添加成功', | |
| 722 | + type: 'success' | |
| 723 | + }) | |
| 724 | + this.addMing = false | |
| 725 | + this.getmb() | |
| 726 | + }) | |
| 727 | + } else { | |
| 728 | + this.$message({ | |
| 729 | + message: '请填写完整信息', | |
| 730 | + type: 'error' | |
| 731 | + }) | |
| 732 | + return false; | |
| 733 | + } | |
| 734 | + }) | |
| 735 | + } | |
| 736 | + this.leaseDate = [] | |
| 737 | + this.paymentDate = [] | |
| 738 | + }, | |
| 739 | + closemb() { | |
| 740 | + this.addMing = false | |
| 741 | + }, | |
| 742 | + //获取当前时间 | |
| 743 | + updateCurrentTime() { | |
| 744 | + const now = new Date(); | |
| 745 | + const year = now.getFullYear(); | |
| 746 | + const month = (now.getMonth() + 1).toString().padStart(2, '0'); | |
| 747 | + const day = now.getDate().toString().padStart(2, '0'); | |
| 748 | + const hours = now.getHours().toString().padStart(2, '0'); | |
| 749 | + const minutes = now.getMinutes().toString().padStart(2, '0'); | |
| 750 | + const seconds = now.getSeconds().toString().padStart(2, '0'); | |
| 751 | + | |
| 752 | + return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; | |
| 753 | + }, | |
| 754 | + add() { | |
| 755 | + this.ruleForm.isTemplate = '1' | |
| 756 | + if(this.ruleForm.id) { | |
| 757 | + if (this.leaseDate.length != 0) { | |
| 758 | + this.ruleForm.leaseStartDate = this.leaseDate[0] | |
| 759 | + this.ruleForm.leaseEndDate = this.leaseDate[1] | |
| 760 | + } | |
| 761 | + if (this.paymentDate.length != 0) { | |
| 762 | + this.ruleForm.paymentStartDate = this.paymentDate[0] | |
| 763 | + this.ruleForm.paymentEndDate = this.paymentDate[1] | |
| 764 | + } | |
| 765 | + this.$refs.ruleForm.validate((valid) => { | |
| 766 | + if (valid) { | |
| 767 | + this.ruleForm.createDate = this.updateCurrentTime() | |
| 768 | + ceEdit(this.ruleForm).then(res => { | |
| 769 | + this.$message({ | |
| 770 | + message: '修改成功', | |
| 771 | + type: 'success' | |
| 772 | + }) | |
| 773 | + this.$emit('removeonaction', '1') | |
| 774 | + }) | |
| 775 | + } else { | |
| 776 | + this.$message({ | |
| 777 | + message: '请填写完整信息', | |
| 778 | + type: 'error' | |
| 779 | + }) | |
| 780 | + return false; | |
| 781 | + } | |
| 782 | + }) | |
| 783 | + } else { | |
| 784 | + if (this.leaseDate.length != 0) { | |
| 785 | + this.ruleForm.leaseStartDate = this.leaseDate[0] | |
| 786 | + this.ruleForm.leaseEndDate = this.leaseDate[1] | |
| 787 | + } | |
| 788 | + if (this.paymentDate.length != 0) { | |
| 789 | + this.ruleForm.paymentStartDate = this.paymentDate[0] | |
| 790 | + this.ruleForm.paymentEndDate = this.paymentDate[1] | |
| 791 | + } | |
| 792 | + this.$refs.ruleForm.validate((valid) => { | |
| 793 | + if (valid) { | |
| 794 | + this.ruleForm.createDate = this.updateCurrentTime() | |
| 795 | + ceAdd(this.ruleForm).then(res => { | |
| 796 | + this.$message({ | |
| 797 | + message: '添加成功', | |
| 798 | + type: 'success' | |
| 799 | + }) | |
| 800 | + this.$emit('removeonaction', '1') | |
| 801 | + }) | |
| 802 | + } else { | |
| 803 | + this.$message({ | |
| 804 | + message: '请填写完整信息', | |
| 805 | + type: 'error' | |
| 806 | + }) | |
| 807 | + return false; | |
| 808 | + } | |
| 809 | + }) | |
| 810 | + } | |
| 811 | + this.leaseDate = [] | |
| 812 | + this.paymentDate = [] | |
| 813 | + }, | |
| 814 | + close() { | |
| 815 | + this.$emit('removeonaction', '1') | |
| 816 | + }, | |
| 817 | + changeMode(value) { | |
| 818 | + console.log(value) | |
| 819 | + const pageindex = { | |
| 820 | + pageNumber: 0, | |
| 821 | + pageSize: 10, | |
| 822 | + id: value | |
| 823 | + } | |
| 824 | + ceGetAll(pageindex).then(res => { | |
| 825 | + const { | |
| 826 | + id, | |
| 827 | + createDate, | |
| 828 | + policyTemplate, | |
| 829 | + pageNumber, | |
| 830 | + pageSize, | |
| 831 | + updateDate, | |
| 832 | + ...rest | |
| 833 | + } = res.data.content[0] | |
| 834 | + this.ruleForm = rest | |
| 835 | + this.ruleForm.policyTemplate = value | |
| 836 | + this.ruleForm.rentalPrice = Number(res.data.content[0].rentalPrice) | |
| 837 | + this.$set(this.leaseDate, 0, res.data.content[0].leaseStartDate); | |
| 838 | + this.$set(this.leaseDate, 1, res.data.content[0].leaseEndDate); | |
| 839 | + this.$set(this.paymentDate, 0, res.data.content[0].paymentStartDate); | |
| 840 | + this.$set(this.paymentDate, 1, res.data.content[0].paymentEndDate); | |
| 841 | + | |
| 842 | + }) | |
| 843 | + }, | |
| 844 | + }, | |
| 845 | + }; | |
| 846 | +</script> | |
| 847 | +<style lang="scss"> | |
| 848 | + .el-upload { | |
| 849 | + display: block; | |
| 850 | + /* text-align: left; */ | |
| 851 | + } | |
| 852 | + | |
| 853 | + .video-uploader { | |
| 854 | + .el-upload { | |
| 855 | + text-align: left; | |
| 856 | + } | |
| 857 | + } | |
| 858 | + | |
| 859 | + .el-dialog__header { | |
| 860 | + background-color: #F2F3F5; | |
| 861 | + text-align: left; | |
| 862 | + } | |
| 863 | + | |
| 864 | + .el-dialog__title { | |
| 865 | + line-height: 30px; | |
| 866 | + font-size: 15px; | |
| 867 | + color: #303133; | |
| 868 | + } | |
| 869 | + | |
| 870 | + .demo-input-suffix { | |
| 871 | + display: flex; | |
| 872 | + margin-right: 20px; | |
| 873 | + width: 83%; | |
| 874 | + | |
| 875 | + .el-input__inner { | |
| 876 | + height: 32px; | |
| 877 | + } | |
| 878 | + } | |
| 879 | + | |
| 880 | + .formSearch { | |
| 881 | + display: flex; | |
| 882 | + width: 100%; | |
| 883 | + font-size: 14px; | |
| 884 | + justify-content: space-between; | |
| 885 | + } | |
| 886 | +</style> | ... | ... |
admin-web-master/src/components/chakan/sam.vue
0 → 100644
| 1 | +<template> | |
| 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;"> | |
| 9 | + <el-form :model="editbgid" ref="formInline" label-width="120px" class="demo-ruleForm"> | |
| 10 | + <el-row :gutter="20"> | |
| 11 | + <el-col :span="8"> | |
| 12 | + <el-form-item label="场地名称" prop="venueName"> | |
| 13 | + <div class="duiqi">{{editbgid.venueName || '无'}}</div> | |
| 14 | + </el-form-item> | |
| 15 | + </el-col> | |
| 16 | + <el-col :span="8"> | |
| 17 | + <el-form-item label="场地类型" prop="venueType"> | |
| 18 | + <div class="duiqi">{{editbgid.venueType || '无'}}</div> | |
| 19 | + </el-form-item> | |
| 20 | + </el-col> | |
| 21 | + <el-col :span="8"> | |
| 22 | + <el-form-item label="实际使用面积" prop="actualArea"> | |
| 23 | + <div class="duiqi">{{editbgid.actualArea || '无'}}</div> | |
| 24 | + </el-form-item> | |
| 25 | + </el-col> | |
| 26 | + </el-row> | |
| 27 | + <el-row :gutter="20"> | |
| 28 | + <el-col :span="8"> | |
| 29 | + <el-form-item label="所属区域" prop="district"> | |
| 30 | + <div class="duiqi">{{editbgid.district || '无'}}</div> | |
| 31 | + </el-form-item> | |
| 32 | + </el-col> | |
| 33 | + <el-col :span="8"> | |
| 34 | + <el-form-item label="归属部门" prop="department"> | |
| 35 | + <div class="duiqi">{{editbgid.department || '无'}}</div> | |
| 36 | + </el-form-item> | |
| 37 | + </el-col> | |
| 38 | + <el-col :span="8"> | |
| 39 | + <el-form-item label="负责人" prop="responsiblePerson"> | |
| 40 | + <div class="duiqi">{{editbgid.belongingParkTrail || '无'}}</div> | |
| 41 | + </el-form-item> | |
| 42 | + </el-col> | |
| 43 | + </el-row> | |
| 44 | + <el-row :gutter="20"> | |
| 45 | + <el-col :span="8"> | |
| 46 | + <el-form-item label="联系人" prop="contact"> | |
| 47 | + <div class="duiqi">{{editbgid.contact || '无'}}</div> | |
| 48 | + </el-form-item> | |
| 49 | + </el-col> | |
| 50 | + <el-col :span="8"> | |
| 51 | + <el-form-item label="联系电话" prop="phoneNumber"> | |
| 52 | + <div class="duiqi">{{editbgid.belongingParkTrail || '无'}}</div> | |
| 53 | + </el-form-item> | |
| 54 | + </el-col> | |
| 55 | + </el-row> | |
| 56 | + <el-form-item label="详细位置" prop="detailedLocation"> | |
| 57 | + <div class="duiqi">{{editbgid.detailedLocation || '无'}}</div> | |
| 58 | + </el-form-item> | |
| 59 | + <el-form-item label="地图标点" prop="mapMarker"> | |
| 60 | + <div style="width: 100%;height: 300px;"> | |
| 61 | + <newmap :isx="false" :message="editbgid.mapMarker"></newmap> | |
| 62 | + </div> | |
| 63 | + </el-form-item> | |
| 64 | + <el-form-item label="场地描述" prop="description"> | |
| 65 | + <div class="duiqi">{{editbgid.description || '无'}}</div> | |
| 66 | + </el-form-item> | |
| 67 | + <el-form-item label="规划图纸" prop="planningDrawing"> | |
| 68 | + <div v-if="editbgid.planningDrawing"> | |
| 69 | + <img :src="$baseURL+item" alt="" style="width:140px;height:140px;" | |
| 70 | + v-for="item in editbgid.planningDrawing.split(',')"> | |
| 71 | + </div> | |
| 72 | + <div class="duiqi" v-else>无</div> | |
| 73 | + </el-form-item> | |
| 74 | + <el-form-item label="展示主图" prop="displayImage"> | |
| 75 | + <div > | |
| 76 | + <img :src="$baseURL+item" alt="" style="width:140px;height:140px;" | |
| 77 | + v-for="item in editbgid.displayImage.split(',')"> | |
| 78 | + </div> | |
| 79 | + </el-form-item> | |
| 80 | + <el-form-item label="其他视频" prop="otherImageVideos" > | |
| 81 | + <div class="duiqi" :class="editbgid.otherImageVideos?'greens':''" @click ="editbgid.otherImageVideos?openfile($baseURL+editbgid.otherImageVideos):''">{{editbgid.otherImageVideos?'查看详情':'无'}}</div> | |
| 82 | + </el-form-item> | |
| 83 | + </el-form> | |
| 84 | + </div> | |
| 85 | + </div> | |
| 86 | + </el-tab-pane> | |
| 87 | + <el-tab-pane label="招商方案信息" name="second"> | |
| 88 | + <div style="margin-top: 30px;" class="editcss"> | |
| 89 | + <!-- <TitleWithCircle title="招商方案信息" /> | |
| 90 | + <div style="padding: 20px;"> | |
| 91 | + <el-table :data="datalist1" | |
| 92 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | |
| 93 | + tooltip-effect="dark custom-tooltip-effect"> | |
| 94 | + <el-table-column label="招商方案名称" prop="planName" min-width="200"> | |
| 95 | + </el-table-column> | |
| 96 | + <el-table-column label="创建日期" prop="createTime" min-width="100"> | |
| 97 | + </el-table-column> | |
| 98 | + </el-table> | |
| 99 | + </div> --> | |
| 100 | + <TitleWithCircle title="策略方案" /> | |
| 101 | + <div style="padding: 20px;"> | |
| 102 | + <el-table :data="datalist" | |
| 103 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | |
| 104 | + tooltip-effect="dark custom-tooltip-effect"> | |
| 105 | + <el-table-column label="策略名称" prop="policyName" min-width="200"> | |
| 106 | + </el-table-column> | |
| 107 | + <el-table-column label="适用资源" prop="applicableResources" min-width="100"> | |
| 108 | + </el-table-column> | |
| 109 | + <el-table-column label="经营类型" prop="businessType" min-width="100"> | |
| 110 | + | |
| 111 | + </el-table-column> | |
| 112 | + <el-table-column label="租金价格" prop="rentalPrice" min-width="150"> | |
| 113 | + </el-table-column> | |
| 114 | + <el-table-column label="租期" prop="leaseTerm" min-width="100"> | |
| 115 | + </el-table-column> | |
| 116 | + <el-table-column label="是否出租" prop="isRental" min-width="100"> | |
| 117 | + <template slot-scope="scope"> | |
| 118 | + {{scope.row.isRental == '0'?'否':'是'}} | |
| 119 | + </template> | |
| 120 | + </el-table-column> | |
| 121 | + <el-table-column label="是否自营" prop="planningObjectives" min-width="100"> | |
| 122 | + <template slot-scope="scope"> | |
| 123 | + {{scope.row.isSelfOperated == '0'?'否':'是'}} | |
| 124 | + </template> | |
| 125 | + </el-table-column> | |
| 126 | + </el-table> | |
| 127 | + </div> | |
| 128 | + </div> | |
| 129 | + </el-tab-pane> | |
| 130 | + </el-tabs> | |
| 131 | + </div> | |
| 132 | + <div> | |
| 133 | + <el-button class="buttonHover" | |
| 134 | + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;" | |
| 135 | + @click="changetype">返回</el-button> | |
| 136 | + </div> | |
| 137 | + </div> | |
| 138 | +</template> | |
| 139 | + | |
| 140 | +<script> | |
| 141 | + import MapXian from "@/components/MapContainer/MapXian"; | |
| 142 | + import TitleWithCircle from '@/components/top/index'; | |
| 143 | + import { | |
| 144 | + cereResourceStrategylist, | |
| 145 | + cereBusinessPlan | |
| 146 | + } from '@/api/newly'; | |
| 147 | + import newmap from "@/components/newmap/index"; | |
| 148 | + export default { | |
| 149 | + components: { | |
| 150 | + TitleWithCircle, | |
| 151 | + newmap, | |
| 152 | + MapXian | |
| 153 | + }, | |
| 154 | + props: { | |
| 155 | + leixing: { | |
| 156 | + type: Boolean, | |
| 157 | + default: true | |
| 158 | + }, | |
| 159 | + editbgid: { | |
| 160 | + type: Object, | |
| 161 | + default: function() { | |
| 162 | + return {}; | |
| 163 | + }, | |
| 164 | + }, | |
| 165 | + }, | |
| 166 | + data() { | |
| 167 | + return { | |
| 168 | + xiangTab: 'first', | |
| 169 | + list: [], | |
| 170 | + parentMessage: {}, | |
| 171 | + datalist: [], | |
| 172 | + datalist1:[] | |
| 173 | + } | |
| 174 | + }, | |
| 175 | + created() { | |
| 176 | + if (this.editbgid.id) { | |
| 177 | + let c1 = { | |
| 178 | + pageNumber: 0, | |
| 179 | + pageSize: 10, | |
| 180 | + resourcesId: 'cd' + this.editbgid.id | |
| 181 | + } | |
| 182 | + cereResourceStrategylist(c1).then(res => { | |
| 183 | + console.error(res) | |
| 184 | + this.datalist = res.data | |
| 185 | + }) | |
| 186 | + cereBusinessPlan(c1).then(res => { | |
| 187 | + console.error(res) | |
| 188 | + this.datalist1 = res.data | |
| 189 | + }) | |
| 190 | + | |
| 191 | + } | |
| 192 | + | |
| 193 | + }, | |
| 194 | + computed: { | |
| 195 | + | |
| 196 | + }, | |
| 197 | + methods: { | |
| 198 | + openfile(e) { | |
| 199 | + if (e) { | |
| 200 | + const fullUrl = e; | |
| 201 | + try { | |
| 202 | + window.open(fullUrl, '_blank'); // 在新标签页中打开文件 | |
| 203 | + } catch (error) { | |
| 204 | + console.error('打开文件失败:', error); | |
| 205 | + } | |
| 206 | + } else { | |
| 207 | + console.error('无文件可查看'); | |
| 208 | + } | |
| 209 | + }, | |
| 210 | + changetype() { | |
| 211 | + this.xiangTab = 'first' | |
| 212 | + this.$emit('removeonaction', '1') | |
| 213 | + }, | |
| 214 | + } | |
| 215 | + } | |
| 216 | +</script> | |
| 217 | +<style> | |
| 218 | + .el-form-item__label { | |
| 219 | + color: #a2a2a2; | |
| 220 | + } | |
| 221 | + | |
| 222 | + .greens { | |
| 223 | + color: #3F9B6A; | |
| 224 | + } | |
| 225 | +</style> | ... | ... |
admin-web-master/src/components/resourceCommodity/index.vue
| ... | ... | @@ -101,6 +101,26 @@ |
| 101 | 101 | </el-form-item> |
| 102 | 102 | </el-form> |
| 103 | 103 | </div> |
| 104 | + <TitleWithCircle title="历史发布/下架记录" /> | |
| 105 | + <div style="padding: 20px;"> | |
| 106 | + <el-table :data="datalistxsj" | |
| 107 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | |
| 108 | + tooltip-effect="dark custom-tooltip-effect"> | |
| 109 | + <el-table-column label="类型" prop="type" > | |
| 110 | + </el-table-column> | |
| 111 | + <el-table-column label="操作时间" prop="operationTime" > | |
| 112 | + </el-table-column> | |
| 113 | + <el-table-column label="操作人" prop="operator"> | |
| 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;">{{totalsxj}}</span> 项数据</div> | |
| 118 | + <el-pagination :current-page="pagequerysxj.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequerysxj.pageSize" | |
| 119 | + background small layout="prev, pager, next" :total="totalsxj" @size-change="handleSizeChangesxj" | |
| 120 | + @current-change="handleCurrentChangesxj"> | |
| 121 | + </el-pagination> | |
| 122 | + </div> | |
| 123 | + </div> | |
| 104 | 124 | </div> |
| 105 | 125 | </el-tab-pane> |
| 106 | 126 | <el-tab-pane label="招商方案信息" name="second"> |
| ... | ... | @@ -121,18 +141,19 @@ |
| 121 | 141 | <el-table :data="datalist" |
| 122 | 142 | :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" |
| 123 | 143 | tooltip-effect="dark custom-tooltip-effect"> |
| 124 | - <el-table-column label="策略名称" prop="policyName" min-width="200"> | |
| 144 | + <el-table-column label="策略名称" prop="policyName" > | |
| 125 | 145 | </el-table-column> |
| 126 | - <el-table-column label="适用资源" prop="applicableResources" min-width="100"> | |
| 146 | + <el-table-column label="适用资源" prop="applicableResources" > | |
| 127 | 147 | </el-table-column> |
| 128 | - <el-table-column label="经营类型" prop="businessType" min-width="100"> | |
| 148 | + <!-- <el-table-column label="经营类型" prop="businessType" min-width="100"> | |
| 129 | 149 | |
| 150 | + </el-table-column> --> | |
| 151 | + <el-table-column label="租金价格" prop="rentalPrice"> | |
| 130 | 152 | </el-table-column> |
| 131 | - <el-table-column label="租金价格" prop="rentalPrice" min-width="150"> | |
| 132 | - </el-table-column> | |
| 133 | - <el-table-column label="租期" prop="leaseTerm" min-width="100"> | |
| 153 | + <el-table-column label="付款周期" prop="leaseTerm"> | |
| 134 | 154 | </el-table-column> |
| 135 | - <el-table-column label="是否出租" prop="isRental" min-width="100"> | |
| 155 | + <el-table-column label="付款日" prop="payDay" show-overflow-tooltip></el-table-column> | |
| 156 | + <!-- <el-table-column label="是否出租" prop="isRental" min-width="100"> | |
| 136 | 157 | <template slot-scope="scope"> |
| 137 | 158 | {{scope.row.isRental == '0'?'否':'是'}} |
| 138 | 159 | </template> |
| ... | ... | @@ -141,7 +162,7 @@ |
| 141 | 162 | <template slot-scope="scope"> |
| 142 | 163 | {{scope.row.isSelfOperated == '0'?'否':'是'}} |
| 143 | 164 | </template> |
| 144 | - </el-table-column> | |
| 165 | + </el-table-column> --> | |
| 145 | 166 | </el-table> |
| 146 | 167 | </div> |
| 147 | 168 | </div> |
| ... | ... | @@ -215,7 +236,8 @@ |
| 215 | 236 | import TitleWithCircle from '@/components/top/index'; |
| 216 | 237 | import { |
| 217 | 238 | cereResourceStrategylist, |
| 218 | - cereBusinessPlan | |
| 239 | + cereBusinessPlan, | |
| 240 | + cereBusinessOperationqueryByPage | |
| 219 | 241 | } from '@/api/newly'; |
| 220 | 242 | import newmap from "@/components/newmap/index"; |
| 221 | 243 | export default { |
| ... | ... | @@ -234,11 +256,18 @@ |
| 234 | 256 | }, |
| 235 | 257 | data() { |
| 236 | 258 | return { |
| 259 | + totalsxj:0, | |
| 260 | + pagequerysxj:{ | |
| 261 | + pageNumber: 0, | |
| 262 | + pageSize: 10, | |
| 263 | + resourcesId: 'sp' + this.editbgid.id | |
| 264 | + }, | |
| 237 | 265 | xiangTab: 'first', |
| 238 | 266 | list: [], |
| 239 | 267 | parentMessage: {}, |
| 240 | 268 | datalist: [], |
| 241 | - datalist1:[] | |
| 269 | + datalist1:[], | |
| 270 | + datalistxsj:[] | |
| 242 | 271 | } |
| 243 | 272 | }, |
| 244 | 273 | created() { |
| ... | ... | @@ -266,6 +295,7 @@ |
| 266 | 295 | } |
| 267 | 296 | this.datalist1 = res.data |
| 268 | 297 | }) |
| 298 | + this.getAllxsj() | |
| 269 | 299 | |
| 270 | 300 | } |
| 271 | 301 | }, |
| ... | ... | @@ -273,6 +303,27 @@ |
| 273 | 303 | |
| 274 | 304 | }, |
| 275 | 305 | methods: { |
| 306 | + | |
| 307 | + handleCurrentChangesxj(val) { | |
| 308 | + this.pagequerysxj.pageNumber = val - 1 | |
| 309 | + this.getAllxsj() | |
| 310 | + }, | |
| 311 | + handleSizeChangesxj(val) { | |
| 312 | + this.pagequerysxj.pageSize = val | |
| 313 | + this.pagequerysxj.pageNumber = 0 | |
| 314 | + this.getAllxsj() | |
| 315 | + }, | |
| 316 | + getAllxsj() { | |
| 317 | + cereBusinessOperationqueryByPage(this.pagequerysxj).then(res => { | |
| 318 | + console.error(res) | |
| 319 | + if (!Array.isArray(res.data.content)) { | |
| 320 | + this.datalistxsj = []; | |
| 321 | + return; | |
| 322 | + } | |
| 323 | + this.datalistxsj = res.data.content | |
| 324 | + this.totalsxj = res.data.totalElements | |
| 325 | + }) | |
| 326 | + }, | |
| 276 | 327 | openfile(e) { |
| 277 | 328 | if (e) { |
| 278 | 329 | const fullUrl = e; | ... | ... |
admin-web-master/src/views/detect/information/index.vue
| ... | ... | @@ -96,7 +96,7 @@ |
| 96 | 96 | </el-table> |
| 97 | 97 | <div style="display: flex;justify-content: space-between;" class="bom"> |
| 98 | 98 | <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div> |
| 99 | - <el-pagination :current-page="pagequery.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="10" | |
| 99 | + <el-pagination :current-page="pagequery.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequery.pageSize" | |
| 100 | 100 | background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange" |
| 101 | 101 | @current-change="handleCurrentChange"> |
| 102 | 102 | </el-pagination> |
| ... | ... | @@ -230,6 +230,14 @@ |
| 230 | 230 | }).then(res => { |
| 231 | 231 | this.onSubmit() |
| 232 | 232 | }) |
| 233 | + cereBusinessOperationadd({ | |
| 234 | + type:'发布', | |
| 235 | + resourceId: this.oncetype+this.oninfo.id, | |
| 236 | + operator: localStorage.getItem('roleName'), | |
| 237 | + operationTime: this.gettime() | |
| 238 | + }).then(res => { | |
| 239 | + console.error(res) | |
| 240 | + }) | |
| 233 | 241 | } else { |
| 234 | 242 | this.$message({ |
| 235 | 243 | message: '绑定失败', |
| ... | ... | @@ -348,6 +356,8 @@ |
| 348 | 356 | }, |
| 349 | 357 | handleSizeChange(val) { |
| 350 | 358 | this.pagequery.pageSize = val |
| 359 | + this.pagequery.pageNumber = 0 | |
| 360 | + this.getAll() | |
| 351 | 361 | }, |
| 352 | 362 | // 查询按钮 |
| 353 | 363 | async onSubmit() { | ... | ... |
admin-web-master/src/views/scheme/sam copy.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <div style="background-color:#f7f7f7;padding:10px 10px;"> | |
| 3 | + <div class="zhuti"> | |
| 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 class="demo-input-suffix"> | |
| 12 | + <div style="width:68px;height:36px;line-height:32px;">策略名称</div> | |
| 13 | + <el-input placeholder="请输入" v-model="formSel.policyName" style="width:168px;margin-right: 15px"> | |
| 14 | + </el-input> | |
| 15 | + <div style="width:68px;height:36px;line-height:32px;">适用资源</div> | |
| 16 | + <el-select v-model="formSel.applicableResources" placeholder="请选择" | |
| 17 | + style="width: 100px;margin-right: 5px"> | |
| 18 | + <el-option label="商铺" value="商铺" /> | |
| 19 | + <el-option label="场地" value="场地" /> | |
| 20 | + <el-option label="广告位" value="广告位" /> | |
| 21 | + </el-select> | |
| 22 | + <!-- <div style="width:68px;height:36px;line-height:32px;">租期</div> | |
| 23 | + <el-date-picker style="width:168px;margin-right: 15px" v-model="plan_Time" value-format="yyyy-MM-dd HH:mm:ss" | |
| 24 | + type="datetimerange" range-separator="-" start-placeholder="" end-placeholder="" prefix-icon="none"> | |
| 25 | + </el-date-picker> --> | |
| 26 | + <div style="width:68px;height:36px;line-height:32px;">经营类型</div> | |
| 27 | + <el-input placeholder="请输入" v-model="formSel.businessType" style="width:168px;margin-right: 15px" /> | |
| 28 | + | |
| 29 | + <div style="width:68px;height:36px;line-height:32px;">是否出租</div> | |
| 30 | + <el-select v-model="formSel.isRental" placeholder="请选择" | |
| 31 | + style="width:168px;margin-right: 15px"> | |
| 32 | + <el-option label="自营" value="0" /> | |
| 33 | + <el-option label="是" value="1" /> | |
| 34 | + </el-select> | |
| 35 | + | |
| 36 | + | |
| 37 | + </div> | |
| 38 | + <div> | |
| 39 | + <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">检索 | |
| 40 | + </el-button> | |
| 41 | + <el-button @click="resetting" class="buttonHover" | |
| 42 | + style="color: #000;border: 1px solid #DBDBDB;background-color: #fff;">重置 | |
| 43 | + </el-button> | |
| 44 | + </div> | |
| 45 | + </div> | |
| 46 | + <div style="margin:20px 0;"> | |
| 47 | + <el-button icon="el-icon-circle-plus-outline" @click="addbuss(1)" | |
| 48 | + style="background-color: #3F9B6A;color: #fff;padding:8px 15px;">新增</el-button> | |
| 49 | + </div> | |
| 50 | + | |
| 51 | + <!-- 表格 --> | |
| 52 | + <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" | |
| 53 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | |
| 54 | + > | |
| 55 | + <el-table-column label="序号" min-width="100" > | |
| 56 | + <template slot-scope="scope"> | |
| 57 | + {{scope.$index +1}} | |
| 58 | + </template> | |
| 59 | + </el-table-column> | |
| 60 | + <el-table-column label="策略名称" prop="policyName" min-width="200" > | |
| 61 | + </el-table-column> | |
| 62 | + <el-table-column label="适用资源" prop="applicableResources" min-width="100" > | |
| 63 | + </el-table-column> | |
| 64 | + <el-table-column label="经营类型" prop="businessType" min-width="100"> | |
| 65 | + | |
| 66 | + </el-table-column> | |
| 67 | + <el-table-column label="租金价格" prop="rentalPrice" min-width="150" > | |
| 68 | + </el-table-column> | |
| 69 | + <el-table-column label="租期" prop="leaseTerm" min-width="100" > | |
| 70 | + </el-table-column> | |
| 71 | + <el-table-column label="是否出租" prop="isRental" min-width="100" > | |
| 72 | + <template slot-scope="scope"> | |
| 73 | + {{scope.row.isRental == '0'?'自营':'是'}} | |
| 74 | + </template> | |
| 75 | + </el-table-column> | |
| 76 | + | |
| 77 | + | |
| 78 | + <el-table-column label="操作" min-width="200" > | |
| 79 | + <template slot-scope="scope"> | |
| 80 | + <div @click="handleEditForm(scope.row,1)" class="tableBtn greens">查看</div> | |
| 81 | + <div @click="handleEditForm(scope.row,2)" class="tableBtn greens">编辑</div> | |
| 82 | + <div @click="handleDelete(scope.row)" class="tableBtn greens">删除</div> | |
| 83 | + </template> | |
| 84 | + </el-table-column> | |
| 85 | + </el-table> | |
| 86 | + <div class="fenye"> | |
| 87 | + <el-pagination class="pagination" :hide-on-single-page="flag" background small :current-page="currentPage" | |
| 88 | + :page-sizes="[10, 20, 50, 100]" layout="total,prev, pager,next" :total="total " | |
| 89 | + @size-change="handleSizeChange" @current-change="handleCurrentChange" /> | |
| 90 | + </div> | |
| 91 | + </div> | |
| 92 | + </div> | |
| 93 | + <!-- 详情编辑页 --> | |
| 94 | + <el-dialog :title="xiangqing==1?'详情页':'编辑页'" :visible.sync="xiang" custom-class='bian_css' style="padding: 0;" width="65%" | |
| 95 | + center :close-on-click-modal="false" :show-close="false"> | |
| 96 | + <div style="padding:20px"> | |
| 97 | + <el-form :model="secondData" ref="ruleForm" label-width="80px"> | |
| 98 | + <el-form-item label="策略名称" prop="policyName"> | |
| 99 | + <el-input v-model="secondData.policyName" style="width: 87%;margin-right: 15px" :disabled="xiangqing==1?true:false"></el-input> | |
| 100 | + </el-form-item> | |
| 101 | + <el-form-item label="适用资源" prop="applicableResources"> | |
| 102 | + <el-radio-group v-model="secondData.applicableResources" :disabled="xiangqing==1?true:false"> | |
| 103 | + <el-radio label="商铺" value="商铺">商铺</el-radio> | |
| 104 | + <el-radio label="场地" value="场地">场地</el-radio> | |
| 105 | + <el-radio label="广告位" value="广告位">广告位</el-radio> | |
| 106 | + </el-radio-group> | |
| 107 | + </el-form-item> | |
| 108 | + <el-form-item label="策略模板" prop="policyTemplate"> | |
| 109 | + <el-select v-model="secondData.policyTemplate" style="width: 87%;margin-right: 15px" disabled> | |
| 110 | + <el-option :label="item.policyName" :value="item.id" v-for="(item,index) in modelData" /> | |
| 111 | + </el-select> | |
| 112 | + </el-form-item> | |
| 113 | + <el-row> | |
| 114 | + <el-col :span="12"> | |
| 115 | + <el-form-item label="是否出租" prop="isRental"> | |
| 116 | + <el-select v-model="secondData.isRental" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | |
| 117 | + <el-option label="否" value="0" /> | |
| 118 | + <el-option label="是" value="1" /> | |
| 119 | + </el-select> | |
| 120 | + </el-form-item> | |
| 121 | + </el-col> | |
| 122 | + <el-col :span="12"> | |
| 123 | + <el-form-item label="经营类型" prop="businessType" v-if="secondData.applicableResources == '商铺'"> | |
| 124 | + <el-input v-model="secondData.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" maxlength="50" :disabled="xiangqing==1?true:false"></el-input> | |
| 125 | + </el-form-item> | |
| 126 | + </el-col> | |
| 127 | + </el-row> | |
| 128 | + <el-row> | |
| 129 | + | |
| 130 | + <el-col :span="12"> | |
| 131 | + <el-form-item label="租金价格" prop="rentalPrice"> | |
| 132 | + <el-input v-model="secondData.rentalPrice" style="width: 72%;margin-right: 15px;" :disabled="xiangqing==1?true:false"> | |
| 133 | + <template slot="suffix"><span | |
| 134 | + style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | |
| 135 | + <!-- <i slot="suffix" class="el-input__icon el-icon-date"></i> --> | |
| 136 | + </el-input> | |
| 137 | + | |
| 138 | + </el-form-item> | |
| 139 | + </el-col> | |
| 140 | + <el-col :span="12"> | |
| 141 | + <el-form-item label="付款周期" prop="leaseTerm"> | |
| 142 | + <el-select v-model="secondData.leaseTerm" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | |
| 143 | + <el-option label="日" value="日" /> | |
| 144 | + <el-option label="月" value="月" /> | |
| 145 | + <el-option label="季" value="季" /> | |
| 146 | + <el-option label="年" value="年" /> | |
| 147 | + </el-select> | |
| 148 | + </el-form-item> | |
| 149 | + </el-col> | |
| 150 | + </el-row> | |
| 151 | + | |
| 152 | + <el-row> | |
| 153 | + <el-col :span="12"> | |
| 154 | + <el-form-item label="租赁时段" prop="leaseDate"> | |
| 155 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | |
| 156 | + start-placeholder="开始日期" end-placeholder="结束日期" style="width: 72%;" :disabled="xiangqing==1?true:false"> | |
| 157 | + </el-date-picker> | |
| 158 | + </el-form-item> | |
| 159 | + </el-col> | |
| 160 | + <el-col :span="12"> | |
| 161 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | |
| 162 | + <el-input v-model="secondData.rentFreeCondition" style="width: 72%;" :disabled="xiangqing==1?true:false"></el-input> | |
| 163 | + </el-form-item> | |
| 164 | + </el-col> | |
| 165 | + | |
| 166 | + </el-row> | |
| 167 | + <el-row> | |
| 168 | + <el-col :span="12"> | |
| 169 | + <el-form-item label="免租期" prop="rentFreePeriod"> | |
| 170 | + | |
| 171 | + <el-select v-model="secondData.rentFreePeriod" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | |
| 172 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 173 | + </el-select> | |
| 174 | + </el-form-item> | |
| 175 | + </el-col> | |
| 176 | + <el-col :span="12"> | |
| 177 | + <el-form-item label="付款日" prop="payDay"> | |
| 178 | + | |
| 179 | + <el-select v-model="secondData.payDay" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | |
| 180 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 181 | + </el-select> | |
| 182 | + </el-form-item> | |
| 183 | + </el-col> | |
| 184 | + </el-row> | |
| 185 | + <el-row> | |
| 186 | + <el-col :span="24"> | |
| 187 | + <div style="display: flex;align-items: baseline;" v-if="xiangqing==1" > | |
| 188 | + <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">优惠政策</div> | |
| 189 | + <div style="padding:20px 10px;width:90%;" v-html="secondData.preferentialPolicy" ></div> | |
| 190 | + </div> | |
| 191 | + <el-form-item label="优惠政策" prop="preferentialPolicy" v-else> | |
| 192 | + <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.preferentialPolicy" v-if="xiangqing==1"></div> --> | |
| 193 | + <wangEditor v-model="secondData.preferentialPolicy" ref="editor" :height="100" ></wangEditor> | |
| 194 | + | |
| 195 | + </el-form-item> | |
| 196 | + </el-col> | |
| 197 | + | |
| 198 | + </el-row> | |
| 199 | + <el-row> | |
| 200 | + | |
| 201 | + <el-col :span="24"> | |
| 202 | + <div style="display: flex;align-items: baseline;" v-if="xiangqing==1" > | |
| 203 | + <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">其他说明</div> | |
| 204 | + <div style="padding:20px 10px;width:90%;" v-html="secondData.otherDescription" ></div> | |
| 205 | + </div> | |
| 206 | + <el-form-item label="其他说明" prop="otherDescription" v-else> | |
| 207 | + <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.otherDescription" v-if="xiangqing==1"></div> --> | |
| 208 | + <wangEditor v-model="secondData.otherDescription" ref="editor" :height="100" ></wangEditor> | |
| 209 | + </el-form-item> | |
| 210 | + </el-col> | |
| 211 | + | |
| 212 | + </el-row> | |
| 213 | + </el-form> | |
| 214 | + <div style="display: flex;justify-content: flex-end;margin-top:20px;"> | |
| 215 | + <el-button @click="closexaing(1)" class="buttonHover" | |
| 216 | + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消</el-button> | |
| 217 | + <el-button @click="addCheck()" | |
| 218 | + | |
| 219 | + style="background-color: #3F9B6A;color: #fff" v-if="xiangqing==2">确定</el-button> | |
| 220 | + | |
| 221 | + | |
| 222 | + </div> | |
| 223 | + </div> | |
| 224 | + | |
| 225 | + </el-dialog> | |
| 226 | + <samXin :xinShow="ggXin" @childClose='childClose'></samXin> | |
| 227 | + </div> | |
| 228 | +</template> | |
| 229 | + | |
| 230 | +<script> | |
| 231 | + import { | |
| 232 | + ceGetAll, | |
| 233 | + ceAdd, | |
| 234 | + ceEdit, | |
| 235 | + ceDel, | |
| 236 | + } from '../../api/sam.js' | |
| 237 | + import wangEditor from "@/components/editor/index" | |
| 238 | + import upimg from "@/components/ImageUpload/index" | |
| 239 | +import samXin from "./samXin" | |
| 240 | + import { | |
| 241 | + uploadUrl | |
| 242 | + } from '@/utils/request' | |
| 243 | + export default { | |
| 244 | + components: { wangEditor ,upimg,samXin}, | |
| 245 | + data() { | |
| 246 | + return { | |
| 247 | + formInline: {}, | |
| 248 | + upload:uploadUrl, | |
| 249 | + plan_Time:[], | |
| 250 | + formSel: { | |
| 251 | + policyName:'', | |
| 252 | + applicableResources:'', | |
| 253 | + businessType:'', | |
| 254 | + isRental:'', | |
| 255 | + isSelfOperated:'', | |
| 256 | + pageNumber: 1, | |
| 257 | + pageSize: 10, | |
| 258 | + }, | |
| 259 | + secondData: {}, | |
| 260 | + xiangqing:0, | |
| 261 | + xiang:false, | |
| 262 | + currentPage: 1, | |
| 263 | + total: 0, | |
| 264 | + flag: false, | |
| 265 | + pageSize: 10, | |
| 266 | + ggXin: false, | |
| 267 | + tableData: [], | |
| 268 | + pageindex: { | |
| 269 | + pageNumber: 0, | |
| 270 | + pageSize: 10, | |
| 271 | + isTemplate: '1' | |
| 272 | + }, | |
| 273 | + Modelpageindex: { | |
| 274 | + pageNumber: 1, | |
| 275 | + pageSize: 10, | |
| 276 | + isTemplate: '0' | |
| 277 | + }, | |
| 278 | + fileList: [], | |
| 279 | + paymentDate:[], | |
| 280 | + leaseDate:[], | |
| 281 | + modelData:[] | |
| 282 | + } | |
| 283 | + }, | |
| 284 | + | |
| 285 | + created() { | |
| 286 | + | |
| 287 | + | |
| 288 | + }, | |
| 289 | + mounted() { | |
| 290 | +this.getAll() | |
| 291 | + }, | |
| 292 | + | |
| 293 | + methods: { | |
| 294 | + //查询全数据 | |
| 295 | + async getAll() { | |
| 296 | + const res = await ceGetAll(this.pageindex) | |
| 297 | + this.tableData = res.data.content | |
| 298 | + this.total = res.data.content.length | |
| 299 | + const ce = await ceGetAll(this.Modelpageindex) | |
| 300 | + this.modelData = ce.data.content | |
| 301 | + }, | |
| 302 | + | |
| 303 | + //删除记录按钮 | |
| 304 | + handleDelete(val) { | |
| 305 | + const h = this.$createElement; | |
| 306 | + this.$msgbox({ | |
| 307 | + title: '消息', | |
| 308 | + message: h('p', null, [ | |
| 309 | + h('span', null, '是否删除 '), | |
| 310 | + ]), | |
| 311 | + showCancelButton: true, | |
| 312 | + showClose: false, | |
| 313 | + confirmButtonText: '确定', | |
| 314 | + cancelButtonText: '取消', | |
| 315 | + customClass: 'oe-dialog-btn', | |
| 316 | + beforeClose: (action, instance, done) => { | |
| 317 | + if (action === 'confirm') { | |
| 318 | + ceDel({ | |
| 319 | + id: val.id | |
| 320 | + }).then(res => { | |
| 321 | + this.getAll() | |
| 322 | + done(); | |
| 323 | + }) | |
| 324 | + } else { | |
| 325 | + done(); | |
| 326 | + } | |
| 327 | + } | |
| 328 | + }) | |
| 329 | + | |
| 330 | + }, | |
| 331 | + //查询 | |
| 332 | + async onSubmit() { | |
| 333 | + if(this.plan_Time.length!=0){ | |
| 334 | + this.formSel.leaseStartDate = this.plan_Time[0] | |
| 335 | + this.formSel.leaseEndDate = this.plan_Time[1] | |
| 336 | + } | |
| 337 | + this.formSel.isTemplate = '1' | |
| 338 | + const { createUser, createDate, ...rest } = this.formSel | |
| 339 | + | |
| 340 | + // 将剩余的字段存储到this.zhong对象中 | |
| 341 | + this.formSel = rest | |
| 342 | + | |
| 343 | + const res = await ceGetAll(this.formSel) | |
| 344 | + this.tableData = res.data.content | |
| 345 | + this.total = res.data.content.length | |
| 346 | + }, | |
| 347 | + | |
| 348 | + //详情点击 | |
| 349 | + handleEditForm(item,val) { | |
| 350 | + this.secondData = item | |
| 351 | + this.xiangqing = val | |
| 352 | + this.xiang = true | |
| 353 | + this.paymentDate[0] = item.paymentStartDate | |
| 354 | + this.paymentDate[1] = item.paymentEndDate | |
| 355 | + this.leaseDate[0] = item.leaseStartDate | |
| 356 | + this.leaseDate[1] = item.leaseEndDate | |
| 357 | + }, | |
| 358 | + | |
| 359 | + handleCurrentChange(val) { | |
| 360 | + this.currentPage = val | |
| 361 | + }, | |
| 362 | + handleSizeChange(val) { | |
| 363 | + this.pageSize = val | |
| 364 | + }, | |
| 365 | + closeFn() { | |
| 366 | + this.ggXin = false | |
| 367 | + }, | |
| 368 | + closexaing(val){ | |
| 369 | + | |
| 370 | + this.xiang = false | |
| 371 | + }, | |
| 372 | + handleClick() { | |
| 373 | + | |
| 374 | + }, | |
| 375 | + //上传 | |
| 376 | + | |
| 377 | + handlePreview(file) { | |
| 378 | + console.log(file); | |
| 379 | + }, | |
| 380 | + handleRemove(file, fileList) { | |
| 381 | + console.log(file, fileList); | |
| 382 | + }, | |
| 383 | + //重置按钮 | |
| 384 | + resetting() { | |
| 385 | + this.formSel = { | |
| 386 | + | |
| 387 | + policyName:'', | |
| 388 | + applicableResources:'', | |
| 389 | + businessType:'', | |
| 390 | + isRental:'', | |
| 391 | + isSelfOperated:'', | |
| 392 | + pageNumber: 1, | |
| 393 | + pageSize: 10, | |
| 394 | + | |
| 395 | + | |
| 396 | + }, | |
| 397 | + this.getAll() | |
| 398 | + | |
| 399 | + }, | |
| 400 | + childClose(msg) { | |
| 401 | + this.ggXin = msg | |
| 402 | + this.getAll() | |
| 403 | + }, | |
| 404 | + addbuss(){ | |
| 405 | + this.ggXin = true | |
| 406 | + }, | |
| 407 | + // 编辑确定 | |
| 408 | + async addCheck(){ | |
| 409 | + if (this.leaseDate.length !=0) { | |
| 410 | + this.secondData.leaseStartDate = this.leaseDate[0] | |
| 411 | + this.secondData.leaseEndDate = this.leaseDate[1] | |
| 412 | + } | |
| 413 | + if (this.paymentDate.length !=0) { | |
| 414 | + this.secondData.paymentStartDate = this.paymentDate[0] | |
| 415 | + this.secondData.paymentEndDate = this.paymentDate[1] | |
| 416 | + } | |
| 417 | + await ceEdit(this.secondData) | |
| 418 | + this.xiang = false | |
| 419 | + this.getAll() | |
| 420 | + }, | |
| 421 | + } | |
| 422 | + } | |
| 423 | +</script> | |
| 424 | +<style src="@wangeditor/editor/dist/css/style.css"></style> | |
| 425 | +<style scoped> | |
| 426 | + /deep/ .first-column-bg { | |
| 427 | + background-color: #f4f4f5 !important; | |
| 428 | + } | |
| 429 | + | |
| 430 | + .zhuti { | |
| 431 | + padding: 0 20px 20px 20px; | |
| 432 | + min-height: calc(100vh - 50px - 20px); | |
| 433 | + background-color: #Fff; | |
| 434 | + | |
| 435 | + } | |
| 436 | + | |
| 437 | + /deep/ .el-form-item__content { | |
| 438 | + line-height: 0; | |
| 439 | + } | |
| 440 | + | |
| 441 | + ::v-deep .xinForm .el-form-item__content { | |
| 442 | + line-height: 3; | |
| 443 | + } | |
| 444 | + | |
| 445 | + .tableBtn { | |
| 446 | + display: inline-block; | |
| 447 | + margin-right: 10px; | |
| 448 | + cursor: pointer; | |
| 449 | + } | |
| 450 | + | |
| 451 | + | |
| 452 | + | |
| 453 | + .greens { | |
| 454 | + color: #3F9B6A; | |
| 455 | + } | |
| 456 | + | |
| 457 | + | |
| 458 | + .fenye { | |
| 459 | + margin-top: 20px; | |
| 460 | + display: flex; | |
| 461 | + justify-content: flex-end; | |
| 462 | + position: relative; | |
| 463 | + } | |
| 464 | + | |
| 465 | + /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { | |
| 466 | + background-color: #3F9B6A; | |
| 467 | + } | |
| 468 | + | |
| 469 | + .el-row { | |
| 470 | + margin-bottom: 20px; | |
| 471 | + } | |
| 472 | + | |
| 473 | + :last-child { | |
| 474 | + margin-bottom: 0; | |
| 475 | + } | |
| 476 | + | |
| 477 | + .el-col { | |
| 478 | + border-radius: 4px; | |
| 479 | + } | |
| 480 | + | |
| 481 | + .bg-purple-dark { | |
| 482 | + background: #99a9bf; | |
| 483 | + } | |
| 484 | + | |
| 485 | + .bg-purple { | |
| 486 | + /* background: #d3dce6; */ | |
| 487 | + } | |
| 488 | + | |
| 489 | + .bg-purple-light { | |
| 490 | + background: #e5e9f2; | |
| 491 | + } | |
| 492 | + | |
| 493 | + .grid-content { | |
| 494 | + border-radius: 4px; | |
| 495 | + min-height: 36px; | |
| 496 | + } | |
| 497 | + | |
| 498 | + .row-bg { | |
| 499 | + padding: 10px 0; | |
| 500 | + background-color: #f9fafc; | |
| 501 | + } | |
| 502 | + | |
| 503 | + /deep/ .bg-purple[data-v-0e3fe4ec] { | |
| 504 | + background: #fff; | |
| 505 | + height: 50px; | |
| 506 | + } | |
| 507 | + | |
| 508 | + /deep/ .el-form--label-top .el-form-item__label { | |
| 509 | + padding: 0; | |
| 510 | + } | |
| 511 | + | |
| 512 | + .demo-input-suffix { | |
| 513 | + display: flex; | |
| 514 | + margin-right: 20px; | |
| 515 | + width: 83%; | |
| 516 | + } | |
| 517 | + | |
| 518 | + .pagination { | |
| 519 | + text-align: right; | |
| 520 | + line-height: 20px; | |
| 521 | + } | |
| 522 | + | |
| 523 | + | |
| 524 | + | |
| 525 | + /deep/ .dialog_css { | |
| 526 | + margin-top: 11vh; | |
| 527 | + margin-left: 13%; | |
| 528 | + padding: 0px; | |
| 529 | + | |
| 530 | + .el-dialog__title { | |
| 531 | + font-size: 12px; | |
| 532 | + } | |
| 533 | + } | |
| 534 | + | |
| 535 | + /deep/.el-dialog__body { | |
| 536 | + padding: 0px; | |
| 537 | + } | |
| 538 | + | |
| 539 | + /deep/ .el-dialog__header { | |
| 540 | + background-color: #fff; | |
| 541 | + } | |
| 542 | + | |
| 543 | + /deep/.el-dialog__title { | |
| 544 | + color: #000; | |
| 545 | + } | |
| 546 | + | |
| 547 | + .el-row { | |
| 548 | + margin-bottom: 20px; | |
| 549 | + | |
| 550 | + &:last-child { | |
| 551 | + margin-bottom: 0; | |
| 552 | + } | |
| 553 | + } | |
| 554 | + | |
| 555 | + /deep/ .avatar-uploader .el-upload { | |
| 556 | + border: 1px dashed #d9d9d9; | |
| 557 | + border-radius: 6px; | |
| 558 | + cursor: pointer; | |
| 559 | + position: relative; | |
| 560 | + overflow: hidden; | |
| 561 | + } | |
| 562 | + | |
| 563 | + .avatar-uploader .el-upload:hover { | |
| 564 | + border-color: #409EFF; | |
| 565 | + } | |
| 566 | + | |
| 567 | + .avatar-uploader-icon { | |
| 568 | + font-size: 28px; | |
| 569 | + color: #8c939d; | |
| 570 | + width: 108px; | |
| 571 | + height: 108px; | |
| 572 | + line-height: 108px; | |
| 573 | + /*text-align: center;*/ | |
| 574 | + } | |
| 575 | + | |
| 576 | + .avatar { | |
| 577 | + width: 108px; | |
| 578 | + height: 108px; | |
| 579 | + display: block; | |
| 580 | + } | |
| 581 | + | |
| 582 | + ::v-deep .el-tabs__item.is-active { | |
| 583 | + color: #3F9B6A; | |
| 584 | + opacity: 1; | |
| 585 | + } | |
| 586 | + | |
| 587 | + /deep/ .el-tabs__nav-wrap::after { | |
| 588 | + background-color: #fff; | |
| 589 | + } | |
| 590 | + | |
| 591 | + ::v-deep .el-tabs__item:hover { | |
| 592 | + color: #3F9B6A; | |
| 593 | + cursor: pointer; | |
| 594 | + opacity: 1; | |
| 595 | + } | |
| 596 | + | |
| 597 | + /deep/ .el-tabs__active-bar { | |
| 598 | + background-color: #389865; | |
| 599 | + } | |
| 600 | + | |
| 601 | + /deep/ .el-table_2_column_13 { | |
| 602 | + font-weight: 100; | |
| 603 | + } | |
| 604 | + | |
| 605 | + ::v-deep .el-input__inner:focus { | |
| 606 | + border: #3F9B6A 1px solid; | |
| 607 | + } | |
| 608 | + | |
| 609 | + ::v-deep .el-input__inner:hover { | |
| 610 | + border: #3F9B6A 1px solid; | |
| 611 | + } | |
| 612 | + | |
| 613 | + ::v-deep .el-select .el-input.is-focus .el-input__inner { | |
| 614 | + border-color: #3F9B6A | |
| 615 | + } | |
| 616 | + | |
| 617 | + /* ::v-deep .el-steps .el-step__head.is-wait { | |
| 618 | + background-color: red; /* 修改为你想要的颜色 */ | |
| 619 | + | |
| 620 | + /* 修改未进行步骤的描述文字颜色 */ | |
| 621 | + ::v-deep .el-steps .el-step__description.is-wait { | |
| 622 | + color: #999; | |
| 623 | + /* 修改为你想要的颜色 */ | |
| 624 | + } | |
| 625 | + | |
| 626 | + /* 修改未进行步骤的图标颜色 */ | |
| 627 | + ::v-deep .el-steps .el-step__icon.is-text.is-wait { | |
| 628 | + color: #999; | |
| 629 | + /* 修改为你想要的颜色 */ | |
| 630 | + } | |
| 631 | + | |
| 632 | + /* 修改未进行步骤的边框色 */ | |
| 633 | + ::v-deep .el-steps .el-step__line.is-wait { | |
| 634 | + border-color: #eee; | |
| 635 | + /* 修改为你想要的颜色 */ | |
| 636 | + } | |
| 637 | + | |
| 638 | + ::v-deep .el-steps .is-process .el-step__line { | |
| 639 | + background-color: #3F9B6A; | |
| 640 | + /* 修改线的颜色 */ | |
| 641 | + } | |
| 642 | + | |
| 643 | + ::v-deep .el-steps .is-process .el-step__title { | |
| 644 | + color: #fe7b6a; | |
| 645 | + /* 修改进行中步骤的标题颜色 */ | |
| 646 | + } | |
| 647 | + | |
| 648 | + ::v-deep .el-steps .is-process .el-step__icon { | |
| 649 | + color: #fff; | |
| 650 | + /* 修改进行中步骤的图标颜色 */ | |
| 651 | + background: #3F9B6A; | |
| 652 | + /* 修改进行中步骤图标的边框颜色 */ | |
| 653 | + border: 0px; | |
| 654 | + } | |
| 655 | + | |
| 656 | + ::v-deep .el-step__icon-inner { | |
| 657 | + line-height: 0 | |
| 658 | + } | |
| 659 | + | |
| 660 | + /* 线条长度 */ | |
| 661 | + ::v-deep .el-step.is-vertical .el-step__line { | |
| 662 | + top: 30px; | |
| 663 | + height: 60px; | |
| 664 | + } | |
| 665 | + | |
| 666 | + | |
| 667 | + ::v-deep .el-date-editor .el-range-separator { | |
| 668 | + line-height: 24px; | |
| 669 | + } | |
| 670 | + | |
| 671 | +</style> | |
| 672 | +<style lang="scss" scoped> | |
| 673 | + ::v-deep .xinFrom{ | |
| 674 | + padding-top:20px; | |
| 675 | + .el-input--mini .el-input__inner{ | |
| 676 | + height:36px; | |
| 677 | + line-height:36px; | |
| 678 | + } | |
| 679 | + .el-range-editor--mini.el-input__inner{ | |
| 680 | + height:36px; | |
| 681 | + width:100%; | |
| 682 | + } | |
| 683 | + } | |
| 684 | + ::v-deep .buttonHover:hover{ | |
| 685 | + color:#3f9b6a !important; | |
| 686 | + border-color: #c5e1d2 !important; | |
| 687 | + background-color: #ecf5f0 !important; | |
| 688 | + outline: none; | |
| 689 | + } | |
| 690 | +::v-deep .el-pagination__total { | |
| 691 | + position: absolute; | |
| 692 | + left: 10px; | |
| 693 | + } | |
| 694 | + ::v-deep .formSearch { | |
| 695 | + display: flex; | |
| 696 | + width: 100%; | |
| 697 | + font-size: 14px; | |
| 698 | + justify-content: space-between; | |
| 699 | + } | |
| 700 | + ::v-deep .el-radio-group{ | |
| 701 | + padding-top:14px; | |
| 702 | + } | |
| 703 | + ::v-deep .el-radio{ | |
| 704 | + font-weight:100 !important; | |
| 705 | + } | |
| 706 | + ::v-deep .bian_css{ | |
| 707 | + overflow-y:initial !important; | |
| 708 | + } | |
| 709 | +</style> | ... | ... |
admin-web-master/src/views/scheme/sam.vue
| 1 | 1 | <template> |
| 2 | 2 | <div style="background-color:#f7f7f7;padding:10px 10px;"> |
| 3 | - <div class="zhuti"> | |
| 3 | + <div class="zhuti" v-if="onaction == '1'"> | |
| 4 | 4 | <div style="height:58px;line-height:58px;"> |
| 5 | 5 | <div style="color:#0006"> <span>招商方案管理</span> <span style="padding:0 5px;">></span> <span |
| 6 | 6 | style="color:#000000e6">策略管理</span></div> |
| ... | ... | @@ -13,13 +13,12 @@ |
| 13 | 13 | <el-input placeholder="请输入" v-model="formSel.policyName" style="width:168px;margin-right: 15px"> |
| 14 | 14 | </el-input> |
| 15 | 15 | <div style="width:68px;height:36px;line-height:32px;">适用资源</div> |
| 16 | - <el-select v-model="formSel.applicableResources" placeholder="请选择" | |
| 17 | - style="width: 100px;margin-right: 5px"> | |
| 16 | + <el-select v-model="formSel.applicableResources" placeholder="请选择" style="width: 100px;margin-right: 5px"> | |
| 18 | 17 | <el-option label="商铺" value="商铺" /> |
| 19 | 18 | <el-option label="场地" value="场地" /> |
| 20 | 19 | <el-option label="广告位" value="广告位" /> |
| 21 | 20 | </el-select> |
| 22 | - <!-- <div style="width:68px;height:36px;line-height:32px;">租期</div> | |
| 21 | + <!-- <div style="width:68px;height:36px;line-height:32px;">租期</div> | |
| 23 | 22 | <el-date-picker style="width:168px;margin-right: 15px" v-model="plan_Time" value-format="yyyy-MM-dd HH:mm:ss" |
| 24 | 23 | type="datetimerange" range-separator="-" start-placeholder="" end-placeholder="" prefix-icon="none"> |
| 25 | 24 | </el-date-picker> --> |
| ... | ... | @@ -27,8 +26,7 @@ |
| 27 | 26 | <el-input placeholder="请输入" v-model="formSel.businessType" style="width:168px;margin-right: 15px" /> |
| 28 | 27 | |
| 29 | 28 | <div style="width:68px;height:36px;line-height:32px;">是否出租</div> |
| 30 | - <el-select v-model="formSel.isRental" placeholder="请选择" | |
| 31 | - style="width:168px;margin-right: 15px"> | |
| 29 | + <el-select v-model="formSel.isRental" placeholder="请选择" style="width:168px;margin-right: 15px"> | |
| 32 | 30 | <el-option label="自营" value="0" /> |
| 33 | 31 | <el-option label="是" value="1" /> |
| 34 | 32 | </el-select> |
| ... | ... | @@ -36,7 +34,7 @@ |
| 36 | 34 | |
| 37 | 35 | </div> |
| 38 | 36 | <div> |
| 39 | - <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">检索 | |
| 37 | + <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询 | |
| 40 | 38 | </el-button> |
| 41 | 39 | <el-button @click="resetting" class="buttonHover" |
| 42 | 40 | style="color: #000;border: 1px solid #DBDBDB;background-color: #fff;">重置 |
| ... | ... | @@ -44,65 +42,96 @@ |
| 44 | 42 | </div> |
| 45 | 43 | </div> |
| 46 | 44 | <div style="margin:20px 0;"> |
| 47 | - <el-button icon="el-icon-circle-plus-outline" @click="addbuss(1)" | |
| 45 | + <el-button icon="el-icon-circle-plus-outline" @click="removeonaction('2')" | |
| 48 | 46 | style="background-color: #3F9B6A;color: #fff;padding:8px 15px;">新增</el-button> |
| 49 | 47 | </div> |
| 50 | 48 | |
| 51 | 49 | <!-- 表格 --> |
| 52 | 50 | <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" |
| 53 | - :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | |
| 54 | - > | |
| 55 | - <el-table-column label="序号" min-width="100" > | |
| 51 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"> | |
| 52 | + <el-table-column label="序号" min-width="100"> | |
| 56 | 53 | <template slot-scope="scope"> |
| 57 | 54 | {{scope.$index +1}} |
| 58 | - </template> | |
| 55 | + </template> | |
| 59 | 56 | </el-table-column> |
| 60 | - <el-table-column label="策略名称" prop="policyName" min-width="200" > | |
| 57 | + <el-table-column label="策略名称" prop="policyName" min-width="200"> | |
| 61 | 58 | </el-table-column> |
| 62 | - <el-table-column label="适用资源" prop="applicableResources" min-width="100" > | |
| 59 | + <el-table-column label="适用资源" prop="applicableResources" min-width="100"> | |
| 63 | 60 | </el-table-column> |
| 64 | 61 | <el-table-column label="经营类型" prop="businessType" min-width="100"> |
| 65 | 62 | |
| 66 | 63 | </el-table-column> |
| 67 | - <el-table-column label="租金价格" prop="rentalPrice" min-width="150" > | |
| 64 | + <el-table-column label="租金价格" prop="rentalPrice" min-width="150"> | |
| 68 | 65 | </el-table-column> |
| 69 | - <el-table-column label="租期" prop="leaseTerm" min-width="100" > | |
| 66 | + <el-table-column label="租期" prop="leaseTerm" min-width="100"> | |
| 70 | 67 | </el-table-column> |
| 71 | - <el-table-column label="是否出租" prop="isRental" min-width="100" > | |
| 68 | + <el-table-column label="是否出租" prop="isRental" min-width="100"> | |
| 72 | 69 | <template slot-scope="scope"> |
| 73 | 70 | {{scope.row.isRental == '0'?'自营':'是'}} |
| 74 | - </template> | |
| 71 | + </template> | |
| 75 | 72 | </el-table-column> |
| 76 | 73 | |
| 77 | 74 | |
| 78 | - <el-table-column label="操作" min-width="200" > | |
| 75 | + <el-table-column label="操作" min-width="200"> | |
| 79 | 76 | <template slot-scope="scope"> |
| 80 | 77 | <div @click="handleEditForm(scope.row,1)" class="tableBtn greens">查看</div> |
| 81 | - <div @click="handleEditForm(scope.row,2)" class="tableBtn greens">编辑</div> | |
| 78 | + <div @click="removeinfo(scope.row)" class="tableBtn greens">编辑</div> | |
| 82 | 79 | <div @click="handleDelete(scope.row)" class="tableBtn greens">删除</div> |
| 83 | 80 | </template> |
| 84 | 81 | </el-table-column> |
| 85 | 82 | </el-table> |
| 86 | - <div class="fenye"> | |
| 87 | - <el-pagination class="pagination" :hide-on-single-page="flag" background small :current-page="currentPage" | |
| 88 | - :page-sizes="[10, 20, 50, 100]" layout="total,prev, pager,next" :total="total " | |
| 89 | - @size-change="handleSizeChange" @current-change="handleCurrentChange" /> | |
| 83 | + <div style="display: flex;justify-content: space-between;" class="bom"> | |
| 84 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div> | |
| 85 | + <el-pagination :current-page="pageindex.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pageindex.pageSize" | |
| 86 | + background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange" | |
| 87 | + @current-change="handleCurrentChange"> | |
| 88 | + </el-pagination> | |
| 90 | 89 | </div> |
| 91 | 90 | </div> |
| 92 | 91 | </div> |
| 92 | + <div class="zhuti" v-if="onaction == '2'"> | |
| 93 | + <div style="height:58px;line-height:58px;"> | |
| 94 | + <div style="color:#0006"> <span>策略管理</span> <span style="padding:0 5px;">></span> <span | |
| 95 | + style="color:#000000e6">新增</span></div> | |
| 96 | + </div> | |
| 97 | + | |
| 98 | + <div style="padding: 20px 20px 20px 0;"> | |
| 99 | + <addsam @removeonaction="removeonaction"></addsam> | |
| 100 | + </div> | |
| 101 | + </div> | |
| 102 | + <div class="zhuti" v-if="onaction == '3'"> | |
| 103 | + <div style="height:58px;line-height:58px;"> | |
| 104 | + <div style="color:#0006"> <span>策略管理</span> <span style="padding:0 5px;">></span> <span | |
| 105 | + style="color:#000000e6">查看</span></div> | |
| 106 | + </div> | |
| 107 | + <div> | |
| 108 | + <sam :editbgid="detailsinfo" @removeonaction="removeonaction"></sam> | |
| 109 | + </div> | |
| 110 | + </div> | |
| 111 | + <div class="zhuti" v-if="onaction == '4'"> | |
| 112 | + <div style="height:58px;line-height:58px;"> | |
| 113 | + <div style="color:#0006"> <span>策略管理</span> <span style="padding:0 5px;">></span> <span | |
| 114 | + style="color:#000000e6">编辑</span></div> | |
| 115 | + </div> | |
| 116 | + | |
| 117 | + <div style="padding: 20px 20px 20px 0;"> | |
| 118 | + <addsam :info="detailsinfo" @removeonaction="removeonaction"></addsam> | |
| 119 | + </div> | |
| 120 | + </div> | |
| 93 | 121 | <!-- 详情编辑页 --> |
| 94 | - <el-dialog :title="xiangqing==1?'详情页':'编辑页'" :visible.sync="xiang" custom-class='bian_css' style="padding: 0;" width="65%" | |
| 95 | - center :close-on-click-modal="false" :show-close="false"> | |
| 122 | + <el-dialog :title="xiangqing==1?'详情页':'编辑页'" :visible.sync="xiang" custom-class='bian_css' style="padding: 0;" | |
| 123 | + width="65%" center :close-on-click-modal="false" :show-close="false"> | |
| 96 | 124 | <div style="padding:20px"> |
| 97 | - <el-form :model="secondData" ref="ruleForm" label-width="80px"> | |
| 125 | + <el-form :model="secondData" ref="ruleForm" label-width="80px"> | |
| 98 | 126 | <el-form-item label="策略名称" prop="policyName"> |
| 99 | - <el-input v-model="secondData.policyName" style="width: 87%;margin-right: 15px" :disabled="xiangqing==1?true:false"></el-input> | |
| 127 | + <el-input v-model="secondData.policyName" style="width: 87%;margin-right: 15px" | |
| 128 | + :disabled="xiangqing==1?true:false"></el-input> | |
| 100 | 129 | </el-form-item> |
| 101 | 130 | <el-form-item label="适用资源" prop="applicableResources"> |
| 102 | 131 | <el-radio-group v-model="secondData.applicableResources" :disabled="xiangqing==1?true:false"> |
| 103 | - <el-radio label="商铺" value="商铺">商铺</el-radio> | |
| 104 | - <el-radio label="场地" value="场地">场地</el-radio> | |
| 105 | - <el-radio label="广告位" value="广告位">广告位</el-radio> | |
| 132 | + <el-radio label="商铺" value="商铺">商铺</el-radio> | |
| 133 | + <el-radio label="场地" value="场地">场地</el-radio> | |
| 134 | + <el-radio label="广告位" value="广告位">广告位</el-radio> | |
| 106 | 135 | </el-radio-group> |
| 107 | 136 | </el-form-item> |
| 108 | 137 | <el-form-item label="策略模板" prop="policyTemplate"> |
| ... | ... | @@ -113,7 +142,8 @@ |
| 113 | 142 | <el-row> |
| 114 | 143 | <el-col :span="12"> |
| 115 | 144 | <el-form-item label="是否出租" prop="isRental"> |
| 116 | - <el-select v-model="secondData.isRental" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | |
| 145 | + <el-select v-model="secondData.isRental" style="width: 72%;margin-right: 15px" | |
| 146 | + :disabled="xiangqing==1?true:false"> | |
| 117 | 147 | <el-option label="否" value="0" /> |
| 118 | 148 | <el-option label="是" value="1" /> |
| 119 | 149 | </el-select> |
| ... | ... | @@ -121,7 +151,8 @@ |
| 121 | 151 | </el-col> |
| 122 | 152 | <el-col :span="12"> |
| 123 | 153 | <el-form-item label="经营类型" prop="businessType" v-if="secondData.applicableResources == '商铺'"> |
| 124 | - <el-input v-model="secondData.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" maxlength="50" :disabled="xiangqing==1?true:false"></el-input> | |
| 154 | + <el-input v-model="secondData.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" | |
| 155 | + maxlength="50" :disabled="xiangqing==1?true:false"></el-input> | |
| 125 | 156 | </el-form-item> |
| 126 | 157 | </el-col> |
| 127 | 158 | </el-row> |
| ... | ... | @@ -129,7 +160,8 @@ |
| 129 | 160 | |
| 130 | 161 | <el-col :span="12"> |
| 131 | 162 | <el-form-item label="租金价格" prop="rentalPrice"> |
| 132 | - <el-input v-model="secondData.rentalPrice" style="width: 72%;margin-right: 15px;" :disabled="xiangqing==1?true:false"> | |
| 163 | + <el-input v-model="secondData.rentalPrice" style="width: 72%;margin-right: 15px;" | |
| 164 | + :disabled="xiangqing==1?true:false"> | |
| 133 | 165 | <template slot="suffix"><span |
| 134 | 166 | style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> |
| 135 | 167 | <!-- <i slot="suffix" class="el-input__icon el-icon-date"></i> --> |
| ... | ... | @@ -139,7 +171,8 @@ |
| 139 | 171 | </el-col> |
| 140 | 172 | <el-col :span="12"> |
| 141 | 173 | <el-form-item label="付款周期" prop="leaseTerm"> |
| 142 | - <el-select v-model="secondData.leaseTerm" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | |
| 174 | + <el-select v-model="secondData.leaseTerm" placeholder="请选择" style="width: 72%;margin-right: 15px" | |
| 175 | + :disabled="xiangqing==1?true:false"> | |
| 143 | 176 | <el-option label="日" value="日" /> |
| 144 | 177 | <el-option label="月" value="月" /> |
| 145 | 178 | <el-option label="季" value="季" /> |
| ... | ... | @@ -153,13 +186,15 @@ |
| 153 | 186 | <el-col :span="12"> |
| 154 | 187 | <el-form-item label="租赁时段" prop="leaseDate"> |
| 155 | 188 | <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" |
| 156 | - start-placeholder="开始日期" end-placeholder="结束日期" style="width: 72%;" :disabled="xiangqing==1?true:false"> | |
| 189 | + start-placeholder="开始日期" end-placeholder="结束日期" style="width: 72%;" | |
| 190 | + :disabled="xiangqing==1?true:false"> | |
| 157 | 191 | </el-date-picker> |
| 158 | 192 | </el-form-item> |
| 159 | 193 | </el-col> |
| 160 | 194 | <el-col :span="12"> |
| 161 | 195 | <el-form-item label="免租条件" prop="rentFreeCondition"> |
| 162 | - <el-input v-model="secondData.rentFreeCondition" style="width: 72%;" :disabled="xiangqing==1?true:false"></el-input> | |
| 196 | + <el-input v-model="secondData.rentFreeCondition" style="width: 72%;" | |
| 197 | + :disabled="xiangqing==1?true:false"></el-input> | |
| 163 | 198 | </el-form-item> |
| 164 | 199 | </el-col> |
| 165 | 200 | |
| ... | ... | @@ -168,7 +203,8 @@ |
| 168 | 203 | <el-col :span="12"> |
| 169 | 204 | <el-form-item label="免租期" prop="rentFreePeriod"> |
| 170 | 205 | |
| 171 | - <el-select v-model="secondData.rentFreePeriod" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | |
| 206 | + <el-select v-model="secondData.rentFreePeriod" placeholder="请选择" style="width: 72%;margin-right: 15px" | |
| 207 | + :disabled="xiangqing==1?true:false"> | |
| 172 | 208 | <el-option :label="item" :value="item" v-for="item in 31" /> |
| 173 | 209 | </el-select> |
| 174 | 210 | </el-form-item> |
| ... | ... | @@ -176,21 +212,22 @@ |
| 176 | 212 | <el-col :span="12"> |
| 177 | 213 | <el-form-item label="付款日" prop="payDay"> |
| 178 | 214 | |
| 179 | - <el-select v-model="secondData.payDay" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | |
| 215 | + <el-select v-model="secondData.payDay" placeholder="请选择" style="width: 72%;margin-right: 15px" | |
| 216 | + :disabled="xiangqing==1?true:false"> | |
| 180 | 217 | <el-option :label="item" :value="item" v-for="item in 31" /> |
| 181 | 218 | </el-select> |
| 182 | 219 | </el-form-item> |
| 183 | 220 | </el-col> |
| 184 | 221 | </el-row> |
| 185 | - <el-row> | |
| 186 | - <el-col :span="24"> | |
| 187 | - <div style="display: flex;align-items: baseline;" v-if="xiangqing==1" > | |
| 188 | - <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">优惠政策</div> | |
| 189 | - <div style="padding:20px 10px;width:90%;" v-html="secondData.preferentialPolicy" ></div> | |
| 190 | - </div> | |
| 222 | + <el-row> | |
| 223 | + <el-col :span="24"> | |
| 224 | + <div style="display: flex;align-items: baseline;" v-if="xiangqing==1"> | |
| 225 | + <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">优惠政策</div> | |
| 226 | + <div style="padding:20px 10px;width:90%;" v-html="secondData.preferentialPolicy"></div> | |
| 227 | + </div> | |
| 191 | 228 | <el-form-item label="优惠政策" prop="preferentialPolicy" v-else> |
| 192 | - <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.preferentialPolicy" v-if="xiangqing==1"></div> --> | |
| 193 | - <wangEditor v-model="secondData.preferentialPolicy" ref="editor" :height="100" ></wangEditor> | |
| 229 | + <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.preferentialPolicy" v-if="xiangqing==1"></div> --> | |
| 230 | + <wangEditor v-model="secondData.preferentialPolicy" ref="editor" :height="100"></wangEditor> | |
| 194 | 231 | |
| 195 | 232 | </el-form-item> |
| 196 | 233 | </el-col> |
| ... | ... | @@ -199,13 +236,13 @@ |
| 199 | 236 | <el-row> |
| 200 | 237 | |
| 201 | 238 | <el-col :span="24"> |
| 202 | - <div style="display: flex;align-items: baseline;" v-if="xiangqing==1" > | |
| 203 | - <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">其他说明</div> | |
| 204 | - <div style="padding:20px 10px;width:90%;" v-html="secondData.otherDescription" ></div> | |
| 239 | + <div style="display: flex;align-items: baseline;" v-if="xiangqing==1"> | |
| 240 | + <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">其他说明</div> | |
| 241 | + <div style="padding:20px 10px;width:90%;" v-html="secondData.otherDescription"></div> | |
| 205 | 242 | </div> |
| 206 | 243 | <el-form-item label="其他说明" prop="otherDescription" v-else> |
| 207 | - <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.otherDescription" v-if="xiangqing==1"></div> --> | |
| 208 | - <wangEditor v-model="secondData.otherDescription" ref="editor" :height="100" ></wangEditor> | |
| 244 | + <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.otherDescription" v-if="xiangqing==1"></div> --> | |
| 245 | + <wangEditor v-model="secondData.otherDescription" ref="editor" :height="100"></wangEditor> | |
| 209 | 246 | </el-form-item> |
| 210 | 247 | </el-col> |
| 211 | 248 | |
| ... | ... | @@ -213,52 +250,61 @@ |
| 213 | 250 | </el-form> |
| 214 | 251 | <div style="display: flex;justify-content: flex-end;margin-top:20px;"> |
| 215 | 252 | <el-button @click="closexaing(1)" class="buttonHover" |
| 216 | - style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消</el-button> | |
| 217 | - <el-button @click="addCheck()" | |
| 218 | - | |
| 219 | - style="background-color: #3F9B6A;color: #fff" v-if="xiangqing==2">确定</el-button> | |
| 253 | + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消</el-button> | |
| 254 | + <el-button @click="addCheck()" style="background-color: #3F9B6A;color: #fff" | |
| 255 | + v-if="xiangqing==2">确定</el-button> | |
| 220 | 256 | |
| 221 | 257 | |
| 222 | 258 | </div> |
| 223 | 259 | </div> |
| 224 | 260 | |
| 225 | 261 | </el-dialog> |
| 226 | - <samXin :xinShow="ggXin" @childClose='childClose'></samXin> | |
| 262 | + <samXin :xinShow="ggXin" @childClose='childClose'></samXin> | |
| 227 | 263 | </div> |
| 228 | 264 | </template> |
| 229 | 265 | |
| 230 | 266 | <script> |
| 231 | 267 | import { |
| 232 | - ceGetAll, | |
| 233 | - ceAdd, | |
| 234 | - ceEdit, | |
| 235 | - ceDel, | |
| 268 | + ceGetAll, | |
| 269 | + ceAdd, | |
| 270 | + ceEdit, | |
| 271 | + ceDel, | |
| 236 | 272 | } from '../../api/sam.js' |
| 273 | + import addsam from "@/components/add/addsam" | |
| 274 | + import sam from "@/components/chakan/sam" | |
| 237 | 275 | import wangEditor from "@/components/editor/index" |
| 238 | 276 | import upimg from "@/components/ImageUpload/index" |
| 239 | -import samXin from "./samXin" | |
| 277 | + import samXin from "./samXin" | |
| 240 | 278 | import { |
| 241 | 279 | uploadUrl |
| 242 | 280 | } from '@/utils/request' |
| 243 | 281 | export default { |
| 244 | - components: { wangEditor ,upimg,samXin}, | |
| 282 | + components: { | |
| 283 | + wangEditor, | |
| 284 | + upimg, | |
| 285 | + samXin, | |
| 286 | + sam, | |
| 287 | + addsam | |
| 288 | + }, | |
| 245 | 289 | data() { |
| 246 | 290 | return { |
| 291 | + onaction: '1', | |
| 292 | + detailsinfo: {}, | |
| 247 | 293 | formInline: {}, |
| 248 | - upload:uploadUrl, | |
| 249 | - plan_Time:[], | |
| 294 | + upload: uploadUrl, | |
| 295 | + plan_Time: [], | |
| 250 | 296 | formSel: { |
| 251 | - policyName:'', | |
| 252 | - applicableResources:'', | |
| 253 | - businessType:'', | |
| 254 | - isRental:'', | |
| 255 | - isSelfOperated:'', | |
| 256 | - pageNumber: 1, | |
| 257 | - pageSize: 10, | |
| 297 | + policyName: '', | |
| 298 | + applicableResources: '', | |
| 299 | + businessType: '', | |
| 300 | + isRental: '', | |
| 301 | + isSelfOperated: '', | |
| 302 | + pageNumber: 1, | |
| 303 | + pageSize: 10, | |
| 258 | 304 | }, |
| 259 | 305 | secondData: {}, |
| 260 | - xiangqing:0, | |
| 261 | - xiang:false, | |
| 306 | + xiangqing: 0, | |
| 307 | + xiang: false, | |
| 262 | 308 | currentPage: 1, |
| 263 | 309 | total: 0, |
| 264 | 310 | flag: false, |
| ... | ... | @@ -268,17 +314,17 @@ import samXin from "./samXin" |
| 268 | 314 | pageindex: { |
| 269 | 315 | pageNumber: 0, |
| 270 | 316 | pageSize: 10, |
| 271 | - isTemplate: '1' | |
| 317 | + isTemplate: '1' | |
| 272 | 318 | }, |
| 273 | 319 | Modelpageindex: { |
| 274 | 320 | pageNumber: 1, |
| 275 | 321 | pageSize: 10, |
| 276 | - isTemplate: '0' | |
| 322 | + isTemplate: '0' | |
| 277 | 323 | }, |
| 278 | 324 | fileList: [], |
| 279 | - paymentDate:[], | |
| 280 | - leaseDate:[], | |
| 281 | - modelData:[] | |
| 325 | + paymentDate: [], | |
| 326 | + leaseDate: [], | |
| 327 | + modelData: [] | |
| 282 | 328 | } |
| 283 | 329 | }, |
| 284 | 330 | |
| ... | ... | @@ -287,85 +333,103 @@ import samXin from "./samXin" |
| 287 | 333 | |
| 288 | 334 | }, |
| 289 | 335 | mounted() { |
| 290 | -this.getAll() | |
| 336 | + this.getAll() | |
| 291 | 337 | }, |
| 292 | 338 | |
| 293 | 339 | methods: { |
| 340 | + removeinfo(row) { | |
| 341 | + this.detailsinfo = row | |
| 342 | + this.onaction = '4' | |
| 343 | + }, | |
| 344 | + | |
| 345 | + removeonaction(e) { | |
| 346 | + console.error(e) | |
| 347 | + this.onaction = e | |
| 348 | + this.pageindex.pageNumber = 0 | |
| 349 | + this.getAll() | |
| 350 | + }, | |
| 294 | 351 | //查询全数据 |
| 295 | 352 | async getAll() { |
| 296 | 353 | const res = await ceGetAll(this.pageindex) |
| 297 | 354 | this.tableData = res.data.content |
| 298 | - this.total = res.data.content.length | |
| 299 | - const ce = await ceGetAll(this.Modelpageindex) | |
| 300 | - this.modelData = ce.data.content | |
| 355 | + this.total = res.data.totalElements | |
| 356 | + const ce = await ceGetAll(this.Modelpageindex) | |
| 357 | + this.modelData = ce.data.content | |
| 301 | 358 | }, |
| 302 | 359 | |
| 303 | 360 | //删除记录按钮 |
| 304 | - handleDelete(val) { | |
| 305 | - const h = this.$createElement; | |
| 306 | - this.$msgbox({ | |
| 307 | - title: '消息', | |
| 308 | - message: h('p', null, [ | |
| 309 | - h('span', null, '是否删除 '), | |
| 310 | - ]), | |
| 311 | - showCancelButton: true, | |
| 312 | - showClose: false, | |
| 313 | - confirmButtonText: '确定', | |
| 314 | - cancelButtonText: '取消', | |
| 315 | - customClass: 'oe-dialog-btn', | |
| 316 | - beforeClose: (action, instance, done) => { | |
| 317 | - if (action === 'confirm') { | |
| 318 | - ceDel({ | |
| 319 | - id: val.id | |
| 320 | - }).then(res => { | |
| 321 | - this.getAll() | |
| 322 | - done(); | |
| 323 | - }) | |
| 324 | - } else { | |
| 361 | + handleDelete(val) { | |
| 362 | + const h = this.$createElement; | |
| 363 | + this.$msgbox({ | |
| 364 | + title: '消息', | |
| 365 | + message: h('p', null, [ | |
| 366 | + h('span', null, '是否删除 '), | |
| 367 | + ]), | |
| 368 | + showCancelButton: true, | |
| 369 | + showClose: false, | |
| 370 | + confirmButtonText: '确定', | |
| 371 | + cancelButtonText: '取消', | |
| 372 | + customClass: 'oe-dialog-btn', | |
| 373 | + beforeClose: (action, instance, done) => { | |
| 374 | + if (action === 'confirm') { | |
| 375 | + ceDel({ | |
| 376 | + id: val.id | |
| 377 | + }).then(res => { | |
| 378 | + this.getAll() | |
| 325 | 379 | done(); |
| 326 | - } | |
| 380 | + }) | |
| 381 | + } else { | |
| 382 | + done(); | |
| 327 | 383 | } |
| 328 | - }) | |
| 384 | + } | |
| 385 | + }) | |
| 329 | 386 | |
| 330 | 387 | }, |
| 331 | 388 | //查询 |
| 332 | 389 | async onSubmit() { |
| 333 | - if(this.plan_Time.length!=0){ | |
| 334 | - this.formSel.leaseStartDate = this.plan_Time[0] | |
| 335 | - this.formSel.leaseEndDate = this.plan_Time[1] | |
| 336 | - } | |
| 337 | - this.formSel.isTemplate = '1' | |
| 338 | - const { createUser, createDate, ...rest } = this.formSel | |
| 339 | - | |
| 340 | - // 将剩余的字段存储到this.zhong对象中 | |
| 341 | - this.formSel = rest | |
| 342 | - | |
| 343 | - const res = await ceGetAll(this.formSel) | |
| 344 | - this.tableData = res.data.content | |
| 345 | - this.total = res.data.content.length | |
| 390 | + if (this.plan_Time.length != 0) { | |
| 391 | + this.formSel.leaseStartDate = this.plan_Time[0] | |
| 392 | + this.formSel.leaseEndDate = this.plan_Time[1] | |
| 393 | + } | |
| 394 | + this.formSel.isTemplate = '1' | |
| 395 | + const { | |
| 396 | + createUser, | |
| 397 | + createDate, | |
| 398 | + ...rest | |
| 399 | + } = this.formSel | |
| 400 | + | |
| 401 | + // 将剩余的字段存储到this.zhong对象中 | |
| 402 | + this.formSel = rest | |
| 403 | + | |
| 404 | + const res = await ceGetAll(this.formSel) | |
| 405 | + this.tableData = res.data.content | |
| 406 | + this.total = res.data.content.length | |
| 346 | 407 | }, |
| 347 | 408 | |
| 348 | 409 | //详情点击 |
| 349 | - handleEditForm(item,val) { | |
| 350 | - this.secondData = item | |
| 410 | + handleEditForm(item, val) { | |
| 411 | + this.secondData = item | |
| 351 | 412 | this.xiangqing = val |
| 352 | 413 | this.xiang = true |
| 353 | 414 | this.paymentDate[0] = item.paymentStartDate |
| 354 | - this.paymentDate[1] = item.paymentEndDate | |
| 415 | + this.paymentDate[1] = item.paymentEndDate | |
| 355 | 416 | this.leaseDate[0] = item.leaseStartDate |
| 356 | - this.leaseDate[1] = item.leaseEndDate | |
| 417 | + this.leaseDate[1] = item.leaseEndDate | |
| 357 | 418 | }, |
| 358 | 419 | |
| 359 | 420 | handleCurrentChange(val) { |
| 360 | - this.currentPage = val | |
| 421 | + this.pageindex.pageNumber = val - 1 | |
| 422 | + this.getAll() | |
| 361 | 423 | }, |
| 362 | 424 | handleSizeChange(val) { |
| 363 | - this.pageSize = val | |
| 425 | + this.pageindex.pageSize = val | |
| 426 | + this.pageindex.pageNumber = 0 | |
| 427 | + this.getAll() | |
| 364 | 428 | }, |
| 365 | 429 | closeFn() { |
| 366 | 430 | this.ggXin = false |
| 367 | 431 | }, |
| 368 | - closexaing(val){ | |
| 432 | + closexaing(val) { | |
| 369 | 433 | |
| 370 | 434 | this.xiang = false |
| 371 | 435 | }, |
| ... | ... | @@ -384,11 +448,11 @@ this.getAll() |
| 384 | 448 | resetting() { |
| 385 | 449 | this.formSel = { |
| 386 | 450 | |
| 387 | - policyName:'', | |
| 388 | - applicableResources:'', | |
| 389 | - businessType:'', | |
| 390 | - isRental:'', | |
| 391 | - isSelfOperated:'', | |
| 451 | + policyName: '', | |
| 452 | + applicableResources: '', | |
| 453 | + businessType: '', | |
| 454 | + isRental: '', | |
| 455 | + isSelfOperated: '', | |
| 392 | 456 | pageNumber: 1, |
| 393 | 457 | pageSize: 10, |
| 394 | 458 | |
| ... | ... | @@ -401,309 +465,73 @@ this.getAll() |
| 401 | 465 | this.ggXin = msg |
| 402 | 466 | this.getAll() |
| 403 | 467 | }, |
| 404 | - addbuss(){ | |
| 405 | - this.ggXin = true | |
| 468 | + addbuss() { | |
| 469 | + this.ggXin = true | |
| 406 | 470 | }, |
| 407 | 471 | // 编辑确定 |
| 408 | - async addCheck(){ | |
| 409 | - if (this.leaseDate.length !=0) { | |
| 410 | - this.secondData.leaseStartDate = this.leaseDate[0] | |
| 411 | - this.secondData.leaseEndDate = this.leaseDate[1] | |
| 412 | - } | |
| 413 | - if (this.paymentDate.length !=0) { | |
| 414 | - this.secondData.paymentStartDate = this.paymentDate[0] | |
| 415 | - this.secondData.paymentEndDate = this.paymentDate[1] | |
| 416 | - } | |
| 472 | + async addCheck() { | |
| 473 | + if (this.leaseDate.length != 0) { | |
| 474 | + this.secondData.leaseStartDate = this.leaseDate[0] | |
| 475 | + this.secondData.leaseEndDate = this.leaseDate[1] | |
| 476 | + } | |
| 477 | + if (this.paymentDate.length != 0) { | |
| 478 | + this.secondData.paymentStartDate = this.paymentDate[0] | |
| 479 | + this.secondData.paymentEndDate = this.paymentDate[1] | |
| 480 | + } | |
| 417 | 481 | await ceEdit(this.secondData) |
| 418 | - this.xiang = false | |
| 419 | - this.getAll() | |
| 482 | + this.xiang = false | |
| 483 | + this.getAll() | |
| 420 | 484 | }, |
| 421 | 485 | } |
| 422 | 486 | } |
| 423 | 487 | </script> |
| 424 | -<style src="@wangeditor/editor/dist/css/style.css"></style> | |
| 425 | -<style scoped> | |
| 426 | - /deep/ .first-column-bg { | |
| 427 | - background-color: #f4f4f5 !important; | |
| 428 | - } | |
| 429 | 488 | |
| 489 | +<style scoped> | |
| 430 | 490 | .zhuti { |
| 431 | 491 | padding: 0 20px 20px 20px; |
| 432 | 492 | min-height: calc(100vh - 50px - 20px); |
| 433 | 493 | background-color: #Fff; |
| 434 | 494 | |
| 435 | 495 | } |
| 436 | - | |
| 437 | - /deep/ .el-form-item__content { | |
| 438 | - line-height: 0; | |
| 439 | - } | |
| 440 | - | |
| 441 | - ::v-deep .xinForm .el-form-item__content { | |
| 442 | - line-height: 3; | |
| 443 | - } | |
| 444 | - | |
| 445 | - .tableBtn { | |
| 446 | - display: inline-block; | |
| 447 | - margin-right: 10px; | |
| 448 | - cursor: pointer; | |
| 449 | - } | |
| 450 | - | |
| 451 | - | |
| 452 | - | |
| 453 | - .greens { | |
| 496 | + .chengeXia { | |
| 497 | + border-bottom: 6px solid #3F9B6A; | |
| 498 | + padding-bottom: 4px; | |
| 454 | 499 | color: #3F9B6A; |
| 455 | 500 | } |
| 456 | 501 | |
| 457 | 502 | |
| 458 | - .fenye { | |
| 459 | - margin-top: 20px; | |
| 503 | + .formSearch { | |
| 460 | 504 | display: flex; |
| 461 | - justify-content: flex-end; | |
| 462 | - position: relative; | |
| 463 | - } | |
| 464 | - | |
| 465 | - /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { | |
| 466 | - background-color: #3F9B6A; | |
| 467 | - } | |
| 468 | - | |
| 469 | - .el-row { | |
| 470 | - margin-bottom: 20px; | |
| 471 | - } | |
| 472 | - | |
| 473 | - :last-child { | |
| 474 | - margin-bottom: 0; | |
| 505 | + width: 100%; | |
| 506 | + font-size: 14px; | |
| 507 | + justify-content: space-between; | |
| 475 | 508 | } |
| 476 | - | |
| 477 | - .el-col { | |
| 478 | - border-radius: 4px; | |
| 509 | + .greens { | |
| 510 | + color: #3F9B6A; | |
| 479 | 511 | } |
| 480 | - | |
| 481 | 512 | .bg-purple-dark { |
| 482 | 513 | background: #99a9bf; |
| 483 | 514 | } |
| 484 | 515 | |
| 485 | 516 | .bg-purple { |
| 486 | - /* background: #d3dce6; */ | |
| 517 | + background: #d3dce6; | |
| 487 | 518 | } |
| 488 | 519 | |
| 489 | 520 | .bg-purple-light { |
| 490 | 521 | background: #e5e9f2; |
| 491 | 522 | } |
| 492 | - | |
| 493 | 523 | .grid-content { |
| 494 | 524 | border-radius: 4px; |
| 495 | 525 | min-height: 36px; |
| 496 | 526 | } |
| 497 | 527 | |
| 498 | - .row-bg { | |
| 499 | - padding: 10px 0; | |
| 500 | - background-color: #f9fafc; | |
| 501 | - } | |
| 502 | - | |
| 503 | - /deep/ .bg-purple[data-v-0e3fe4ec] { | |
| 504 | - background: #fff; | |
| 505 | - height: 50px; | |
| 506 | - } | |
| 507 | - | |
| 508 | - /deep/ .el-form--label-top .el-form-item__label { | |
| 509 | - padding: 0; | |
| 510 | - } | |
| 511 | - | |
| 512 | - .demo-input-suffix { | |
| 513 | - display: flex; | |
| 514 | - margin-right: 20px; | |
| 515 | - width: 83%; | |
| 516 | - } | |
| 517 | - | |
| 518 | - .pagination { | |
| 519 | - text-align: right; | |
| 520 | - line-height: 20px; | |
| 521 | - } | |
| 522 | - | |
| 523 | - | |
| 524 | - | |
| 525 | - /deep/ .dialog_css { | |
| 526 | - margin-top: 11vh; | |
| 527 | - margin-left: 13%; | |
| 528 | - padding: 0px; | |
| 529 | - | |
| 530 | - .el-dialog__title { | |
| 531 | - font-size: 12px; | |
| 532 | - } | |
| 533 | - } | |
| 534 | - | |
| 535 | - /deep/.el-dialog__body { | |
| 536 | - padding: 0px; | |
| 537 | - } | |
| 538 | - | |
| 539 | - /deep/ .el-dialog__header { | |
| 540 | - background-color: #fff; | |
| 541 | - } | |
| 542 | - | |
| 543 | - /deep/.el-dialog__title { | |
| 544 | - color: #000; | |
| 545 | - } | |
| 546 | - | |
| 547 | - .el-row { | |
| 548 | - margin-bottom: 20px; | |
| 549 | - | |
| 550 | - &:last-child { | |
| 551 | - margin-bottom: 0; | |
| 552 | - } | |
| 553 | - } | |
| 554 | - | |
| 555 | - /deep/ .avatar-uploader .el-upload { | |
| 556 | - border: 1px dashed #d9d9d9; | |
| 557 | - border-radius: 6px; | |
| 558 | - cursor: pointer; | |
| 559 | - position: relative; | |
| 560 | - overflow: hidden; | |
| 561 | - } | |
| 562 | - | |
| 563 | - .avatar-uploader .el-upload:hover { | |
| 564 | - border-color: #409EFF; | |
| 565 | - } | |
| 566 | - | |
| 567 | - .avatar-uploader-icon { | |
| 568 | - font-size: 28px; | |
| 569 | - color: #8c939d; | |
| 570 | - width: 108px; | |
| 571 | - height: 108px; | |
| 572 | - line-height: 108px; | |
| 573 | - /*text-align: center;*/ | |
| 574 | - } | |
| 575 | - | |
| 576 | - .avatar { | |
| 577 | - width: 108px; | |
| 578 | - height: 108px; | |
| 579 | - display: block; | |
| 580 | - } | |
| 581 | - | |
| 582 | - ::v-deep .el-tabs__item.is-active { | |
| 583 | - color: #3F9B6A; | |
| 584 | - opacity: 1; | |
| 585 | - } | |
| 586 | - | |
| 587 | - /deep/ .el-tabs__nav-wrap::after { | |
| 588 | - background-color: #fff; | |
| 589 | - } | |
| 590 | - | |
| 591 | - ::v-deep .el-tabs__item:hover { | |
| 592 | - color: #3F9B6A; | |
| 593 | - cursor: pointer; | |
| 594 | - opacity: 1; | |
| 595 | - } | |
| 596 | - | |
| 597 | - /deep/ .el-tabs__active-bar { | |
| 598 | - background-color: #389865; | |
| 599 | - } | |
| 600 | - | |
| 601 | - /deep/ .el-table_2_column_13 { | |
| 602 | - font-weight: 100; | |
| 603 | - } | |
| 604 | - | |
| 605 | - ::v-deep .el-input__inner:focus { | |
| 606 | - border: #3F9B6A 1px solid; | |
| 607 | - } | |
| 608 | - | |
| 609 | - ::v-deep .el-input__inner:hover { | |
| 610 | - border: #3F9B6A 1px solid; | |
| 611 | - } | |
| 612 | - | |
| 613 | - ::v-deep .el-select .el-input.is-focus .el-input__inner { | |
| 614 | - border-color: #3F9B6A | |
| 615 | - } | |
| 616 | - | |
| 617 | - /* ::v-deep .el-steps .el-step__head.is-wait { | |
| 618 | - background-color: red; /* 修改为你想要的颜色 */ | |
| 619 | - | |
| 620 | - /* 修改未进行步骤的描述文字颜色 */ | |
| 621 | - ::v-deep .el-steps .el-step__description.is-wait { | |
| 622 | - color: #999; | |
| 623 | - /* 修改为你想要的颜色 */ | |
| 624 | - } | |
| 625 | - | |
| 626 | - /* 修改未进行步骤的图标颜色 */ | |
| 627 | - ::v-deep .el-steps .el-step__icon.is-text.is-wait { | |
| 628 | - color: #999; | |
| 629 | - /* 修改为你想要的颜色 */ | |
| 630 | - } | |
| 631 | - | |
| 632 | - /* 修改未进行步骤的边框色 */ | |
| 633 | - ::v-deep .el-steps .el-step__line.is-wait { | |
| 634 | - border-color: #eee; | |
| 635 | - /* 修改为你想要的颜色 */ | |
| 636 | - } | |
| 637 | - | |
| 638 | - ::v-deep .el-steps .is-process .el-step__line { | |
| 639 | - background-color: #3F9B6A; | |
| 640 | - /* 修改线的颜色 */ | |
| 641 | - } | |
| 642 | - | |
| 643 | - ::v-deep .el-steps .is-process .el-step__title { | |
| 644 | - color: #fe7b6a; | |
| 645 | - /* 修改进行中步骤的标题颜色 */ | |
| 646 | - } | |
| 647 | - | |
| 648 | - ::v-deep .el-steps .is-process .el-step__icon { | |
| 649 | - color: #fff; | |
| 650 | - /* 修改进行中步骤的图标颜色 */ | |
| 651 | - background: #3F9B6A; | |
| 652 | - /* 修改进行中步骤图标的边框颜色 */ | |
| 653 | - border: 0px; | |
| 654 | - } | |
| 655 | - | |
| 656 | - ::v-deep .el-step__icon-inner { | |
| 657 | - line-height: 0 | |
| 658 | - } | |
| 659 | - | |
| 660 | - /* 线条长度 */ | |
| 661 | - ::v-deep .el-step.is-vertical .el-step__line { | |
| 662 | - top: 30px; | |
| 663 | - height: 60px; | |
| 664 | - } | |
| 665 | - | |
| 666 | - | |
| 667 | - ::v-deep .el-date-editor .el-range-separator { | |
| 668 | - line-height: 24px; | |
| 669 | - } | |
| 670 | - | |
| 671 | 528 | </style> |
| 672 | 529 | <style lang="scss" scoped> |
| 673 | - ::v-deep .xinFrom{ | |
| 674 | - padding-top:20px; | |
| 675 | - .el-input--mini .el-input__inner{ | |
| 676 | - height:36px; | |
| 677 | - line-height:36px; | |
| 678 | - } | |
| 679 | - .el-range-editor--mini.el-input__inner{ | |
| 680 | - height:36px; | |
| 681 | - width:100%; | |
| 682 | - } | |
| 683 | - } | |
| 684 | - ::v-deep .buttonHover:hover{ | |
| 685 | - color:#3f9b6a !important; | |
| 686 | - border-color: #c5e1d2 !important; | |
| 687 | - background-color: #ecf5f0 !important; | |
| 688 | - outline: none; | |
| 689 | - } | |
| 690 | -::v-deep .el-pagination__total { | |
| 691 | - position: absolute; | |
| 692 | - left: 10px; | |
| 530 | + ::v-deep .el-dialog__body { | |
| 531 | + padding: 0 0 !important; | |
| 693 | 532 | } |
| 694 | - ::v-deep .formSearch { | |
| 695 | - display: flex; | |
| 696 | - width: 100%; | |
| 697 | - font-size: 14px; | |
| 698 | - justify-content: space-between; | |
| 699 | - } | |
| 700 | - ::v-deep .el-radio-group{ | |
| 701 | - padding-top:14px; | |
| 702 | - } | |
| 703 | - ::v-deep .el-radio{ | |
| 704 | - font-weight:100 !important; | |
| 705 | - } | |
| 706 | - ::v-deep .bian_css{ | |
| 707 | - overflow-y:initial !important; | |
| 533 | + .el-dialog__header{ | |
| 534 | + padding: 0; | |
| 535 | + display: none; | |
| 708 | 536 | } |
| 709 | 537 | -</style> |
| 538 | +</style> | |
| 710 | 539 | \ No newline at end of file | ... | ... |
admin-web-master/src/views/scheme/samXin.vue
| 1 | 1 | <template> |
| 2 | 2 | <el-dialog title="新增页" :visible.sync="xinShow" custom-class='bian_css' style="padding: 0;" width="65%" center |
| 3 | - :close-on-click-modal="false" @close="close" > | |
| 3 | + :close-on-click-modal="false" @close="close"> | |
| 4 | 4 | <div style="padding:20px;" class="xinFrom"> |
| 5 | - <el-form :model="form" :rules="rulesform" ref="ruleForm" label-width="80px"> | |
| 5 | + <el-form :model="form" :rules="rulesform" ref="ruleForm" label-width="80px"> | |
| 6 | 6 | <el-form-item label="策略名称" prop="policyName"> |
| 7 | - <el-input v-model="form.policyName" placeholder="请输入" style="width: 87%;margin-right: 15px" maxlength="50"></el-input> | |
| 7 | + <el-input v-model="form.policyName" placeholder="请输入" style="width: 87%;margin-right: 15px" | |
| 8 | + maxlength="50"></el-input> | |
| 8 | 9 | </el-form-item> |
| 9 | 10 | <el-form-item label="适用资源" prop="applicableResources"> |
| 10 | 11 | <el-radio-group v-model="form.applicableResources"> |
| ... | ... | @@ -14,7 +15,8 @@ |
| 14 | 15 | </el-radio-group> |
| 15 | 16 | </el-form-item> |
| 16 | 17 | <el-form-item label="策略模板" prop="policyTemplate"> |
| 17 | - <el-select v-model="form.policyTemplate" placeholder="请选择" style="width: 87%;margin-right: 15px" @change="changeMode"> | |
| 18 | + <el-select v-model="form.policyTemplate" placeholder="请选择" style="width: 87%;margin-right: 15px" | |
| 19 | + @change="changeMode"> | |
| 18 | 20 | <el-option :label="item.policyName" :value="item.id" v-for="(item,index) in tableData" /> |
| 19 | 21 | </el-select> |
| 20 | 22 | <el-button style="background-color: #3F9B6A;color: #fff" @click="modeCode = true">管理模板 |
| ... | ... | @@ -31,7 +33,8 @@ |
| 31 | 33 | </el-col> |
| 32 | 34 | <el-col :span="12"> |
| 33 | 35 | <el-form-item label="经营类型" prop="businessType" v-if="form.applicableResources == '商铺'"> |
| 34 | - <el-input v-model="form.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" maxlength="50"></el-input> | |
| 36 | + <el-input v-model="form.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" | |
| 37 | + maxlength="50"></el-input> | |
| 35 | 38 | </el-form-item> |
| 36 | 39 | </el-col> |
| 37 | 40 | </el-row> |
| ... | ... | @@ -39,7 +42,8 @@ |
| 39 | 42 | |
| 40 | 43 | <el-col :span="12"> |
| 41 | 44 | <el-form-item label="租金价格" prop="rentalPrice"> |
| 42 | - <el-input v-model.number="form.rentalPrice" placeholder="请输入" style="width: 72%;margin-right: 15px;" maxlength="30"> | |
| 45 | + <el-input v-model.number="form.rentalPrice" placeholder="请输入" style="width: 72%;margin-right: 15px;" | |
| 46 | + maxlength="30"> | |
| 43 | 47 | <template slot="suffix"><span |
| 44 | 48 | style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> |
| 45 | 49 | <!-- <i slot="suffix" class="el-input__icon el-icon-date"></i> --> |
| ... | ... | @@ -74,7 +78,8 @@ |
| 74 | 78 | </el-col> |
| 75 | 79 | <el-col :span="12"> |
| 76 | 80 | <el-form-item label="免租条件" prop="rentFreeCondition"> |
| 77 | - <el-input v-model="form.rentFreeCondition" placeholder="请输入" style="width: 72%;" maxlength="50"></el-input> | |
| 81 | + <el-input v-model="form.rentFreeCondition" placeholder="请输入" style="width: 72%;" | |
| 82 | + maxlength="50"></el-input> | |
| 78 | 83 | </el-form-item> |
| 79 | 84 | </el-col> |
| 80 | 85 | </el-row> |
| ... | ... | @@ -130,7 +135,7 @@ |
| 130 | 135 | </div> |
| 131 | 136 | |
| 132 | 137 | <el-dialog title="模板管理" :visible.sync="modeCode" custom-class='bian_css' style="padding: 0;" width="65%" center |
| 133 | - :close-on-click-modal="false" append-to-body> | |
| 138 | + :close-on-click-modal="false" append-to-body> | |
| 134 | 139 | <div style="padding:20px;"> |
| 135 | 140 | <div style="margin-bottom:15px;"> |
| 136 | 141 | <el-button type="primary" @click="addM(1)" |
| ... | ... | @@ -195,90 +200,95 @@ |
| 195 | 200 | width="65%" center :close-on-click-modal="false" :show-close="false" append-to-body> |
| 196 | 201 | <div style="padding:20px;"> |
| 197 | 202 | <el-form :model="formInline" :rules="formInlineRules" ref="formInlineRules" label-width="80px"> |
| 198 | - <el-form-item label="策略名称" prop="policyName"> | |
| 199 | - <el-input v-model="formInline.policyName" placeholder="请输入" style="width: 87%;margin-right: 15px" maxlength="50"></el-input> | |
| 200 | - </el-form-item> | |
| 201 | - <el-form-item label="适用资源" prop="applicableResources"> | |
| 202 | - <el-radio-group v-model="formInline.applicableResources"> | |
| 203 | - <el-radio label="商铺" value="商铺">商铺</el-radio> | |
| 204 | - <el-radio label="场地" value="场地">场地</el-radio> | |
| 205 | - <el-radio label="广告位" value="广告位">广告位</el-radio> | |
| 206 | - </el-radio-group> | |
| 207 | - </el-form-item> | |
| 208 | - | |
| 209 | - <el-row> | |
| 210 | - <el-col :span="12"> | |
| 211 | - <el-form-item label="是否出租" prop="isRental"> | |
| 212 | - <el-select v-model="formInline.isRental" placeholder="请选择" style="width: 72%;margin-right: 15px"> | |
| 213 | - <el-option label="自营" value="0" /> | |
| 214 | - <el-option label="是" value="1" /> | |
| 215 | - </el-select> | |
| 216 | - </el-form-item> | |
| 217 | - </el-col> | |
| 218 | - <el-col :span="12"> | |
| 219 | - <el-form-item label="经营类型" prop="businessType" v-if="formInline.applicableResources == '商铺'"> | |
| 220 | - <el-input v-model="formInline.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" maxlength="50"></el-input> | |
| 221 | - </el-form-item> | |
| 222 | - </el-col> | |
| 223 | - </el-row> | |
| 224 | - <el-row> | |
| 225 | - | |
| 226 | - <el-col :span="12"> | |
| 227 | - <el-form-item label="租金价格" prop="rentalPrice"> | |
| 228 | - <el-input v-model.number="formInline.rentalPrice" placeholder="请输入" style="width: 72%;margin-right: 15px;" maxlength="30"> | |
| 229 | - <template slot="suffix"><span | |
| 230 | - style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | |
| 231 | - | |
| 232 | - </el-input> | |
| 233 | - | |
| 234 | - </el-form-item> | |
| 235 | - </el-col> | |
| 236 | - <el-col :span="12"> | |
| 237 | - <el-form-item label="付款周期" prop="leaseTerm"> | |
| 238 | - <el-select v-model="formInline.leaseTerm" placeholder="请选择" style="width: 72%;margin-right: 15px"> | |
| 239 | - <el-option label="日" value="日" /> | |
| 240 | - <el-option label="月" value="月" /> | |
| 241 | - <el-option label="季" value="季" /> | |
| 242 | - <el-option label="年" value="年" /> | |
| 243 | - </el-select> | |
| 244 | - </el-form-item> | |
| 245 | - </el-col> | |
| 246 | - </el-row> | |
| 247 | - <el-row> | |
| 248 | - | |
| 249 | - <el-col :span="12"> | |
| 250 | - <el-form-item label="租赁时段" prop="leaseDate"> | |
| 251 | - <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | |
| 252 | - start-placeholder="开始日期" end-placeholder="结束日期" style="width: 72%;"> | |
| 253 | - </el-date-picker> | |
| 254 | - </el-form-item> | |
| 255 | - </el-col> | |
| 256 | - <el-col :span="12"> | |
| 257 | - <el-form-item label="免租条件" prop="rentFreeCondition"> | |
| 258 | - <el-input v-model="formInline.rentFreeCondition" placeholder="请输入" style="width: 72%;" maxlength="50"></el-input> | |
| 259 | - </el-form-item> | |
| 260 | - </el-col> | |
| 261 | - </el-row> | |
| 262 | - <el-row> | |
| 263 | - | |
| 264 | - <el-col :span="12"> | |
| 265 | - <el-form-item label="免租期" prop="rentFreePeriod"> | |
| 266 | - | |
| 267 | - <el-select v-model="formInline.rentFreePeriod" placeholder="请选择" style="width: 72%;margin-right: 15px"> | |
| 268 | - <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 269 | - </el-select> | |
| 270 | - </el-form-item> | |
| 271 | - </el-col> | |
| 272 | - <el-col :span="12"> | |
| 273 | - <el-form-item label="付款日" prop="payDay"> | |
| 274 | - | |
| 275 | - <el-select v-model="formInline.payDay" placeholder="请选择" style="width: 72%;margin-right: 15px"> | |
| 276 | - <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 277 | - </el-select> | |
| 278 | - </el-form-item> | |
| 279 | - </el-col> | |
| 280 | - </el-row> | |
| 281 | - <el-row> | |
| 203 | + <el-form-item label="策略名称" prop="policyName"> | |
| 204 | + <el-input v-model="formInline.policyName" placeholder="请输入" style="width: 87%;margin-right: 15px" | |
| 205 | + maxlength="50"></el-input> | |
| 206 | + </el-form-item> | |
| 207 | + <el-form-item label="适用资源" prop="applicableResources"> | |
| 208 | + <el-radio-group v-model="formInline.applicableResources"> | |
| 209 | + <el-radio label="商铺" value="商铺">商铺</el-radio> | |
| 210 | + <el-radio label="场地" value="场地">场地</el-radio> | |
| 211 | + <el-radio label="广告位" value="广告位">广告位</el-radio> | |
| 212 | + </el-radio-group> | |
| 213 | + </el-form-item> | |
| 214 | + | |
| 215 | + <el-row> | |
| 216 | + <el-col :span="12"> | |
| 217 | + <el-form-item label="是否出租" prop="isRental"> | |
| 218 | + <el-select v-model="formInline.isRental" placeholder="请选择" style="width: 72%;margin-right: 15px"> | |
| 219 | + <el-option label="自营" value="0" /> | |
| 220 | + <el-option label="是" value="1" /> | |
| 221 | + </el-select> | |
| 222 | + </el-form-item> | |
| 223 | + </el-col> | |
| 224 | + <el-col :span="12"> | |
| 225 | + <el-form-item label="经营类型" prop="businessType" v-if="formInline.applicableResources == '商铺'"> | |
| 226 | + <el-input v-model="formInline.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" | |
| 227 | + maxlength="50"></el-input> | |
| 228 | + </el-form-item> | |
| 229 | + </el-col> | |
| 230 | + </el-row> | |
| 231 | + <el-row> | |
| 232 | + | |
| 233 | + <el-col :span="12"> | |
| 234 | + <el-form-item label="租金价格" prop="rentalPrice"> | |
| 235 | + <el-input v-model.number="formInline.rentalPrice" placeholder="请输入" | |
| 236 | + style="width: 72%;margin-right: 15px;" maxlength="30"> | |
| 237 | + <template slot="suffix"><span | |
| 238 | + style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | |
| 239 | + | |
| 240 | + </el-input> | |
| 241 | + | |
| 242 | + </el-form-item> | |
| 243 | + </el-col> | |
| 244 | + <el-col :span="12"> | |
| 245 | + <el-form-item label="付款周期" prop="leaseTerm"> | |
| 246 | + <el-select v-model="formInline.leaseTerm" placeholder="请选择" style="width: 72%;margin-right: 15px"> | |
| 247 | + <el-option label="日" value="日" /> | |
| 248 | + <el-option label="月" value="月" /> | |
| 249 | + <el-option label="季" value="季" /> | |
| 250 | + <el-option label="年" value="年" /> | |
| 251 | + </el-select> | |
| 252 | + </el-form-item> | |
| 253 | + </el-col> | |
| 254 | + </el-row> | |
| 255 | + <el-row> | |
| 256 | + | |
| 257 | + <el-col :span="12"> | |
| 258 | + <el-form-item label="租赁时段" prop="leaseDate"> | |
| 259 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | |
| 260 | + start-placeholder="开始日期" end-placeholder="结束日期" style="width: 72%;"> | |
| 261 | + </el-date-picker> | |
| 262 | + </el-form-item> | |
| 263 | + </el-col> | |
| 264 | + <el-col :span="12"> | |
| 265 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | |
| 266 | + <el-input v-model="formInline.rentFreeCondition" placeholder="请输入" style="width: 72%;" | |
| 267 | + maxlength="50"></el-input> | |
| 268 | + </el-form-item> | |
| 269 | + </el-col> | |
| 270 | + </el-row> | |
| 271 | + <el-row> | |
| 272 | + | |
| 273 | + <el-col :span="12"> | |
| 274 | + <el-form-item label="免租期" prop="rentFreePeriod"> | |
| 275 | + | |
| 276 | + <el-select v-model="formInline.rentFreePeriod" placeholder="请选择" | |
| 277 | + style="width: 72%;margin-right: 15px"> | |
| 278 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 279 | + </el-select> | |
| 280 | + </el-form-item> | |
| 281 | + </el-col> | |
| 282 | + <el-col :span="12"> | |
| 283 | + <el-form-item label="付款日" prop="payDay"> | |
| 284 | + | |
| 285 | + <el-select v-model="formInline.payDay" placeholder="请选择" style="width: 72%;margin-right: 15px"> | |
| 286 | + <el-option :label="item" :value="item" v-for="item in 31" /> | |
| 287 | + </el-select> | |
| 288 | + </el-form-item> | |
| 289 | + </el-col> | |
| 290 | + </el-row> | |
| 291 | + <el-row> | |
| 282 | 292 | |
| 283 | 293 | <el-col :span="24"> |
| 284 | 294 | <el-form-item label="优惠政策" prop="preferentialPolicy"> |
| ... | ... | @@ -352,29 +362,29 @@ |
| 352 | 362 | payDay: '', //付款日 |
| 353 | 363 | createDate: '', //创建时间 |
| 354 | 364 | isTemplate: '1', //是否为模板(0.是 1.否) |
| 355 | - preferentialPolicy:'', | |
| 356 | - otherDescription:'' | |
| 365 | + preferentialPolicy: '', | |
| 366 | + otherDescription: '' | |
| 357 | 367 | }, |
| 358 | 368 | modeCode: false, //模板管理框 |
| 359 | 369 | tableData: [], |
| 360 | 370 | addMing: false, //新增模板框 |
| 361 | 371 | modeAdd: true, //新增编辑模板 状态切换 |
| 362 | 372 | formInline: { |
| 363 | - policyName: '', //策略名称 | |
| 364 | - applicableResources: '商铺', //适用资源 | |
| 365 | - policyTemplate: null, //策略模板 | |
| 366 | - isRental: '', //是否出租 (0:白营,1:是) | |
| 367 | - businessType: '', //经营类型 | |
| 368 | - rentalPrice: null, //租金价格 | |
| 369 | - leaseTerm: '', //商铺租期 | |
| 370 | - leaseStartDate: '', //租赁开始日期 | |
| 371 | - leaseEndDate: '', //租赁结束日期 | |
| 372 | - rentFreeCondition: '', //免租条件 | |
| 373 | - rentFreePeriod: '', //免租期(单位:天) | |
| 374 | - payDay: '', //付款日 | |
| 375 | - createDate: '', //创建时间 | |
| 376 | - preferentialPolicy:'', | |
| 377 | - otherDescription:'', | |
| 373 | + policyName: '', //策略名称 | |
| 374 | + applicableResources: '商铺', //适用资源 | |
| 375 | + policyTemplate: null, //策略模板 | |
| 376 | + isRental: '', //是否出租 (0:白营,1:是) | |
| 377 | + businessType: '', //经营类型 | |
| 378 | + rentalPrice: null, //租金价格 | |
| 379 | + leaseTerm: '', //商铺租期 | |
| 380 | + leaseStartDate: '', //租赁开始日期 | |
| 381 | + leaseEndDate: '', //租赁结束日期 | |
| 382 | + rentFreeCondition: '', //免租条件 | |
| 383 | + rentFreePeriod: '', //免租期(单位:天) | |
| 384 | + payDay: '', //付款日 | |
| 385 | + createDate: '', //创建时间 | |
| 386 | + preferentialPolicy: '', | |
| 387 | + otherDescription: '', | |
| 378 | 388 | isTemplate: '0', //是否为模板(0.是 1.否) |
| 379 | 389 | }, |
| 380 | 390 | leaseDate: [], //租赁时段 |
| ... | ... | @@ -389,7 +399,7 @@ |
| 389 | 399 | required: true, |
| 390 | 400 | message: '请输入策略名称', |
| 391 | 401 | trigger: 'blur' |
| 392 | - },], | |
| 402 | + }, ], | |
| 393 | 403 | applicableResources: [{ |
| 394 | 404 | required: true, |
| 395 | 405 | message: '请选择适用资源', |
| ... | ... | @@ -426,30 +436,31 @@ |
| 426 | 436 | callback(); |
| 427 | 437 | } |
| 428 | 438 | } |
| 429 | - }], | |
| 439 | + } | |
| 440 | + ], | |
| 430 | 441 | }, |
| 431 | - formInlineRules:{ | |
| 432 | - policyName: [{ | |
| 433 | - required: true, | |
| 434 | - message: '请输入策略名称', | |
| 435 | - trigger: 'blur' | |
| 436 | - }], | |
| 437 | - applicableResources: [{ | |
| 438 | - required: true, | |
| 439 | - message: '请选择适用资源', | |
| 440 | - trigger: 'change' | |
| 441 | - }], | |
| 442 | - isRental: [{ | |
| 443 | - required: true, | |
| 444 | - message: '请选择是否出租', | |
| 445 | - trigger: 'change' | |
| 446 | - }], | |
| 447 | - businessType: [{ | |
| 448 | - required: true, | |
| 449 | - message: '请选择经营类型', | |
| 450 | - trigger: 'change' | |
| 451 | - }], | |
| 452 | - rentalPrice: [{ | |
| 442 | + formInlineRules: { | |
| 443 | + policyName: [{ | |
| 444 | + required: true, | |
| 445 | + message: '请输入策略名称', | |
| 446 | + trigger: 'blur' | |
| 447 | + }], | |
| 448 | + applicableResources: [{ | |
| 449 | + required: true, | |
| 450 | + message: '请选择适用资源', | |
| 451 | + trigger: 'change' | |
| 452 | + }], | |
| 453 | + isRental: [{ | |
| 454 | + required: true, | |
| 455 | + message: '请选择是否出租', | |
| 456 | + trigger: 'change' | |
| 457 | + }], | |
| 458 | + businessType: [{ | |
| 459 | + required: true, | |
| 460 | + message: '请选择经营类型', | |
| 461 | + trigger: 'change' | |
| 462 | + }], | |
| 463 | + rentalPrice: [{ | |
| 453 | 464 | required: true, |
| 454 | 465 | message: '请输入租金价格' |
| 455 | 466 | }, |
| ... | ... | @@ -465,13 +476,14 @@ |
| 465 | 476 | callback(); |
| 466 | 477 | } |
| 467 | 478 | } |
| 468 | - }], | |
| 479 | + } | |
| 480 | + ], | |
| 469 | 481 | |
| 470 | 482 | } |
| 471 | 483 | } |
| 472 | 484 | }, |
| 473 | 485 | mounted() { |
| 474 | -this.getAll() | |
| 486 | + this.getAll() | |
| 475 | 487 | }, |
| 476 | 488 | |
| 477 | 489 | methods: { |
| ... | ... | @@ -499,30 +511,30 @@ this.getAll() |
| 499 | 511 | this.paymentDate = [] |
| 500 | 512 | if (val == 1) { |
| 501 | 513 | this.formInline = { |
| 502 | - policyName: '', //策略名称 | |
| 503 | - applicableResources: '商铺', //适用资源 | |
| 504 | - policyTemplate: null, //策略模板 | |
| 505 | - isRental: '', //是否出租 (0:白营,1:是) | |
| 506 | - businessType: '', //经营类型 | |
| 507 | - rentalPrice: null, //租金价格 | |
| 508 | - leaseTerm: '', //商铺租期 | |
| 509 | - leaseStartDate: '', //租赁开始日期 | |
| 510 | - leaseEndDate: '', //租赁结束日期 | |
| 511 | - rentFreeCondition: '', //免租条件 | |
| 512 | - rentFreePeriod: '', //免租期(单位:天) | |
| 513 | - payDay: '', //付款日 | |
| 514 | - createDate: '', //创建时间 | |
| 515 | - preferentialPolicy:'', | |
| 516 | - otherDescription:'', | |
| 517 | - isTemplate: '0', //是否为模板(0.是 1.否) | |
| 518 | - } | |
| 514 | + policyName: '', //策略名称 | |
| 515 | + applicableResources: '商铺', //适用资源 | |
| 516 | + policyTemplate: null, //策略模板 | |
| 517 | + isRental: '', //是否出租 (0:白营,1:是) | |
| 518 | + businessType: '', //经营类型 | |
| 519 | + rentalPrice: null, //租金价格 | |
| 520 | + leaseTerm: '', //商铺租期 | |
| 521 | + leaseStartDate: '', //租赁开始日期 | |
| 522 | + leaseEndDate: '', //租赁结束日期 | |
| 523 | + rentFreeCondition: '', //免租条件 | |
| 524 | + rentFreePeriod: '', //免租期(单位:天) | |
| 525 | + payDay: '', //付款日 | |
| 526 | + createDate: '', //创建时间 | |
| 527 | + preferentialPolicy: '', | |
| 528 | + otherDescription: '', | |
| 529 | + isTemplate: '0', //是否为模板(0.是 1.否) | |
| 530 | + } | |
| 519 | 531 | } else { |
| 520 | 532 | this.leaseDate[0] = item.leaseStartDate |
| 521 | - this.leaseDate[1] = item.leaseEndDate | |
| 522 | - this.paymentDate[0] = item.paymentStartDate | |
| 523 | - this.paymentDate[1] = item.paymentEndDate | |
| 533 | + this.leaseDate[1] = item.leaseEndDate | |
| 534 | + this.paymentDate[0] = item.paymentStartDate | |
| 535 | + this.paymentDate[1] = item.paymentEndDate | |
| 524 | 536 | this.formInline = item |
| 525 | - this.modeAdd =false | |
| 537 | + this.modeAdd = false | |
| 526 | 538 | } |
| 527 | 539 | this.addMing = true |
| 528 | 540 | }, |
| ... | ... | @@ -542,17 +554,17 @@ this.getAll() |
| 542 | 554 | payDay: '', //付款日 |
| 543 | 555 | createDate: '', //创建时间 |
| 544 | 556 | isTemplate: '1', //是否为模板(0.是 1.否) |
| 545 | - preferentialPolicy:'', | |
| 546 | - otherDescription:'' | |
| 557 | + preferentialPolicy: '', | |
| 558 | + otherDescription: '' | |
| 547 | 559 | } |
| 548 | - this.paymentDate=[] | |
| 560 | + this.paymentDate = [] | |
| 549 | 561 | this.leaseDate = [] |
| 550 | 562 | this.$emit('childClose', false); |
| 551 | 563 | |
| 552 | 564 | }, |
| 553 | - close(){ | |
| 565 | + close() { | |
| 554 | 566 | |
| 555 | - this.form = { | |
| 567 | + this.form = { | |
| 556 | 568 | policyName: '', //策略名称 |
| 557 | 569 | applicableResources: '商铺', //适用资源 |
| 558 | 570 | policyTemplate: null, //策略模板 |
| ... | ... | @@ -567,150 +579,160 @@ this.getAll() |
| 567 | 579 | payDay: '', //付款日 |
| 568 | 580 | createDate: '', //创建时间 |
| 569 | 581 | isTemplate: '1', //是否为模板(0.是 1.否) |
| 570 | - preferentialPolicy:'', | |
| 571 | - otherDescription:'' | |
| 582 | + preferentialPolicy: '', | |
| 583 | + otherDescription: '' | |
| 572 | 584 | } |
| 573 | - this.paymentDate=[] | |
| 574 | - this.leaseDate = [] | |
| 575 | - this.$emit('childClose', false); | |
| 585 | + this.paymentDate = [] | |
| 586 | + this.leaseDate = [] | |
| 587 | + this.$emit('childClose', false); | |
| 576 | 588 | |
| 577 | 589 | |
| 578 | 590 | }, |
| 579 | - MingClose(){ | |
| 591 | + MingClose() { | |
| 580 | 592 | this.addMing = false |
| 581 | - this.paymentDate=[] | |
| 593 | + this.paymentDate = [] | |
| 582 | 594 | this.leaseDate = [] |
| 583 | 595 | }, |
| 584 | 596 | addCheck(val) { |
| 585 | 597 | if (val == 1) { |
| 586 | 598 | this.form.isTemplate = '1' |
| 587 | 599 | console.log(this.form) |
| 588 | - if (this.leaseDate.length !=0) { | |
| 600 | + if (this.leaseDate.length != 0) { | |
| 589 | 601 | this.form.leaseStartDate = this.leaseDate[0] |
| 590 | 602 | this.form.leaseEndDate = this.leaseDate[1] |
| 591 | 603 | } |
| 592 | - if (this.paymentDate.length !=0) { | |
| 604 | + if (this.paymentDate.length != 0) { | |
| 593 | 605 | this.form.paymentStartDate = this.paymentDate[0] |
| 594 | 606 | this.form.paymentEndDate = this.paymentDate[1] |
| 595 | 607 | } |
| 596 | 608 | this.$refs.ruleForm.validate((valid) => { |
| 597 | - if (valid) { | |
| 598 | - this.form.createDate = this.updateCurrentTime() | |
| 599 | - ceAdd(this.form).then(res => { | |
| 600 | - this.$emit('childClose', false); | |
| 601 | - }) | |
| 602 | - } else { | |
| 603 | - this.$message({ | |
| 604 | - message: '请填写完整信息', | |
| 605 | - type: 'error' | |
| 606 | - }) | |
| 607 | - return false; | |
| 608 | - } | |
| 609 | - }) | |
| 609 | + if (valid) { | |
| 610 | + this.form.createDate = this.updateCurrentTime() | |
| 611 | + ceAdd(this.form).then(res => { | |
| 612 | + this.$emit('childClose', false); | |
| 613 | + }) | |
| 614 | + } else { | |
| 615 | + this.$message({ | |
| 616 | + message: '请填写完整信息', | |
| 617 | + type: 'error' | |
| 618 | + }) | |
| 619 | + return false; | |
| 620 | + } | |
| 621 | + }) | |
| 610 | 622 | |
| 611 | 623 | } else { |
| 612 | 624 | this.form.isTemplate = '0' |
| 613 | - if (this.leaseDate.length !=0) { | |
| 625 | + if (this.leaseDate.length != 0) { | |
| 614 | 626 | this.formInline.leaseStartDate = this.leaseDate[0] |
| 615 | 627 | this.formInline.leaseEndDate = this.leaseDate[1] |
| 616 | 628 | } |
| 617 | - if (this.paymentDate.length !=0) { | |
| 629 | + if (this.paymentDate.length != 0) { | |
| 618 | 630 | this.formInline.paymentStartDate = this.paymentDate[0] |
| 619 | 631 | this.formInline.paymentEndDate = this.paymentDate[1] |
| 620 | 632 | } |
| 621 | 633 | this.$refs.formInlineRules.validate((valid) => { |
| 622 | - if (valid) { | |
| 623 | - if(this.modeAdd){ | |
| 624 | - this.formInline.createDate = this.updateCurrentTime() | |
| 625 | - ceAdd(this.formInline).then(res => { | |
| 626 | - this.addMing = false | |
| 627 | - this.getAll() | |
| 628 | - }) | |
| 629 | - }else{ | |
| 630 | - ceEdit(this.formInline).then(res => { | |
| 631 | - this.form = { | |
| 632 | - policyName: '', //策略名称 | |
| 633 | - applicableResources: '商铺', //适用资源 | |
| 634 | - policyTemplate: null, //策略模板 | |
| 635 | - isRental: '', //是否出租 (0:否,1:是) | |
| 636 | - isSelfOperated: '', //是否白营 (0: 否, 1: 是) | |
| 637 | - businessType: '', //经营类型 | |
| 638 | - rentalPrice: '', //租金价格 | |
| 639 | - leaseTerm: '', //商铺租期 | |
| 640 | - leaseStartDate: '', //租赁开始日期 | |
| 641 | - leaseEndDate: '', //租赁结束日期 | |
| 642 | - rentFreeCondition: '', //免租条件 | |
| 643 | - rentFreePeriod: '', //免租期(单位:天) | |
| 644 | - paymentTerms: '', //付款条件 | |
| 645 | - paymentStartDate: '', //付款开始日期 | |
| 646 | - paymentEndDate: '', //付款结束日期 | |
| 647 | - createDate: '', //创建时间 | |
| 648 | - isTemplate: '1', //是否为模板(0.是 1.否) | |
| 649 | - } | |
| 650 | - this.paymentDate=[] | |
| 651 | - this.leaseDate = [] | |
| 652 | - this.addMing = false | |
| 653 | - this.getAll() | |
| 654 | - }) | |
| 655 | - } | |
| 656 | - | |
| 657 | - } else { | |
| 658 | - this.$message({ | |
| 659 | - message: '请填写完整信息', | |
| 660 | - type: 'error' | |
| 661 | - }) | |
| 662 | - return false; | |
| 663 | - } | |
| 664 | - }) | |
| 634 | + if (valid) { | |
| 635 | + if (this.modeAdd) { | |
| 636 | + this.formInline.createDate = this.updateCurrentTime() | |
| 637 | + ceAdd(this.formInline).then(res => { | |
| 638 | + this.addMing = false | |
| 639 | + this.getAll() | |
| 640 | + }) | |
| 641 | + } else { | |
| 642 | + ceEdit(this.formInline).then(res => { | |
| 643 | + this.form = { | |
| 644 | + policyName: '', //策略名称 | |
| 645 | + applicableResources: '商铺', //适用资源 | |
| 646 | + policyTemplate: null, //策略模板 | |
| 647 | + isRental: '', //是否出租 (0:否,1:是) | |
| 648 | + isSelfOperated: '', //是否白营 (0: 否, 1: 是) | |
| 649 | + businessType: '', //经营类型 | |
| 650 | + rentalPrice: '', //租金价格 | |
| 651 | + leaseTerm: '', //商铺租期 | |
| 652 | + leaseStartDate: '', //租赁开始日期 | |
| 653 | + leaseEndDate: '', //租赁结束日期 | |
| 654 | + rentFreeCondition: '', //免租条件 | |
| 655 | + rentFreePeriod: '', //免租期(单位:天) | |
| 656 | + paymentTerms: '', //付款条件 | |
| 657 | + paymentStartDate: '', //付款开始日期 | |
| 658 | + paymentEndDate: '', //付款结束日期 | |
| 659 | + createDate: '', //创建时间 | |
| 660 | + isTemplate: '1', //是否为模板(0.是 1.否) | |
| 661 | + } | |
| 662 | + this.paymentDate = [] | |
| 663 | + this.leaseDate = [] | |
| 664 | + this.addMing = false | |
| 665 | + this.getAll() | |
| 666 | + }) | |
| 667 | + } | |
| 668 | + | |
| 669 | + } else { | |
| 670 | + this.$message({ | |
| 671 | + message: '请填写完整信息', | |
| 672 | + type: 'error' | |
| 673 | + }) | |
| 674 | + return false; | |
| 675 | + } | |
| 676 | + }) | |
| 665 | 677 | |
| 666 | 678 | } |
| 667 | - this.leaseDate=[] | |
| 668 | - this.paymentDate=[] | |
| 679 | + this.leaseDate = [] | |
| 680 | + this.paymentDate = [] | |
| 669 | 681 | |
| 670 | 682 | }, |
| 671 | - changeMode(value){ | |
| 683 | + changeMode(value) { | |
| 672 | 684 | console.log(value) |
| 673 | 685 | const pageindex = { |
| 674 | 686 | pageNumber: 1, |
| 675 | 687 | pageSize: 10, |
| 676 | - id:value | |
| 688 | + id: value | |
| 677 | 689 | } |
| 678 | - ceGetAll(pageindex).then(res=>{ | |
| 679 | - | |
| 680 | - const { id, createDate, policyTemplate,pageNumber,pageSize,updateDate, ...rest } = res.data.content[0] | |
| 681 | - this.form = rest | |
| 690 | + ceGetAll(pageindex).then(res => { | |
| 691 | + | |
| 692 | + const { | |
| 693 | + id, | |
| 694 | + createDate, | |
| 695 | + policyTemplate, | |
| 696 | + pageNumber, | |
| 697 | + pageSize, | |
| 698 | + updateDate, | |
| 699 | + ...rest | |
| 700 | + } = res.data.content[0] | |
| 701 | + this.form = rest | |
| 682 | 702 | this.form.policyTemplate = value |
| 683 | 703 | this.form.rentalPrice = Number(res.data.content[0].rentalPrice) |
| 684 | 704 | this.$set(this.leaseDate, 0, res.data.content[0].leaseStartDate); |
| 685 | - this.$set(this.leaseDate, 1, res.data.content[0].leaseEndDate); | |
| 686 | - this.$set(this.paymentDate, 0, res.data.content[0].paymentStartDate); | |
| 687 | - this.$set(this.paymentDate, 1, res.data.content[0].paymentEndDate); | |
| 705 | + this.$set(this.leaseDate, 1, res.data.content[0].leaseEndDate); | |
| 706 | + this.$set(this.paymentDate, 0, res.data.content[0].paymentStartDate); | |
| 707 | + this.$set(this.paymentDate, 1, res.data.content[0].paymentEndDate); | |
| 688 | 708 | |
| 689 | - }) | |
| 709 | + }) | |
| 690 | 710 | }, |
| 691 | - delM(ids){ | |
| 692 | - const h = this.$createElement; | |
| 693 | - this.$msgbox({ | |
| 694 | - title: '消息', | |
| 695 | - message: h('p', null, [ | |
| 696 | - h('span', null, '是否删除 '), | |
| 697 | - ]), | |
| 698 | - showCancelButton: true, | |
| 699 | - showClose: false, | |
| 700 | - confirmButtonText: '确定', | |
| 701 | - cancelButtonText: '取消', | |
| 702 | - customClass: 'oe-dialog-btn', | |
| 703 | - beforeClose: (action, instance, done) => { | |
| 704 | - if (action === 'confirm') { | |
| 705 | - ceDel({id:ids}).then(res => { | |
| 706 | - this.getAll() | |
| 707 | - done(); | |
| 708 | - }) | |
| 709 | - } else { | |
| 710 | - done(); | |
| 711 | - } | |
| 712 | - } | |
| 713 | - }) | |
| 711 | + delM(ids) { | |
| 712 | + const h = this.$createElement; | |
| 713 | + this.$msgbox({ | |
| 714 | + title: '消息', | |
| 715 | + message: h('p', null, [ | |
| 716 | + h('span', null, '是否删除 '), | |
| 717 | + ]), | |
| 718 | + showCancelButton: true, | |
| 719 | + showClose: false, | |
| 720 | + confirmButtonText: '确定', | |
| 721 | + cancelButtonText: '取消', | |
| 722 | + customClass: 'oe-dialog-btn', | |
| 723 | + beforeClose: (action, instance, done) => { | |
| 724 | + if (action === 'confirm') { | |
| 725 | + ceDel({ | |
| 726 | + id: ids | |
| 727 | + }).then(res => { | |
| 728 | + this.getAll() | |
| 729 | + done(); | |
| 730 | + }) | |
| 731 | + } else { | |
| 732 | + done(); | |
| 733 | + } | |
| 734 | + } | |
| 735 | + }) | |
| 714 | 736 | |
| 715 | 737 | } |
| 716 | 738 | } | ... | ... |