Browse Source

xc更改页面显示和箭头方向,默认不显示非输入字段

master
z_yu 3 years ago
parent
commit
22acb93bd0
  1. 6
      src/views/category/descriptionPreview/index.vue

6
src/views/category/descriptionPreview/index.vue

@ -2,7 +2,7 @@
<div class="category-main"> <div class="category-main">
<div class="des-preview-left"> <div class="des-preview-left">
<div class="des-title"> <div class="des-title">
<p>字段调整 显示字段</p>
<p>字段调整 输入字段</p>
</div> </div>
<ul class="des-fields"> <ul class="des-fields">
<li v-for="(item,index) in allFieldsData" v-show="item.isInput" :key="index" :class="[ fieldsActive == index ?'fields-active':'']" @click="selectField(index)"> <li v-for="(item,index) in allFieldsData" v-show="item.isInput" :key="index" :class="[ fieldsActive == index ?'fields-active':'']" @click="selectField(index)">
@ -12,11 +12,11 @@
</li> </li>
</ul> </ul>
<div class="des-title"> <div class="des-title">
<p @click="isCollaspeHiddenFields = !isCollaspeHiddenFields">字段名称 <i :class="['el-icon-arrow-down', isCollaspeHiddenFields ?'el-icon-arrow-down':'arrow-up']" /></p>
<p @click="isCollaspeHiddenFields = !isCollaspeHiddenFields">非输入字段 <i :class="['el-icon-arrow-down', isCollaspeHiddenFields ?'el-icon-arrow-down':'arrow-up']" /></p>
</div> </div>
<!-- 收起展开 --> <!-- 收起展开 -->
<el-collapse-transition> <el-collapse-transition>
<ul v-show="isCollaspeHiddenFields" class="des-fields">
<ul v-show="!isCollaspeHiddenFields" class="des-fields">
<li v-for="(item,index) in allFieldsData" v-show="!item.isInput" :key="index" :class="[ fieldsActive == index ?'fields-active':'']" @click="selectField(index)"> <li v-for="(item,index) in allFieldsData" v-show="!item.isInput" :key="index" :class="[ fieldsActive == index ?'fields-active':'']" @click="selectField(index)">
<el-tooltip class="item" effect="dark" :content="item.fieldCnName" :enterable="false" placement="top"> <el-tooltip class="item" effect="dark" :content="item.fieldCnName" :enterable="false" placement="top">
<p>{{ item.fieldCnName }}</p> <p>{{ item.fieldCnName }}</p>

Loading…
Cancel
Save