#draggable拖拽问题为啥不能拖拽
两个表单数据是来源于一个地方的 加了拖拽但是只能拖第一个第二个不能拖是啥原因呀？
{{ scope.$index + 1 }}
<i
class="el-icon-delete"
@click="deleteRow(scope.$index, ITEM)"
>
*
{{ data.title }}
<i
v-if="
data.editable && data.controlDynamicCode == selectedColumn
"
class="el-icon-download"
@click="copyDown(data.controlDynamicCode)"
>
</i>
</template>
<template slot-scope="scope">
<!-- 点击时将该单元格的值赋给页面一个临时变量, 这个时候才显示表单控件，否则只显示一个div-->
<div
@click="
selectDataObj =
subformData[ITEM.controlDynamicCode][scope.$index];
selectDiv(data, scope.$index, ii, scope.row, ITEM);
selectRowIndex = scope.$index;
"
v-if="
subformData[ITEM.controlDynamicCode][scope.$index] !==
selectDataObj
"
:style="getStyleWidth(data)"
style="min-height: 30px; color: #606266"
>
<!-- 图片、附件上传控件 -->
<template
v-if="data.controlType == 19 || data.controlType == 20"
>
<el-row>
<el-col :span="6">
<div class="up_img">...</div>
</el-col>
<el-col :span="18">
<template
v-if="
scope.row[data.controlDynamicCode + 'Data'] &&
scope.row[data.controlDynamicCode + 'Data'].length
"
>
<el-tag
id="uploadpic"
v-for="(itemImage, kk) in scope.row[
data.controlDynamicCode + 'Data'
]"
:key="kk"
class="img_list"
:class="
ITEM.controlDynamicCode == 'M' ? 'square' : ''
"
>
<el-image
v-if="data.controlType == 19"
:class="
ITEM.controlDynamicCode == 'M' ? 'square' : ''
"
:style="'width: 32px; height: 30px'"
:src="picServerUrl + itemImage.minEnclosurePath"
:lazy="true"
/>
<span v-if="data.controlType == 20">
{{ itemImage.enclosureName }}
</span>
</el-tag>
</template>
</el-col>
</el-row>
</template>
<!-- 图片、附件上传控件 -->
<template v-else-if="data.controlType == 9">{{
scope.row[data.controlDynamicCode]
}}</template>
<template v-else-if="data.controlType == 2">
<el-input
type="textarea"
autosize
v-model="scope.row[data.controlDynamicCode]"
disabled
/>
</template>
<template v-else-if="data.controlType == 1">
<el-input
v-model="scope.row[data.controlDynamicCode]"
:disabled="true"
/>
</template>
<template v-else-if="data.controlType == 4">
<template
v-if="
scope.row[data.controlDynamicCode] != null &&
scope.row[data.controlDynamicCode] != ''
"
>
<template
v-if="data.expansionAttribute.dateTimeType == 1"
>{{
scope.row[data.controlDynamicCode] | formMonth
}}</template
>
<template
v-if="data.expansionAttribute.dateTimeType == 2"
>{{
scope.row[data.controlDynamicCode] | formDate
}}</template
>
<template
v-if="data.expansionAttribute.dateTimeType == 3"
>{{
scope.row[data.controlDynamicCode] | formTime
}}</template
>
</template>
</template>
<template v-else-if="data.controlType == 3">
<el-input-number
v-model="scope.row[data.controlDynamicCode]"
:precision="data.expansionAttribute.precision"
:disabled="true"
:controls="false"
/>
</template>
<template
v-else-if="data.controlType == 6 || data.controlType == 8"
>
<template
v-if="
scope.row[data.controlDynamicCode] &&
scope.row[data.controlDynamicCode].length &&
scope.row[data.controlDynamicCode].length > 0
"
>{{ scope.row[data.controlDynamicCode] }}</template
>
</template>
<template v-else>
<template v-if="!data.typeVirtual">{{
scope.row[data.controlDynamicCode]
}}</template>
<template
v-if="
data.type &&
scope.row[data.controlDynamicCode + 'Data']
"
>
<div style="display: none">
{{
(str[scope.$index] =
scope.row[data.controlDynamicCode + "Data"])
}}
</div>
</template>
<template v-if="str[scope.$index] && data.visible">
<span style="color: #c0c4cc">
{{ str[scope.$index][data.controlDynamicCode] }}
</span>
</template>
</template>
</div>
<!-- 显示表单控件-->
<div v-else>
<ItemPreview
v-if="
subformData[ITEM.controlDynamicCode].length > 0 &&
!data.typeVirtual
"
:selectCode="data.id"
:item="data"
:dataValue="scope.row"
:code="data.controlDynamicCode"
:formId="dataContent.pageDynamicCode"
:tableId="ITEM.controlDynamicCode"
:index="scope.$index"
:dataObj="subformData"
:formMain="formMain"
:privilegeId="
dialogFormBussiness && dialogFormBussiness.privilegeId
? dialogFormBussiness.privilegeId
: ''
"
:dataSourceType="ITEM.expansionAttribute.dataSourceType"
:ref="data.controlDynamicCode + scope.$index"
:dataContent="dataContent"
:objData="objData"
:formualObjEvent="formualObjEvent"
:dataLinks="dataLinks"
:dataLinksFields="dataLinksFields"
@changeSelectedColumn="changeSelectedColumn"
/>
<template
v-if="
data.type && scope.row[data.controlDynamicCode + 'Data']
"
>
<div style="display: none">
{{
(aaStr[scope.$index] =
scope.row[data.controlDynamicCode + "Data"])
}}
</div>
</template>
<template v-if="aaStr[scope.$index] && data.visible">{{
aaStr[scope.$index][data.controlDynamicCode]
}}</template>
</div>
<!-- 显示表单控件-->
</template>
</el-table-column>
<!-- 普通类型 -->
<!-- controlType==12 关联数据组 -->
<el-table-column
:class-name="'column' + ii"
:key="ii"
align="center"
:width="getColWidth(data)"
v-if="
data.visible &&
data.controlType == 12 &&
data.expansionAttribute &&
data.expansionAttribute.displayScheme
"
>
<template slot="header">
<span class="table_title">{{ data.title }}</span>
</template>
<template slot-scope="scope">
<el-button
class="mybtn"
type="primary"
:disabled="
subformData[ITEM.controlDynamicCode] == [] ||
(subformData[ITEM.controlDynamicCode][scope.$index] &&
(subformData[ITEM.controlDynamicCode][scope.$index][
data.controlDynamicCode
] == '' ||
subformData[ITEM.controlDynamicCode][scope.$index][
data.controlDynamicCode
] == null))
? true
: false
"
@click="selectGroup(data, scope.row)"
>查看数据</el-button
>
</template>
</el-table-column>
<!-- controlType==12 关联数据组 -->
<!-- controlType==100 虚字段？ -->
<el-table-column
:class-name="'column' + ii"
:key="ii"
align="center"
v-if="
data.controlType == 100 && data.visible && data.displayScheme
"
:width="getColWidth(data)"
>
<template slot="header">
<span class="table_title">{{ data.title }}</span>
</template>
<template slot-scope="scope">
<template v-if="data.code && data.controlDynamicCode">
<ItemPreview
v-if="
subformData[ITEM.controlDynamicCode].length > 0 &&
!data.typeVirtual
"
:selectCode="data.id"
:item="data"
:dataValue="scope.row"
:code="data.controlDynamicCode"
:formId="dataContent.pageDynamicCode"
:tableId="ITEM.controlDynamicCode"
:index="scope.$index"
:dataObj="subformData"
:formMain="formMain"
:privilegeId="
dialogFormBussiness && dialogFormBussiness.privilegeId
? dialogFormBussiness.privilegeId
: ''
"
:dataSourceType="ITEM.expansionAttribute.dataSourceType"
:ref="data.controlDynamicCode + scope.$index"
:dataContent="dataContent"
:objData="objData"
:formualObjEvent="formualObjEvent"
:dataLinks="dataLinks"
:dataLinksFields="dataLinksFields"
/>
</template>
</template>
</el-table-column>
<!-- controlType==100 虚字段？ -->
<!-- controlType==21 多维表头 -->
<template v-if="data.controlType == 21 && data.visible">
<el-table-column
:class-name="'column' + ii"
:key="ii"
align="center"
:width="getColWidth(data)"
>
<template slot="header">
<span class="table_title mul_title">{{ data.title }}</span>
</template>
<template slot-scope="scope">
<template
v-if="
scope.row[data.controlDynamicCode] != '' &&
scope.row[data.controlDynamicCode] != null &&
data.expansionAttribute.displayMode == 1
"
>
<span style="display: none">
{{ (arrRow[data.controlDynamicCode] = 1) }}
</span>
</template>
<!-- 缩编显示 -->
<template
v-if="
data.expansionAttribute.displayMode == '' &&
scope.row[data.controlDynamicCode + 'Id'].data
"
>
<el-input
@focus="
clickHeader(
data,
scope.row[data.controlDynamicCode + 'Id'].data,
scope.$index,
ITEM
)
"
v-model="scope.row[data.controlDynamicCode]"
size="mini"
placeholder="点击显示"
/>
</template>
<!-- 缩编显示 -->
</template>
<template
v-if="
data.expansionAttribute.displayMode == 1 &&
subformData[ITEM.controlDynamicCode] &&
subformData[ITEM.controlDynamicCode].length > 0 &&
subformData[ITEM.controlDynamicCode][
arrRow[data.controlDynamicCode] - 1
]
"
>
<!-- here -->
<template
v-if="
subformData[ITEM.controlDynamicCode][
arrRow[data.controlDynamicCode] - 1
][data.controlDynamicCode + 'Id'] &&
subformData[ITEM.controlDynamicCode][
arrRow[data.controlDynamicCode] - 1
][data.controlDynamicCode + 'Id'].data
"
>
<template
v-for="(mm, m1) in subformData[ITEM.controlDynamicCode][
arrRow[data.controlDynamicCode] - 1
][data.controlDynamicCode + 'Id'].data"
>
<el-table-column
:key="m1"
align="center"
:width="getColWidth(data)"
>
<!-- header -->
<template slot="header">
<span class="table_title mul_title">
<el-row
:gutter="2"
class="mul_row"
style="padding: 0 !important"
>
<el-col :span="15">
<el-input
v-model="mm.title"
size="mini"
@change="
changeTitle(mm, $event, ITEM, m1, data)
"
@input="changeInput(mm, $event)"
/>
</el-col>
<el-col :span="9">
<i
class="el-icon-plus"
style="color: #409eff"
@click="addHeader(ITEM, m1, data)"
/>
<i
class="el-icon-delete"
style="color: #f56c6c"
@click="deleteHearder(ITEM, m1, data)"
/>
</el-col>
</el-row>
</span>
</template>
<!-- header -->
<!-- scope -->
<template slot-scope="scope">
<div
@click="
selectDataObj =
subformData[ITEM.controlDynamicCode][
scope.$index
];
selectDiv(
data,
scope.$index,
ii,
scope.row,
ITEM
);
selectRowIndex = scope.$index;
"
v-if="
subformData[ITEM.controlDynamicCode][
scope.$index
] !== selectDataObj
"
:style="getStyleWidth(data)"
style="min-height: 30px; color: #606266"
>
<!-- {{data.controlDynamicCode}}
{{scope.row}}-->
<template
v-if="
scope.row[data.controlDynamicCode + 'Id'] &&
scope.row[data.controlDynamicCode + 'Id'].data
"
>
{{
scope.row[data.controlDynamicCode + "Id"]
.data[m1].value
}}
</template>
</div>
<div v-else>
<template
v-if="
scope.row[data.controlDynamicCode + 'Id'].data
"
>
<el-input
:type="
data.expansionAttribute.keyId == 2
? 'number'
: ''
"
v-model="
scope.row[data.controlDynamicCode + 'Id']
.data[m1].value
"
@change="
focusValue(
scope.row,
scope.$index,
data,
ITEM
)
"
/>
</template>
</div>
</template>
<!-- end of scope -->
</el-table-column>
</template>
</template>
</template>
</el-table-column>
</template>
<!-- controlType==21 多维表头 -->
</template>
<!-- ddddd -->
<template v-if="ITEM.expansionAttribute.controlCustomId != ''">
<el-table-column
:class-name="'column' + ii"
:key="ii"
align="center"
:width="getColWidth(data)"
v-if="
data.visible &&
data.controlType != 100 &&
data.controlType != 12 &&
data.controlType != 21 &&
data.expansionAttribute &&
data.expansionAttribute.displayScheme
"
>
<template slot="header">
<span class="table_title">{{ data.title }}</span>
</template>
<template slot-scope="scope">
<template v-if="scope.row.ParentID == selectedTableId">
<div
@click="
selectDataObj =
subformData[ITEM.controlDynamicCode][scope.$index];
selectDiv(data, scope.$index, ii, scope.row, ITEM);
selectRowIndex = scope.$index;
"
v-if="
subformData[ITEM.controlDynamicCode][scope.$index] !==
selectDataObj
"
:style="getStyleWidth(data)"
style="min-height: 30px; color: #606266"
>
<!-- 图片、附件上传控件 -->
<template
v-if="data.controlType == 19 || data.controlType == 20"
>
<el-row>
<el-col :span="6">
<div class="up_img">...</div>
</el-col>
<el-col :span="18">
<template
v-if="
scope.row[data.controlDynamicCode + 'Data'] &&
scope.row[data.controlDynamicCode + 'Data']
.length
"
>
<el-tag
id="uploadpic"
v-for="(itemImage, kk) in scope.row[
data.controlDynamicCode + 'Data'
]"
:key="kk"
class="img_list"
:class="
ITEM.controlDynamicCode == 'M' ? 'square' : ''
"
>
<el-image
v-if="data.controlType == 19"
:class="
ITEM.controlDynamicCode == 'M'
? 'square'
: ''
"
:src="
picServerUrl + itemImage.minEnclosurePath
"
:lazy="true"
/>
<span v-if="data.controlType == 20">
{{ itemImage.enclosureName }}
</span>
</el-tag>
</template>
</el-col>
</el-row>
</template>
<!-- 图片、附件上传控件 -->
<!-- switch -->
<template v-else-if="data.controlType == 9">{{
scope.row[data.controlDynamicCode]
}}</template>
<!-- switch -->
<template v-else>
<template v-if="!data.typeVirtual">{{
scope.row[data.controlDynamicCode]
}}</template>
<template
v-if="
data.type &&
scope.row[data.controlDynamicCode + 'Data']
"
>
<div style="display: none">
{{
(str[scope.$index] =
scope.row[data.controlDynamicCode + "Data"])
}}
</div>
</template>
<template v-if="str[scope.$index] && data.visible">
<span style="color: #c0c4cc">{{
str[scope.$index][data.controlDynamicCode]
}}</span>
</template>
</template>
</div>
<div v-else>
<ItemPreview
v-if="
subformData[ITEM.controlDynamicCode] > 0 &&
!data.typeVirtual
"
:selectCode="data.id"
:item="data"
:dataValue="scope.row"
:code="data.controlDynamicCode"
:formId="dataContent.pageDynamicCode"
:tableId="ITEM.controlDynamicCode"
:index="scope.$index"
:dataObj="subformData"
:formMain="formMain"
:privilegeId="dialogFormBussiness.privilegeId"
:dataSourceType="ITEM.expansionAttribute.dataSourceType"
:ref="data.controlDynamicCode + scope.$index"
:dataContent="dataContent"
:objData="objData"
:formualObjEvent="formualObjEvent"
:dataLinks="dataLinks"
:dataLinksFields="dataLinksFields"
/>
<template
v-if="
data.type &&
scope.row[data.controlDynamicCode + 'Data']
"
>
<div style="display: none">
{{
(aaStr[scope.$index] =
scope.row[data.controlDynamicCode + "Data"])
}}
</div>
</template>
<template v-if="aaStr[scope.$index] && data.visible">{{
aaStr[scope.$index][data.controlDynamicCode]
}}</template>
</div>
</template>
</template>
</el-table-column>
<el-table-column
:class-name="'column' + ii"
:key="ii"
v-if="
data.controlType == 100 && data.visible && data.displayScheme
"
align="center"
:width="getColWidth(data)"
>
<template slot="header">
<span class="table_title">{{ data.title }}</span>
</template>
<template slot-scope="scope">
<template v-if="data.code && data.controlDynamicCode">
<ItemPreview
v-if="
subformData[ITEM.controlDynamicCode].length > 0 &&
!data.typeVirtual
"
:selectCode="data.id"
:item="data"
:dataValue="scope.row"
:code="data.controlDynamicCode"
:formId="dataContent.pageDynamicCode"
:tableId="ITEM.controlDynamicCode"
:index="scope.$index"
:dataObj="subformData"
:formMain="formMain"
:privilegeId="
dialogFormBussiness && dialogFormBussiness.privilegeId
? dialogFormBussiness.privilegeId
: ''
"
:dataSourceType="ITEM.expansionAttribute.dataSourceType"
:ref="data.controlDynamicCode + scope.$index"
:dataContent="dataContent"
:objData="objData"
:formualObjEvent="formualObjEvent"
:dataLinks="dataLinks"
:dataLinksFields="dataLinksFields"
/>
</template>
</template>
</el-table-column>
</template>
</template>
</draggable>
</el-table>