Commit e6d23581 by 无尘

fix: 更新loading

parent 811f96b5
.input-line-cell[data-v-6a34064a]{position:relative;display:inline-block}.input-line-cell.limit-color .input-cell-tip[data-v-6a34064a]{color:hsla(0,0%,100%,.7)}.input-line-cell .input-cell-tip[data-v-6a34064a]{position:absolute;top:2px;right:10px;display:inline-block;line-height:32px;text-align:right;font-size:12px;color:#c0c4cc}.w-340[data-v-6a34064a]{width:340px}.w-340[data-v-6a34064a] .el-input__inner{font-size:14px;color:#fff;background-color:hsla(0,0%,100%,.1)}.el-input[data-v-6a34064a] .el-input__inner{font-size:14px;color:#606266;background-color:hsla(0,0%,100%,.1)}.el-input.is-disabled[data-v-6a34064a]{opacity:.5}.el-input .is-disabled[data-v-6a34064a] .el-input__inner{font-size:14px;color:#fff;background-color:hsla(0,0%,100%,.1)}.tag-classify-drop .el-dropdown-menu__item[data-v-e8e5b810]{padding:0 30px}.tag-classify-body .tag-classify-item[data-v-e8e5b810]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px 0 20px;font-size:14px;font-weight:400;line-height:32px;margin-bottom:10px;color:#606266;cursor:pointer}.tag-classify-body .tag-classify-item.active[data-v-e8e5b810],.tag-classify-body .tag-classify-item[data-v-e8e5b810]:hover{color:#2f54eb;background-color:rgba(47,84,235,.05)}.tag-classify-body .tag-classify-item:hover .edit-icon[data-v-e8e5b810]{opacity:1;color:#909399;background-color:none}.tag-classify-body .tag-classify-item .edit-icon[data-v-e8e5b810]{padding:4px;opacity:0;font-size:16px}.tag-classify-body .tag-classify-item .edit-icon[data-v-e8e5b810]:hover{opacity:1;color:#2f54eb;background-color:rgba(47,84,235,.09)}.tag-classify-body .tag-classify-item .tag-classify-name[data-v-e8e5b810]{display:block;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-classify-body .no-data[data-v-e8e5b810]{padding:10px 0 40px 0;text-align:center;color:#909399}.m-t-5[data-v-24d6c419]{margin-top:5px}.el-form .el-input[data-v-24d6c419],.el-form .el-select[data-v-24d6c419]{width:440px}.el-form .input-tag-div[data-v-24d6c419]{position:relative}.el-form .input-tag-div .input-cell-tip[data-v-24d6c419]{position:absolute;top:2px;right:20px;display:inline-block;line-height:30px;text-align:right;font-size:12px;color:#c0c4cc;font-weight:400}.select-tree-wrap[data-v-421e873f]{height:445px;overflow-y:auto;border:1px solid #e4e7ed}.w-117[data-v-010db8de]{width:117px}.font-22[data-v-010db8de]{font-size:22px}.move-row-cell .icontuozhuaiopen[data-v-010db8de]{display:none;line-height:20px}.move-row-cell:hover .show-icon[data-v-010db8de]{display:inline-block;vertical-align:middle}.clerk-tag-body .clerk-tag-left[data-v-010db8de]{position:relative;width:200px;min-width:200px;max-width:200px;padding:30px 0 0 0}.clerk-tag-body .clerk-tag-left .clerk-tag-add .el-button[data-v-010db8de]{border-style:dashed}.clerk-tag-body .clerk-tag-right[data-v-010db8de]{position:relative;min-width:calc(100% - 200px);min-height:calc(100vh - 94px);border-left:1px solid #e4e7ed}
\ No newline at end of file
.input-line-cell[data-v-6a34064a]{position:relative;display:inline-block}.input-line-cell.limit-color .input-cell-tip[data-v-6a34064a]{color:hsla(0,0%,100%,.7)}.input-line-cell .input-cell-tip[data-v-6a34064a]{position:absolute;top:2px;right:10px;display:inline-block;line-height:32px;text-align:right;font-size:12px;color:#c0c4cc}.w-340[data-v-6a34064a]{width:340px}.w-340[data-v-6a34064a] .el-input__inner{font-size:14px;color:#fff;background-color:hsla(0,0%,100%,.1)}.el-input[data-v-6a34064a] .el-input__inner{font-size:14px;color:#606266;background-color:hsla(0,0%,100%,.1)}.el-input.is-disabled[data-v-6a34064a]{opacity:.5}.el-input .is-disabled[data-v-6a34064a] .el-input__inner{font-size:14px;color:#fff;background-color:hsla(0,0%,100%,.1)}.tag-classify-drop .el-dropdown-menu__item[data-v-e8e5b810]{padding:0 30px}.tag-classify-body .tag-classify-item[data-v-e8e5b810]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px 0 20px;font-size:14px;font-weight:400;line-height:32px;margin-bottom:10px;color:#606266;cursor:pointer}.tag-classify-body .tag-classify-item.active[data-v-e8e5b810],.tag-classify-body .tag-classify-item[data-v-e8e5b810]:hover{color:#2f54eb;background-color:rgba(47,84,235,.05)}.tag-classify-body .tag-classify-item:hover .edit-icon[data-v-e8e5b810]{opacity:1;color:#909399;background-color:none}.tag-classify-body .tag-classify-item .edit-icon[data-v-e8e5b810]{padding:4px;opacity:0;font-size:16px}.tag-classify-body .tag-classify-item .edit-icon[data-v-e8e5b810]:hover{opacity:1;color:#2f54eb;background-color:rgba(47,84,235,.09)}.tag-classify-body .tag-classify-item .tag-classify-name[data-v-e8e5b810]{display:block;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-classify-body .no-data[data-v-e8e5b810]{padding:10px 0 40px 0;text-align:center;color:#909399}.m-t-5[data-v-fd857124]{margin-top:5px}.el-form .el-input[data-v-fd857124],.el-form .el-select[data-v-fd857124]{width:440px}.el-form .input-tag-div[data-v-fd857124]{position:relative}.el-form .input-tag-div .input-cell-tip[data-v-fd857124]{position:absolute;top:2px;right:20px;display:inline-block;line-height:30px;text-align:right;font-size:12px;color:#c0c4cc;font-weight:400}.select-tree-wrap[data-v-421e873f]{height:445px;overflow-y:auto;border:1px solid #e4e7ed}.w-117[data-v-010db8de]{width:117px}.font-22[data-v-010db8de]{font-size:22px}.move-row-cell .icontuozhuaiopen[data-v-010db8de]{display:none;line-height:20px}.move-row-cell:hover .show-icon[data-v-010db8de]{display:inline-block;vertical-align:middle}.clerk-tag-body .clerk-tag-left[data-v-010db8de]{position:relative;width:200px;min-width:200px;max-width:200px;padding:30px 0 0 0}.clerk-tag-body .clerk-tag-left .clerk-tag-add .el-button[data-v-010db8de]{border-style:dashed}.clerk-tag-body .clerk-tag-right[data-v-010db8de]{position:relative;min-width:calc(100% - 200px);min-height:calc(100vh - 94px);border-left:1px solid #e4e7ed}
\ No newline at end of file
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2020-09-01 17:16:25
* @LastEditors: 无尘
* @LastEditTime: 2020-12-22 15:36:21
* @LastEditTime: 2020-12-22 15:43:18
-->
<!--
......@@ -13,53 +13,55 @@
-->
<template>
<el-dialog :title="form.tagId ? '编辑标签' : '新建标签'" width="600px" :visible.sync="editVisible" :before-close="handleClose" append-to-body>
<common-alert-tip :width="'476px'" :tip-content="tipContent"></common-alert-tip>
<el-form v-loading="loadBtn" class="m-t-20" :model="form" :rules="rules" ref="tagForm" label-width="110px">
<el-form-item label="标签名称" prop="tagName">
<limit-input
:input-width="440"
:input-value.sync="form.tagName"
:holder="'请输入标签名称'"
:get-by-type="'normal'"
:max-length="15">
</limit-input>
</el-form-item>
<el-form-item label="所属分类" prop="categoryId">
<el-select v-model="form.categoryId" placeholder="请选择">
<el-option
v-for="item in tagsClassifyData"
:key="item.categoryId"
:label="item.categoryName"
:value="item.categoryId">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="标签值" prop="">
<el-tag
:key="index+'tag'"
v-for="(item, index) in form.tagValueDTOList"
closable
:disable-transitions="false"
@close="handleDel(index)">
{{item.tagValue}}
</el-tag>
<div v-if="form.tagValueDTOList.length < 20" class="m-t-5 input-tag-div">
<el-input
class="input-new-tag"
v-model="inputValue"
ref="saveTagInput"
size="small"
maxlength="15"
placeholder="请输入标签值并回车添加多个"
@keyup.enter.native="handleInputConfirm">
</el-input>
<span class="input-cell-tip">{{inputValue.length}}/15</span>
</div>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取消</el-button>
<el-button type="primary" @click="submit('tagForm')">{{form.tagId ? '保存' : '新建'}}</el-button>
<div v-loading="loadBtn">
<common-alert-tip :width="'476px'" :tip-content="tipContent"></common-alert-tip>
<el-form class="m-t-20" :model="form" :rules="rules" ref="tagForm" label-width="110px">
<el-form-item label="标签名称" prop="tagName">
<limit-input
:input-width="440"
:input-value.sync="form.tagName"
:holder="'请输入标签名称'"
:get-by-type="'normal'"
:max-length="15">
</limit-input>
</el-form-item>
<el-form-item label="所属分类" prop="categoryId">
<el-select v-model="form.categoryId" placeholder="请选择">
<el-option
v-for="item in tagsClassifyData"
:key="item.categoryId"
:label="item.categoryName"
:value="item.categoryId">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="标签值" prop="">
<el-tag
:key="index+'tag'"
v-for="(item, index) in form.tagValueDTOList"
closable
:disable-transitions="false"
@close="handleDel(index)">
{{item.tagValue}}
</el-tag>
<div v-if="form.tagValueDTOList.length < 20" class="m-t-5 input-tag-div">
<el-input
class="input-new-tag"
v-model="inputValue"
ref="saveTagInput"
size="small"
maxlength="15"
placeholder="请输入标签值并回车添加多个"
@keyup.enter.native="handleInputConfirm">
</el-input>
<span class="input-cell-tip">{{inputValue.length}}/15</span>
</div>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取消</el-button>
<el-button type="primary" @click="submit('tagForm')">{{form.tagId ? '保存' : '新建'}}</el-button>
</div>
</div>
</el-dialog>
</template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment