审查视图

src/views/charging/check.vue 32.5 KB
小范 authored
1
<template>
小范 authored
2 3 4
    <el-row>
        <el-card  style="background-color: #F5F7FA">
            <!--            搜索区域-->
5 6
            <el-row  class="toolbar" style ="height:110px;">
                <el-row>
7 8
                    <el-col :span="5">
                        <el-input v-model="queryModel.billOwnerCompanyCode" prefix-icon="el-icon-search"
9 10 11 12
                                  placeholder="客户简码如:BD" clearable>
                            <template slot="prepend">公司简码</template>
                        </el-input>
                    </el-col>
13 14
                    <el-col :offset="1" :span="5">
                        <el-input v-model="queryModel.billBusinessName" prefix-icon="el-icon-search"
15 16 17 18
                                  placeholder="业务名称" clearable>
                            <template slot="prepend">业务名称</template>
                        </el-input>
                    </el-col>
19 20
                    <el-col :offset="1" :span="5">
                        <el-input v-model="queryModel.billType" prefix-icon="el-icon-search"
21 22 23 24
                                  placeholder="业务类型" clearable>
                            <template slot="prepend">业务类型</template>
                        </el-input>
                    </el-col>
25
                    <el-col :offset="1" :span="5">
26 27
                        <div class="my-text-area">
                            <div class="el-input-group__prepend prepand">账单状态</div>
28
                            <el-select v-model="queryModel.billState" placeholder="账单状态" style="width: 90px" clearable>
29 30 31 32 33 34 35 36
                                <el-option label="未结算" value="000"></el-option>
                                <el-option label="已结算" value="001"></el-option>
                                <el-option label="作废" value="111"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                </el-row>
                <el-row>
37 38
                    <el-col :span="5">
                        <el-input v-model="queryModel.billWaybiilno" prefix-icon="el-icon-search"
39 40 41 42
                                  placeholder="单证号" clearable>
                            <template slot="prepend">单证号码</template>
                        </el-input>
                    </el-col>
43
                    <el-col :offset="1" :span="12">
44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
                        <div class="my-text-area">
                            <div class="el-input-group__prepend prepand">计费时间</div>
                            <el-date-picker
                                    v-model="queryDateSearch"
                                    type="daterange"
                                    align="right"
                                    unlink-panels
                                    range-separator="至"
                                    start-placeholder="开始日期"
                                    end-placeholder="结束日期"
                                    value-format="yyyy-MM-dd HH:mm:ss"
                                    :default-time="['00:00:00', '23:59:59']"
                                    @blur="datePickerBlur"
                                    :picker-options="pickerOptions">
                            </el-date-picker>
                        </div>
                    </el-col>
61
                    <el-col :offset="1" :span="5">
62 63 64
                        <el-button type="primary" icon="el-icon-search"  @click="getList()">
                            查询
                        </el-button>
65
                        <el-button type="success" icon="el-icon-edit" size="small" @click="applyAdd()">新增</el-button>
66 67
                    </el-col>
                </el-row>
小范 authored
68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149
            </el-row>
            <!--            列表区域-->
            <el-row>
                <template>
                    <el-table
                            :data="tableData"
                            border
                            :cell-style="{textAlign:'center'}"
                            style="border-radius: 10px 10px 0px 0px;line-height: 25px"
                            :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
                    >
                        <el-table-column
                                fixed
                                prop="billWaybiilno"
                                label="关联单据/运单号"
                                width="120">
                        </el-table-column>
                        <el-table-column
                                prop="billName"
                                label="费用名称"
                                width="80">
                        </el-table-column>
                        <el-table-column
                                prop="billState"
                                label="费用状态"
                                width="80">
                            <template slot-scope="scope">
                                <span v-if="scope.row.billState ==='000'">未支付</span>
                                <span v-if="scope.row.billState ==='001'">已支付</span>
                                <span v-if="scope.row.billState ==='111'">作废</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="billPayModel"
                                label="结算方式"
                                width="80">
                            <template slot-scope="scope">
                                <span v-if="scope.row.billPayModel ==='000'">记账</span>
                                <span v-if="scope.row.billPayModel ==='001'">月结</span>
                                <span v-if="scope.row.billPayModel ==='002'">现金</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="billIeType"
                                label="支出/收入"
                                width="80">
                            <template slot-scope="scope">
                                <span v-if="scope.row.billIeType ==='I'">收入</span>
                                <span v-if="scope.row.billIeType ==='E'">支出</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="billBusinessName"
                                label="费用所属业务类型"
                                width="120">
                        </el-table-column>
                        <el-table-column
                                prop="billCosts"
                                label="最终费用额度"
                                width="100">
                        </el-table-column>
                        <el-table-column
                                prop="billCostsBefore"
                                label="费用优惠前额度"
                                width="110">
                        </el-table-column>
                        <el-table-column
                                prop="billCostsDiscounts"
                                label="优惠金额"
                                width="80">
                        </el-table-column>
                        <el-table-column
                                prop="billCurrency"
                                label="计费单位"
                                width="80">
                        </el-table-column>
                        <el-table-column
                                prop="billSource"
                                label="费用产生来源"
                                width="160">
                        </el-table-column>
                        <el-table-column
150 151 152 153 154
                                prop="billCreatTime"
                                label="计费时间"
                                width="160">
                        </el-table-column>
                        <el-table-column
小范 authored
155 156 157 158 159 160 161 162 163 164 165 166 167 168 169
                                fixed="right"
                                label="操作"
                                width="160">
                            <template slot-scope="scope">
                                <el-button type="success" size="mini" @click="applyEdit(scope.row)">编辑</el-button>
                                <el-button type="danger" size="mini" @click="applyDel(scope.row)">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </template>
            </el-row>
            <el-row style="margin-top: 10px" class="toolbar">
                <el-pagination
                        @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
170 171
                        :current-page="queryInfo.pageSize"
                        :page-size="queryInfo.limitSize"
小范 authored
172 173 174 175 176 177
                        :page-sizes="[10, 50, 100, 500]"
                        layout="total, sizes, prev, pager, next, jumper"
                        :total="total">
                </el-pagination>
            </el-row>
            <el-row>
178
                <el-dialog :title="dialogMap[dialogApply]" :visible.sync="apply_dialog" width="80%" v-dialog-drag>
小范 authored
179 180 181 182
                    <el-form  :model="addForm"  :rules="rules" ref="addForm" style="margin-top: 40px">
                        <el-row>
                            <el-col :span="11">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billWaybiilno">
183
                                    <el-input v-model="addForm.billWaybiilno" autocomplete="off">
小范 authored
184 185 186 187
                                        <template slot="prepend">关联单据/运单号</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
188
                            <el-col :span="11">
小范 authored
189
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billName">
190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207
                                    <div class="my-text-area">
                                        <div class="el-input-group__prepend prepand">费用名称</div>
                                        <el-select v-model="addForm.billName"
                                                   @click.native="getCurrency"
                                                   default-first-option
                                                   :loading="loadings" clearable placeholder="请选择"   style="width: 225px">
                                            <el-option
                                                    v-for="item in billNames"
                                                    :key="item.currencysort"
                                                    :label="item.currencyDescription"
                                                    :value="item.currencysort"
                                                    :disabled="item.disabled">
                                            </el-option>
                                        </el-select>
                                    </div>
<!--                                    <el-input v-model="addForm.billName" autocomplete="off">-->
<!--                                        <template slot="prepend">费用名称</template>-->
<!--                                    </el-input>-->
小范 authored
208 209 210 211 212 213 214 215
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="11">
                                <el-form-item label=" " :label-width="formLabelWidth" prop="billState">
                                    <div class="my-text-area">
                                        <div class="el-input-group__prepend prepand">费用状态</div>
216
                                        <el-select v-model="addForm.billState" placeholder="请选择费用状态" style="width: 225px">
小范 authored
217 218 219 220 221 222 223
                                            <el-option label="未支付" value="000"></el-option>
                                            <el-option label="已支付" value="001"></el-option>
                                            <el-option label="作废" value="111"></el-option>
                                        </el-select>
                                    </div>
                                </el-form-item>
                            </el-col>
224
                            <el-col :span="11">
小范 authored
225 226 227
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billPayModel">
                                    <div class="my-text-area">
                                        <div class="el-input-group__prepend prepand">结算方式</div>
228
                                        <el-select v-model="addForm.billPayModel" placeholder="请选择结算方式" style="width: 225px">
小范 authored
229 230 231 232 233 234 235 236 237 238 239 240 241
                                            <el-option label="现金" value="002"></el-option>
                                            <el-option label="记账" value="000"></el-option>
                                            <el-option label="月结" value="001"></el-option>
                                        </el-select>
                                    </div>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="11">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billIeType">
                                    <div class="my-text-area">
                                        <div class="el-input-group__prepend prepand">支出/收入</div>
242
                                        <el-select v-model="addForm.billIeType" placeholder="请选择支付方式" style="width: 225px">
小范 authored
243 244 245 246 247 248
                                            <el-option label="收入" value="I"></el-option>
                                            <el-option label="支出" value="E"></el-option>
                                        </el-select>
                                    </div>
                                </el-form-item>
                            </el-col>
249
                            <el-col :span="11">
小范 authored
250
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billBusinessName">
251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283
                                    <div class="my-text-area">
                                        <div class="el-input-group__prepend prepand">业务类型</div>
                                        <el-select v-model="addForm.billBusinessName"
                                                   @click.native="getCreden"
                                                   default-first-option
                                                   :loading="loading" clearable placeholder="请选择"   style="width: 225px">
                                            <el-option
                                                    v-for="item in businesstypes"
                                                    :key="item.busnessType"
                                                    :label="item.busnessType"
                                                    :value="item.busnessType"
                                                    :disabled="item.disabled">
                                            </el-option>
                                        </el-select>
                                    </div>
<!--                                    <el-input v-model="addForm.billBusinessName" autocomplete="off">-->
<!--                                        <template slot="prepend">费用所属业务类型</template>-->
<!--                                    </el-input>-->
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="11">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billCosts">
                                    <el-input :disabled="dialogApply === 'update'" v-model="addForm.weight" autocomplete="off">
                                        <template slot="prepend">重量</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="11">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billCostsBefore">
                                    <el-input :disabled="dialogApply === 'update'" v-model="addForm.goodsvol" autocomplete="off">
                                        <template slot="prepend">体积</template>
小范 authored
284 285 286 287 288 289 290
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="11">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billCosts">
291
                                    <el-input v-model="addForm.billCosts" autocomplete="off">
小范 authored
292 293 294 295
                                        <template slot="prepend">最终费用额度</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
296
                            <el-col :span="11">
小范 authored
297
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billCostsBefore">
298
                                    <el-input v-model="addForm.billCostsBefore" autocomplete="off">
小范 authored
299 300 301 302 303 304 305 306
                                        <template slot="prepend">费用优惠前额度</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="11">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billCostsDiscounts">
307
                                    <el-input v-model="addForm.billCostsDiscounts" autocomplete="off">
小范 authored
308 309 310 311
                                        <template slot="prepend">优惠金额</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
312
                            <el-col :span="11">
小范 authored
313
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billCurrency">
314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331
                                    <div class="my-text-area">
                                        <div class="el-input-group__prepend prepand">计费单位</div>
                                        <el-select v-model="addForm.billCurrency"
                                                   @click.native="getCurrency"
                                                   default-first-option
                                                   :loading="loadings" clearable placeholder="请选择"   style="width: 225px">
                                            <el-option
                                                    v-for="item in billNames"
                                                    :key="item.currencyCode"
                                                    :label="item.currencyCode"
                                                    :value="item.currencyCode"
                                                    :disabled="item.disabled">
                                            </el-option>
                                        </el-select>
                                    </div>
<!--                                    <el-input v-model="addForm.billCurrency" autocomplete="off">-->
<!--                                        <template slot="prepend">计费单位</template>-->
<!--                                    </el-input>-->
小范 authored
332 333 334 335 336 337
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="11">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billSource">
338
                                    <el-input v-model="addForm.billSource" autocomplete="off">
小范 authored
339 340 341 342
                                        <template slot="prepend">费用产生来源</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
343 344 345 346 347 348 349
                            <el-col :span="11">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="billCosts">
                                    <el-input v-model="addForm.billOwnerCompanyCode" autocomplete="off">
                                        <template slot="prepend">企业简码</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
小范 authored
350 351 352 353 354 355 356 357 358 359
                        </el-row>
                    </el-form>
                    <div slot="footer" class="dialog-footer">
                        <el-button @click="apply_dialog = false" size="small">取 消</el-button>
                        <el-button type="primary" @click="dialogApply==='create'?add():edit()" size="small">提 交</el-button>
                    </div>
                </el-dialog>
            </el-row>
        </el-card>
    </el-row>
小范 authored
360 361 362
</template>

<script>
363
    import {list,edit,remove,add,get,currency} from '../../api/consigner/check';
小范 authored
364
小范 authored
365
    export default {
小范 authored
366 367 368
        name: "check",
        data() {
            return {
369 370 371 372
                loading:false,
                businesstypes:[],
                loadings:false,
                billNames:[],
小范 authored
373 374 375 376 377
                queryInfo: {
                    // companyId:'',
                    // busnessType:'',
                    // state:'',
                    // 每页大小
378 379
                    limitSize: 10,
                    // 当前页数
380
                    pageSize: 1,
小范 authored
381
                },
382 383 384 385 386 387 388 389 390 391
                queryModel:{
                    billState:'',
                    billType:'',
                    billBusinessName:'',
                    billOwnerCompanyCode:'',
                    billCreatTimeStart:undefined,
                    billCreatTimeEnd:undefined,
                    billWaybiilno:''
                },
                queryDateSearch:[],
小范 authored
392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412
                total: 0,
                tableData:[],
                dialogMap: {
                    update: '编辑',
                    create: '新增'
                },
                dis: undefined,
                dialogApply: 'create',
                apply_dialog: false,
                addForm: {
                    billWaybiilno: '',
                    billName: '',
                    billState: '',
                    billPayModel: '',
                    billIeType: '',
                    billBusinessName: '',
                    billCosts:'',
                    billCostsBefore:'',
                    billCostsDiscounts:'',
                    billCurrency: '',
                    billSource:'',
413 414 415 416
                    weight:'',
                    goodsvol:'',
                    billOwnerCompanyCode:'',
                    billCreatUserid:'1'
小范 authored
417
                },
418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444
                pickerOptions: {
                    shortcuts: [{
                        text: '最近一周',
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
                            picker.$emit('pick', [start, end]);
                        }
                    }, {
                        text: '最近一个月',
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
                            picker.$emit('pick', [start, end]);
                        }
                    }, {
                        text: '最近三个月',
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
                            picker.$emit('pick', [start, end]);
                        }
                    }]
                },
小范 authored
445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463
                formLabelWidth: '120px',
                rules: {
                    companyId: [
                        {  required: true, message: '必填', trigger: 'change' }
                    ],
                    // needCount: [
                    //     { required: true, message: '请输入需要车辆数量', trigger: 'blur' },
                    // ],
                    // orginStation: [
                    //     { required: true, message: '请输入起始场站', trigger: 'blur' },
                    // ],
                    // endStation: [
                    //     { required: true, message: '请输入目的场站', trigger: 'blur' },
                    // ],
                },
            }
        },
        methods: {
            handleSizeChange(val) {
464
                this.queryInfo.limitSize = val
小范 authored
465 466 467
                this.getList()
            },
            handleCurrentChange(val) {
468
                this.queryInfo.pageSize = val
小范 authored
469 470
                this.getList()
            },
471 472 473 474 475 476
            datePickerBlur(){
                if (this.queryDateSearch && this.queryDateSearch.length>0){
                    this.queryModel.billCreatTimeStart = this.queryDateSearch[0]
                    this.queryModel.billCreatTimeEnd = this.queryDateSearch[1]
                }
            },
477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519
            //获取费用名称和单位
            getCurrency(){
                this.billNames=[];
                //let params={};
                this.loadings = true;
                currency().then(res =>{
                    console.log(res)
                    if (res!=null) {
                        console.log(res.data.data)
                        setTimeout(() => {
                            this.loadings = false;
                            this.billNames=res.data.data;
                        }, 200);
                    } else {
                        this.billNames = [];
                    }

                });
            },
            //获取业务类型
            getCreden(){
                this.businesstypes=[];
                //let params={};
                this.loading = true;
                get().then(res =>{
                    console.log(res)
                    if (res!=null) {
                        console.log(res.data.data)
                        setTimeout(() => {
                            this.loading = false;
                            this.businesstypes=res.data.data.list;
                            // this.businesstypes.value=res.data.data.typeNme;
                            // this.businesstypes.label=res.data.data.typeDes;
                            // this.businesstypes.disabled=res.data.data.disabled;


                        }, 200);
                    } else {
                        this.businesstypes = [];
                    }

                });
            },
小范 authored
520 521
            getList() {
                const _this = this
522
                list(this.queryModel,this.queryInfo).then((response) => {
小范 authored
523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538
                    const res = response.data
                    console.log(response.data)
                    if (res.code !== '200') {
                        return _this.$message.error('获取消息收发记录,失败!')
                    }
                    // 获取列表数据
                    _this.tableData = res.data.list
                    // 获取列表的总记录数
                    _this.total = res.data.total
                    _this.$message.success('获取消息收发记录,成功!')
                }).catch(error => {
                    // 关闭加载
                    _this.$message.error(error.toString())
                })
            },
            // 添加对话框,打开事件
539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560
            applyAdd() {
                this.addForm = {
                    billWaybiilno: '',
                    billName: '',
                    billState: '',
                    billPayModel: '',
                    billIeType: '',
                    billBusinessName: '',
                    billCosts:'',
                    billCostsBefore:'',
                    billCostsDiscounts:'',
                    billCurrency: '',
                    billSource:'',
                    weight:'',
                    goodsvol:'',
                    billOwnerCompanyCode:'',
                    billCreatUserid:'1'
                };
                this.dialogApply= 'create';
                this.dis= 'create';
                this.apply_dialog = true;
            },
小范 authored
561
            // 添加功能
562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582
            add() {
                this.$refs.addForm.validate(valid => {
                    // 未通过,表单预校验
                    if (!valid) return;
                    add(this.addForm).then((response) => {
                        let res = response.data;
                        // 添加失败
                        if (res.code !== '200') {
                            return this.$message.error(res.msg);
                        }
                        // 添加,成功
                        this.$message.success(res.msg);
                        // 隐藏对话框
                        this.apply_dialog = false;
                        // 刷新列表
                        this.getList();
                    }).catch(error => {
                        this.$message.error(error.toString());
                    });
                })
            },
小范 authored
583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639
// 打开编辑
            applyEdit(row) {
                this.apply_dialog = true;
                this.dialogApply = 'update';
                this.dis= 'update';
                this.addForm=row;
            },
            // 编辑功能
            edit() {
                // 进行表单的预验证
                this.$refs.addForm.validate(valid => {
                    // 未通过,表单预校验
                    if (!valid) return
                    edit(this.addForm).then((response) => {
                        // console.log(row)
                        const res = response.data
                        if (res.code != '200') {
                            return this.$message.error(res.msg)
                        }
                        this.$message.success(res.msg)
                        // 隐藏对话框
                        this.apply_dialog = false
                        // 刷新列表
                        this.getList()
                    }).catch(error => {
                        this.$message.error(error.toString())
                    })
                })
            },
            // 删除
            applyDel(row) {
                // 弹框询问是否删除?
                this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
                        confirmButtonText: '确定删除',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }
                ).then(() => {
                    // console.log(row);
                    remove(row).then((response) => {
                        // console.log(row)
                        const res = response.data
                        this.$message.success(res.msg)
                        this.getList()
                    }).catch(error => {
                        this.$message.error(error)
                    })
                }).catch(() => {
                })
            },
        },
        mounted() {
            this.getList();
            // this.getYardList();

        }
小范 authored
640 641 642 643
    }
</script>

<style scoped>
小范 authored
644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659
    .toolbar{
        height: 60px;
        background-color: white;
        /*line-height: 60px;*/
        vertical-align: middle;
        border-radius: 5px 5px 5px 5px;
        padding: 15px 0 0 20px;
        box-shadow: 0px 5px 5px #e5e8eb;
    }
    .my-text-area .prepand{
        float: left;
        width:89px;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
    }
小范 authored
660
</style>
小范 authored
661 662 663 664 665 666 667 668 669
<style>
    .my-text-area .el-textarea__inner{
        min-height: 28px;
        height: 28px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
</style>