|
|
@@ -4,7 +4,7 @@
|
|
|
<!--表的结构是 列的数据 -->
|
|
|
<div v-if="columns && columns.length > 0">
|
|
|
<div class="top-data" v-if="imgFlag">
|
|
|
- <div v-for="(tdItem,tdIndex) in topData" :key="tdIndex" :style="{width: 100/topData.length+'%'}">
|
|
|
+ <div v-for="(tdItem, tdIndex) in topData" :key="tdIndex" :style="{ width: 100 / topData.length + '%' }">
|
|
|
<div>
|
|
|
<div v-if="tdItem.type === 'amount'" style="display: flex;align-items: baseline;justify-content: center;">
|
|
|
<span style="font-size: 12px;">¥</span>
|
|
|
@@ -20,191 +20,181 @@
|
|
|
<div class="header">
|
|
|
<div style="width:17px;"></div>
|
|
|
<div style="width: calc(100% - 17px);display: flex;">
|
|
|
- <div :style="{width:colItem.width,textAlign:(colItem.align?colItem.align:'center')}"
|
|
|
- v-for="(colItem,colIndex) in columns" :key="colIndex">{{ colItem.title }}
|
|
|
+ <div :style="{ width: colItem.width, textAlign: (colItem.align ? colItem.align : 'center') }"
|
|
|
+ v-for="(colItem, colIndex) in columns" :key="colIndex">{{ colItem.title }}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div v-if="tableData && tableData.length>0" class="data">
|
|
|
- <div v-for="(tableDataItem,tableDataIndex) in tableData" :key="tableDataIndex"
|
|
|
- style="display: flex;background: #fff;padding: 0 9px;">
|
|
|
+ <div v-if="tableData && tableData.length > 0" class="data">
|
|
|
+ <div v-for="(tableDataItem, tableDataIndex) in tableData" :key="tableDataIndex"
|
|
|
+ style="display: flex;background: #fff;padding: 0 9px;">
|
|
|
<div v-if="imgFlag" style="width:17px;position: relative;display: flex;align-items: center;"
|
|
|
- :style="{borderBottom:(tableDataIndex!==tableData.length-1?1:0)+'px solid #E9F0FE;'}">
|
|
|
- <img style="position: absolute;width: 20.16px;height: 15.26px;top:8px;left:-9.5px;" v-if="tableDataIndex<=2"
|
|
|
- :src="getImg(tableDataIndex)"/>
|
|
|
+ :style="{ borderBottom: (tableDataIndex !== tableData.length - 1 ? 1 : 0) + 'px solid #E9F0FE;' }">
|
|
|
+ <img style="position: absolute;width: 20.16px;height: 15.26px;top:8px;left:-9.5px;" v-if="tableDataIndex <= 2"
|
|
|
+ :src="getImg(tableDataIndex)" />
|
|
|
<div style="font-family: 'DIN Alternate';font-style: normal;font-weight: 700;font-size: 9px;color: #1B365D;"
|
|
|
- v-else>{{ tableDataIndex <= 8 ? ('0' + (tableDataIndex + 1)) : (tableDataIndex + 1) }}
|
|
|
+ v-else>{{ tableDataIndex <= 8 ? ('0' + (tableDataIndex + 1)) : (tableDataIndex + 1) }} </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div style="width: calc(100%);display: flex;">
|
|
|
- <div class="cell"
|
|
|
- :style="{width:col2Item.width,borderBottom:(tableDataIndex!==tableData.length-1?1:0)+'px solid #E9F0FE',textAlign:(col2Item.align?col2Item.align:'center')}"
|
|
|
- v-for="(col2Item,col2Index) in columns" :key="col2Index">
|
|
|
- <span v-if="col2Item.type === 'amount'" style="display: inline-block;text-align: left;word-break: break-all;">
|
|
|
- <span style="font-size: 10px;"
|
|
|
- v-if="(tableDataItem[col2Item.name] || tableDataItem[col2Item.name] === 0)">¥</span>
|
|
|
- {{
|
|
|
- tableDataItem[col2Item.name] ? toThousandCents(tableDataItem[col2Item.name]) : (!col2Item.ifNull ? '0.00' : col2Item.ifNull)
|
|
|
- }}
|
|
|
- </span>
|
|
|
- <span v-else style="display: inline-block;text-align: left;word-break: break-all;">
|
|
|
- {{
|
|
|
- col2Item.before && (tableDataItem[col2Item.name] || tableDataItem[col2Item.name] === 0) ? col2Item.before : ''
|
|
|
- }}
|
|
|
- {{
|
|
|
- (tableDataItem[col2Item.name] || tableDataItem[col2Item.name] === 0) ? tableDataItem[col2Item.name] : (col2Item.ifNull ? col2Item.ifNull : '')
|
|
|
- }}
|
|
|
- {{
|
|
|
- col2Item.after && (tableDataItem[col2Item.name] || tableDataItem[col2Item.name] === 0) ? col2Item.after : ''
|
|
|
- }}
|
|
|
- </span>
|
|
|
+ <div style="width: calc(100%);display: flex;">
|
|
|
+ <div class="cell"
|
|
|
+ :style="{ width: col2Item.width, borderBottom: (tableDataIndex !== tableData.length - 1 ? 1 : 0) + 'px solid #E9F0FE', textAlign: (col2Item.align ? col2Item.align : 'center') }"
|
|
|
+ v-for="(col2Item, col2Index) in columns" :key="col2Index">
|
|
|
+ <span v-if="col2Item.type === 'amount'"
|
|
|
+ style="display: inline-block;text-align: left;word-break: break-all;">
|
|
|
+ <span style="font-size: 10px;"
|
|
|
+ v-if="(tableDataItem[col2Item.name] || tableDataItem[col2Item.name] === 0)">¥</span>
|
|
|
+ {{
|
|
|
+ tableDataItem[col2Item.name] ? toThousandCents(tableDataItem[col2Item.name]) : (!col2Item.ifNull ?
|
|
|
+ '0.00' : col2Item.ifNull)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ <span v-else style="display: inline-block;text-align: left;word-break: break-all;">
|
|
|
+ {{
|
|
|
+ col2Item.before && (tableDataItem[col2Item.name] || tableDataItem[col2Item.name] === 0) ?
|
|
|
+ col2Item.before : ''
|
|
|
+ }}
|
|
|
+ {{
|
|
|
+ (tableDataItem[col2Item.name] || tableDataItem[col2Item.name] === 0) ? tableDataItem[col2Item.name] :
|
|
|
+ (col2Item.ifNull ? col2Item.ifNull : '')
|
|
|
+ }}
|
|
|
+ {{
|
|
|
+ col2Item.after && (tableDataItem[col2Item.name] || tableDataItem[col2Item.name] === 0) ? col2Item.after
|
|
|
+ : ''
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div v-else
|
|
|
+ style="line-height: 100px;color: #95A8CB;width:100%;font-family: 'PingFang SC';font-style: normal;font-weight: 400;font-size: 14px;background:#fff;text-align: center;">
|
|
|
+ <div>{{ $t('appNoData') }}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div v-else
|
|
|
- style="line-height: 100px;color: #95A8CB;width:100%;font-family: 'PingFang SC';font-style: normal;font-weight: 400;font-size: 14px;background:#fff;text-align: center;">
|
|
|
- <div>{{ $t('appNoData') }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 行的数据 有测拉删除的组件 -->
|
|
|
- <div v-if="rows && rows.length > 0">
|
|
|
- <div v-for="(tableDataItem,tableDataIndex) in tableRowData" :key="tableDataIndex"
|
|
|
- @click="onOpenDetail(tableDataItem,tableDataIndex)"
|
|
|
- style="background: #fff;margin: 10px 10px 10px 10px;border-radius: 7px; "
|
|
|
- :style="{ boxShadow:(boxShadowFlag ? '2px 2px 5px #e5e5e6' :'' )}">
|
|
|
- <!-- 有测拉删除的组件 -->
|
|
|
- <van-swipe-cell :disabled="disabledSwipe">
|
|
|
- <div style="display: flex;width: 100%; padding: 10px 10px 10px 10px;">
|
|
|
- <!-- 复选框-->
|
|
|
- <div style="width: 10%;background: white;justify-items: center;align-items: center;display: flex" v-if="checkboxFlag">
|
|
|
- <div style="">
|
|
|
+ <!-- 行的数据 有测拉删除的组件 -->
|
|
|
+ <div v-if="rows && rows.length > 0">
|
|
|
+ <div v-for="(tableDataItem, tableDataIndex) in tableRowData" :key="tableDataIndex"
|
|
|
+ @click="onOpenDetail(tableDataItem, tableDataIndex)"
|
|
|
+ style="background: #fff;margin: 10px 10px 10px 10px;border-radius: 7px; "
|
|
|
+ :style="{ boxShadow: (boxShadowFlag ? '2px 2px 5px #e5e5e6' : '') }">
|
|
|
+ <!-- 有测拉删除的组件 -->
|
|
|
+ <van-swipe-cell :disabled="disabledSwipe">
|
|
|
+ <div style="display: flex;width: 100%; padding: 10px 10px 10px 10px;">
|
|
|
+ <!-- 复选框-->
|
|
|
+ <div style="width: 10%;background: white;justify-items: center;align-items: center;display: flex"
|
|
|
+ v-if="checkboxFlag">
|
|
|
+ <div style="">
|
|
|
<van-checkbox v-model="tableDataItem.checked" checked-color="#2E406B"
|
|
|
- @click="onClickCheckbox(tableDataItem,tableDataIndex)"></van-checkbox>
|
|
|
+ @click="onClickCheckbox(tableDataItem, tableDataIndex)"></van-checkbox>
|
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 字段参数值-->
|
|
|
- <div :style="{width:(checkboxFlag ? '90%' : '100%')} ">
|
|
|
- <div class="app-row " style="display: flow" v-for="(rowsItem,rowsIndex) in rows" :key="rowsIndex">
|
|
|
- <div style="width: 100%;display: flex" v-if="!rowsItem.emptyValueFlag || !(tableDataItem[rowsItem.name] == null || tableDataItem[rowsItem.name] == '')">
|
|
|
- <div v-if="!rowsItem.collapseFlag && !rowsItem.sidePullFlag && !rowsItem.sidePullDateFlag" style="width: 100%">
|
|
|
- <!-- 输入框-->
|
|
|
- <dk-app-field :focus="true" :label="rowsItem.title" :typeInput="rowsItem.typeInput" :ref="rowsItem.name+''+tableDataIndex"
|
|
|
- :maxlength="rowsItem.maxlength"
|
|
|
- :error="rowsItem.required"
|
|
|
- @changeBarCode="changeItemBarCode(rowsItem.sidePullKey,tableDataItem,tableDataIndex)"
|
|
|
- :placeholderFlag="rowsItem.placeholderFlag ? (tableDataItem[rowsItem.fieldKey]? true : false
|
|
|
- ) : false"
|
|
|
- :removeSpacesFlag="rowsItem.removeSpacesFlag"
|
|
|
- :readonly="!rowsItem.fieldFlag || (!tableDataItem[rowsItem.fieldKey] && rowsItem.readonlyInputFlag) "
|
|
|
- v-model="tableDataItem[rowsItem.name]"></dk-app-field>
|
|
|
- </div>
|
|
|
- <div v-if="!rowsItem.collapseFlag && rowsItem.fieldCheckBoxFlag" style="padding-top: 10px">
|
|
|
- <!-- 复选框-->
|
|
|
- <van-checkbox v-model="tableDataItem[rowsItem.name]" checked-color="#2E406B" shape="square"
|
|
|
- @click="onClickCheckbox(tableDataItem,tableDataIndex)"></van-checkbox>
|
|
|
- </div>
|
|
|
- <!-- 侧拉菜单-->
|
|
|
+ <!-- 字段参数值-->
|
|
|
+ <div :style="{ width: (checkboxFlag ? '90%' : '100%') }">
|
|
|
+ <div class="app-row " style="display: flow" v-for="(rowsItem, rowsIndex) in rows" :key="rowsIndex">
|
|
|
+ <div style="width: 100%;display: flex"
|
|
|
+ v-if="!rowsItem.emptyValueFlag || !(tableDataItem[rowsItem.name] == null || tableDataItem[rowsItem.name] == '')">
|
|
|
+ <div v-if="!rowsItem.collapseFlag && !rowsItem.sidePullFlag && !rowsItem.sidePullDateFlag"
|
|
|
+ style="width: 100%">
|
|
|
+ <!-- 输入框-->
|
|
|
+ <dk-app-field :focus="true" :label="rowsItem.title" :typeInput="rowsItem.typeInput"
|
|
|
+ :ref="rowsItem.name + '' + tableDataIndex" :maxlength="rowsItem.maxlength" :error="rowsItem.required"
|
|
|
+ @changeBarCode="changeItemBarCode(rowsItem.sidePullKey, tableDataItem, tableDataIndex)"
|
|
|
+ :placeholderFlag="rowsItem.placeholderFlag ? (tableDataItem[rowsItem.fieldKey] ? true : false
|
|
|
+ ) : false" :removeSpacesFlag="rowsItem.removeSpacesFlag"
|
|
|
+ :readonly="!rowsItem.fieldFlag || (!tableDataItem[rowsItem.fieldKey] && rowsItem.readonlyInputFlag)"
|
|
|
+ v-model="tableDataItem[rowsItem.name]"></dk-app-field>
|
|
|
+ </div>
|
|
|
+ <div v-if="!rowsItem.collapseFlag && rowsItem.fieldCheckBoxFlag" style="padding-top: 10px">
|
|
|
+ <!-- 复选框-->
|
|
|
+ <van-checkbox v-model="tableDataItem[rowsItem.name]" checked-color="#2E406B" shape="square"
|
|
|
+ @click="onClickCheckbox(tableDataItem, tableDataIndex)"></van-checkbox>
|
|
|
+ </div>
|
|
|
+ <!-- 侧拉菜单-->
|
|
|
|
|
|
- <div v-if="!rowsItem.collapseFlag && rowsItem.sidePullFlag" style="width: 100%">
|
|
|
+ <div v-if="!rowsItem.collapseFlag && rowsItem.sidePullFlag" style="width: 100%">
|
|
|
|
|
|
- <dk-app-field
|
|
|
- v-model="tableDataItem[rowsItem.name]"
|
|
|
- :label="rowsItem.title"
|
|
|
- :readonly="true"
|
|
|
- @click="openDropdown(rowsItem.sidePullKey,tableDataItem,tableDataIndex)"
|
|
|
- placeholderType="choose" :arrow-direction=" !tableDataItem['flgBindUnique'] ?'down':''"
|
|
|
- :is-link="!tableDataItem[rowsItem.name] && !tableDataItem['flgBindUnique']"
|
|
|
- :placeholderFlag="!tableDataItem['flgBindUnique']"
|
|
|
- :rightIcon="(tableDataItem[rowsItem.name] && !tableDataItem['flgBindUnique']) ? 'clear' : ''"
|
|
|
- @clickRightIcon="clickRightIcon(tableDataItem,tableDataIndex,rowsItem.sidePullKey)"></dk-app-field>
|
|
|
+ <dk-app-field v-model="tableDataItem[rowsItem.name]" :label="rowsItem.title" :readonly="true"
|
|
|
+ @click="openDropdown(rowsItem.sidePullKey, tableDataItem, tableDataIndex)" placeholderType="choose"
|
|
|
+ :arrow-direction="!tableDataItem['flgBindUnique'] ? 'down' : ''"
|
|
|
+ :is-link="!tableDataItem[rowsItem.name] && !tableDataItem['flgBindUnique']"
|
|
|
+ :placeholderFlag="!tableDataItem['flgBindUnique']"
|
|
|
+ :rightIcon="(tableDataItem[rowsItem.name] && !tableDataItem['flgBindUnique']) ? 'clear' : ''"
|
|
|
+ @clickRightIcon="clickRightIcon(tableDataItem, tableDataIndex, rowsItem.sidePullKey)"></dk-app-field>
|
|
|
|
|
|
- </div>
|
|
|
- <!-- 日期选择-->
|
|
|
- <div v-if="!rowsItem.collapseFlag && rowsItem.sidePullDateFlag" style="width: 100%">
|
|
|
- <dk-app-field
|
|
|
- :value="tableDataItem[rowsItem.name]"
|
|
|
- :label="rowsItem.title"
|
|
|
- :readonly="true"
|
|
|
- @click="showFormingDateClick(rowsItem.sidePullDateKey,tableDataItem,tableDataIndex)"
|
|
|
- placeholderType="choose" is-link arrow-direction="down"
|
|
|
- />
|
|
|
+ </div>
|
|
|
+ <!-- 日期选择-->
|
|
|
+ <div v-if="!rowsItem.collapseFlag && rowsItem.sidePullDateFlag" style="width: 100%">
|
|
|
+ <dk-app-field :value="tableDataItem[rowsItem.name]" :label="rowsItem.title" :readonly="true"
|
|
|
+ @click="showFormingDateClick(rowsItem.sidePullDateKey, tableDataItem, tableDataIndex)"
|
|
|
+ placeholderType="choose" is-link arrow-direction="down" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 查看更多-->
|
|
|
- <div v-if="collapseFlag">
|
|
|
- <div style="display:flex;">
|
|
|
- <div v-if="checkboxFlag" style="width: 12%;">
|
|
|
- </div>
|
|
|
- <div :style="checkboxFlag ? 'width: 88%;' : 'width: 100%;'">
|
|
|
- <van-collapse v-model="tableDataItem.collapse" accordion>
|
|
|
- <van-collapse-item :title="$t('appSeeMore')" name="1">
|
|
|
- <div class="app-row " style="display: flow" v-for="(rowsItem,rowsIndex) in rows" :key="rowsIndex">
|
|
|
- <div style="width: 100%;display: flex">
|
|
|
- <!-- 标题字段-->
|
|
|
- <div v-if="rowsItem.collapseFlag && !rowsItem.sidePullFlag && !rowsItem.sidePullDateFlag" style="width: 100%">
|
|
|
- <!-- 输入框-->
|
|
|
- <dk-app-field :focus="true" :label="rowsItem.title" :typeInput="rowsItem.typeInput"
|
|
|
- :maxlength="rowsItem.maxlength"
|
|
|
- :removeSpacesFlag="rowsItem.removeSpacesFlag"
|
|
|
- :placeholderFlag="rowsItem.placeholderFlag"
|
|
|
- :readonly="!rowsItem.fieldFlag || !tableDataItem[rowsItem.fieldKey]"
|
|
|
- v-model="tableDataItem[rowsItem.name]"></dk-app-field>
|
|
|
- </div>
|
|
|
- <!-- 复选框-->
|
|
|
- <div v-if="rowsItem.collapseFlag && rowsItem.fieldCheckBoxFlag" style="padding-top: 10px">
|
|
|
- <van-checkbox v-model="tableDataItem[rowsItem.name]" checked-color="#2E406B" shape="square"
|
|
|
- @click="onClickCheckbox(tableDataItem,tableDataIndex)"></van-checkbox>
|
|
|
- </div>
|
|
|
- <!-- 侧拉菜单-->
|
|
|
- <div v-if="rowsItem.collapseFlag && rowsItem.sidePullFlag" style="width: 100%">
|
|
|
-
|
|
|
- <dk-app-field
|
|
|
- v-model="tableDataItem[rowsItem.name]"
|
|
|
- :label="rowsItem.title"
|
|
|
- :readonly="true"
|
|
|
- @click="openDropdown(rowsItem.sidePullKey,tableDataItem,tableDataIndex)"
|
|
|
- placeholderType="choose"
|
|
|
- :arrow-direction=" !tableDataItem['flgBindUnique'] ?'down':''"
|
|
|
- :is-link="!tableDataItem[rowsItem.name] && !tableDataItem['flgBindUnique']"
|
|
|
- :placeholderFlag="!tableDataItem['flgBindUnique']"
|
|
|
- :rightIcon="(tableDataItem[rowsItem.name] && !tableDataItem['flgBindUnique']) ? 'clear' : ''"
|
|
|
- @clickRightIcon="clickRightIcon(tableDataItem,tableDataIndex,rowsItem.sidePullKey)"></dk-app-field>
|
|
|
- </div>
|
|
|
- <!-- 日期选择-->
|
|
|
- <div v-if="rowsItem.collapseFlag && rowsItem.sidePullDateFlag" style="width: 100%">
|
|
|
- <dk-app-field
|
|
|
- :value="tableDataItem[rowsItem.name]"
|
|
|
- :label="rowsItem.title"
|
|
|
- :readonly="true"
|
|
|
- @click="showFormingDateClick(rowsItem.sidePullDateKey,tableDataItem,tableDataIndex)"
|
|
|
- placeholderType="choose" :arrow-direction=" !tableDataItem['flgBindUnique'] ?'down':''"
|
|
|
- :is-link="!tableDataItem[rowsItem.name] && !tableDataItem['flgBindUnique']"
|
|
|
- :placeholderFlag="!tableDataItem['flgBindUnique']"
|
|
|
- />
|
|
|
+ <!-- 查看更多-->
|
|
|
+ <div v-if="collapseFlag">
|
|
|
+ <div style="display:flex;">
|
|
|
+ <div v-if="checkboxFlag" style="width: 12%;">
|
|
|
+ </div>
|
|
|
+ <div :style="checkboxFlag ? 'width: 88%;' : 'width: 100%;'">
|
|
|
+ <van-collapse v-model="tableDataItem.collapse" accordion>
|
|
|
+ <van-collapse-item :title="$t('appSeeMore')" name="1">
|
|
|
+ <div class="app-row " style="display: flow" v-for="(rowsItem, rowsIndex) in rows" :key="rowsIndex">
|
|
|
+ <div style="width: 100%;display: flex">
|
|
|
+ <!-- 标题字段-->
|
|
|
+ <div v-if="rowsItem.collapseFlag && !rowsItem.sidePullFlag && !rowsItem.sidePullDateFlag"
|
|
|
+ style="width: 100%">
|
|
|
+ <!-- 输入框-->
|
|
|
+ <dk-app-field :focus="true" :label="rowsItem.title" :typeInput="rowsItem.typeInput"
|
|
|
+ :maxlength="rowsItem.maxlength" :removeSpacesFlag="rowsItem.removeSpacesFlag"
|
|
|
+ :placeholderFlag="rowsItem.placeholderFlag"
|
|
|
+ :readonly="!rowsItem.fieldFlag || !tableDataItem[rowsItem.fieldKey]"
|
|
|
+ v-model="tableDataItem[rowsItem.name]"></dk-app-field>
|
|
|
+ </div>
|
|
|
+ <!-- 复选框-->
|
|
|
+ <div v-if="rowsItem.collapseFlag && rowsItem.fieldCheckBoxFlag" style="padding-top: 10px">
|
|
|
+ <van-checkbox v-model="tableDataItem[rowsItem.name]" checked-color="#2E406B" shape="square"
|
|
|
+ @click="onClickCheckbox(tableDataItem, tableDataIndex)"></van-checkbox>
|
|
|
+ </div>
|
|
|
+ <!-- 侧拉菜单-->
|
|
|
+ <div v-if="rowsItem.collapseFlag && rowsItem.sidePullFlag" style="width: 100%">
|
|
|
+
|
|
|
+ <dk-app-field v-model="tableDataItem[rowsItem.name]" :label="rowsItem.title" :readonly="true"
|
|
|
+ @click="openDropdown(rowsItem.sidePullKey, tableDataItem, tableDataIndex)"
|
|
|
+ placeholderType="choose" :arrow-direction="!tableDataItem['flgBindUnique'] ? 'down' : ''"
|
|
|
+ :is-link="!tableDataItem[rowsItem.name] && !tableDataItem['flgBindUnique']"
|
|
|
+ :placeholderFlag="!tableDataItem['flgBindUnique']"
|
|
|
+ :rightIcon="(tableDataItem[rowsItem.name] && !tableDataItem['flgBindUnique']) ? 'clear' : ''"
|
|
|
+ @clickRightIcon="clickRightIcon(tableDataItem, tableDataIndex, rowsItem.sidePullKey)"></dk-app-field>
|
|
|
+ </div>
|
|
|
+ <!-- 日期选择-->
|
|
|
+ <div v-if="rowsItem.collapseFlag && rowsItem.sidePullDateFlag" style="width: 100%">
|
|
|
+ <dk-app-field :value="tableDataItem[rowsItem.name]" :label="rowsItem.title" :readonly="true"
|
|
|
+ @click="showFormingDateClick(rowsItem.sidePullDateKey, tableDataItem, tableDataIndex)"
|
|
|
+ placeholderType="choose" :arrow-direction="!tableDataItem['flgBindUnique'] ? 'down' : ''"
|
|
|
+ :is-link="!tableDataItem[rowsItem.name] && !tableDataItem['flgBindUnique']"
|
|
|
+ :placeholderFlag="!tableDataItem['flgBindUnique']" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </van-collapse-item>
|
|
|
- </van-collapse>
|
|
|
+ </van-collapse-item>
|
|
|
+ </van-collapse>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <template #right>
|
|
|
- <van-button square type="danger" text="删除" @click="onDelClick(tableDataItem,tableDataIndex)"
|
|
|
- class="delete-button"/>
|
|
|
- </template>
|
|
|
- </van-swipe-cell>
|
|
|
+ <template #right>
|
|
|
+ <van-button square type="danger" text="删除" @click="onDelClick(tableDataItem, tableDataIndex)"
|
|
|
+ class="delete-button" />
|
|
|
+ </template>
|
|
|
+ </van-swipe-cell>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <van-empty v-if="tableRowData.length <=0" :description="description"/>
|
|
|
- </div>
|
|
|
+ <van-empty v-if="tableRowData.length <= 0" :description="description" />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -212,7 +202,7 @@
|
|
|
import index1 from '@/assets/images/index1.png'
|
|
|
import index2 from '@/assets/images/index2.png'
|
|
|
import index3 from '@/assets/images/index3.png'
|
|
|
-import {appOthers} from "@/locale/lang/zh-CN";
|
|
|
+import { appOthers } from "@/locale/lang/zh-CN";
|
|
|
|
|
|
/**
|
|
|
* @desc : row 中 rowsItem 里的参数标识 (v-for="(rowsItem,rowsIndex) in rows")
|
|
|
@@ -225,6 +215,7 @@ import {appOthers} from "@/locale/lang/zh-CN";
|
|
|
* collapseFlag : 更多信息标识 true/false 显示/隐藏
|
|
|
* readonlyInputFlag :动态输入标识 true 关闭 根据fieldKey字段中的值控制只读
|
|
|
* emptyValueFlag :空值隐藏属性 true/false 显示/隐藏
|
|
|
+ * singleFlag:单选标识 默认多选
|
|
|
* @author : 于继渤
|
|
|
* @date : 2023/3/13 14:29
|
|
|
*/
|
|
|
@@ -284,7 +275,7 @@ export default {
|
|
|
tableData: {
|
|
|
type: Array,
|
|
|
default: () => [
|
|
|
- {storeName: '门店123456789', amount: '1888', target: '2000', rate: '80%'},
|
|
|
+ { storeName: '门店123456789', amount: '1888', target: '2000', rate: '80%' },
|
|
|
{
|
|
|
storeName: '门店123456789',
|
|
|
amount: '1888',
|
|
|
@@ -302,7 +293,7 @@ export default {
|
|
|
},
|
|
|
tableRowData: {
|
|
|
type: Array,
|
|
|
- default: () => [{scancode: '221101001LDQ', state: '库存上线', code: 'B01B06-01', username: '王先生'}, {
|
|
|
+ default: () => [{ scancode: '221101001LDQ', state: '库存上线', code: 'B01B06-01', username: '王先生' }, {
|
|
|
scancode: '22110005001KJK',
|
|
|
state: '在产',
|
|
|
code: 'B01B06-02',
|
|
|
@@ -311,6 +302,12 @@ export default {
|
|
|
},
|
|
|
|
|
|
|
|
|
+ singleFlag: { //单选标识 默认多选
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -382,6 +379,13 @@ export default {
|
|
|
},
|
|
|
//复选框点击事件
|
|
|
onClickCheckbox(item, index) {
|
|
|
+ if (this.singleFlag) {
|
|
|
+ for (let i = 0; i < this.tableRowData.length; i++) {
|
|
|
+ if (index != i) {
|
|
|
+ this.$set(this.tableRowData[i], 'checked', false)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
this.$emit("onClickCheckbox", {
|
|
|
item: item,
|
|
|
index: index
|
|
|
@@ -445,12 +449,12 @@ export default {
|
|
|
padding: 10px 0px !important;
|
|
|
}
|
|
|
|
|
|
-.top-data > div:nth-child(n) {
|
|
|
+.top-data>div:nth-child(n) {
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
-.top-data > div:nth-child(n) > div:nth-child(1) {
|
|
|
+.top-data>div:nth-child(n)>div:nth-child(1) {
|
|
|
margin-bottom: 5px;
|
|
|
font-family: 'PingFang HK';
|
|
|
font-style: normal;
|
|
|
@@ -459,7 +463,7 @@ export default {
|
|
|
color: #1B365D;
|
|
|
}
|
|
|
|
|
|
-.top-data > div:nth-child(n) > div:nth-child(2) {
|
|
|
+.top-data>div:nth-child(n)>div:nth-child(2) {
|
|
|
font-family: 'PingFang SC';
|
|
|
font-style: normal;
|
|
|
font-weight: 400;
|
|
|
@@ -467,7 +471,7 @@ export default {
|
|
|
color: #95A8CB;
|
|
|
}
|
|
|
|
|
|
-.top-data > div:nth-child(n+2) {
|
|
|
+.top-data>div:nth-child(n+2) {
|
|
|
border-left: 1px solid #ABC6CC;
|
|
|
}
|
|
|
|
|
|
@@ -479,7 +483,7 @@ export default {
|
|
|
padding: 0 9.5px;
|
|
|
}
|
|
|
|
|
|
-.header > div:nth-child(n) {
|
|
|
+.header>div:nth-child(n) {
|
|
|
font-family: 'PingFang SC';
|
|
|
font-style: normal;
|
|
|
font-weight: 400;
|
|
|
@@ -499,9 +503,11 @@ export default {
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
}
|
|
|
-.van-cell{
|
|
|
+
|
|
|
+.van-cell {
|
|
|
padding: 4px 0px !important;
|
|
|
}
|
|
|
+
|
|
|
.app-row {
|
|
|
font-family: 'PingFang HK';
|
|
|
/*font-style: normal;*/
|