Skip to content

F
founder_vue
Commit 7c0ea8d1 by xue_wengang
Options

重点人员，组件子集处理

parent ad1dbbcb
Showing with 900 additions and 657 deletions
src/components/form.vue
......@@ -3,7 +3,7 @@
<div class="formContent" style="margin-top: 20px">
<div style="margin: 0px auto; border-radius: 8px">
<div class="groupTitleBox">
<span class="groupTitle">{{ propFormField[0].title }}</span>
<span class="groupTitle">{{ propTitle }}</span>
</div>
<el-form
ref="formLabelAlign"
......@@ -18,6 +18,10 @@
:key="groupItem.index"
>
<div>
<div class="subTitle">
<div>{{ groupItem.title }}</div>
<!-- <div class="bottomLine"></div> -->
</div>
<div class="zdyLine">
<el-form-item
:rules="rules[item.id]"
......@@ -339,680 +343,649 @@
v-for="(item2, index2) in item.childrenAsAdd"
:key="index2"
>
<div v-if="item2.flag" id="childrenAsAdd">
<div v-if="!item2.flag2">
<div v-for="(item3, ind) in item2.list" :key="ind">
<div>
<div
v-for="(reakData, realIndex) in formLabelAlign[
item2.id
<div v-if="item2.flag">
<div v-for="(item3, ind) in item2.list" :key="ind">
<div
v-for="(reakData, realIndex) in formLabelAlign[
item2.id
]"
style="position: relative"
:key="realIndex"
>
<span class="addName"
>{{
item2.name.substring(0, item2.name.length - 1)
}}{{ realIndex + 1 }}:</span
>
<span class="addContent">
<!-- <i
:class="'zdyicon ' + item2.iconClass"
v-if="!type2"
@click="deleteObj(reakData, item2)"
></i> -->
<el-form-item
v-for="item4 in item3.name"
:label="item4.name"
v-show="!item4.hidden"
:prop="`${item2.id}[${realIndex}].${item4.id}`"
:key="item4.id"
:ref="`${item2.id}[${realIndex}].${item4.id}`"
:class="[
'item' + item4.col
]"
style="position: relative"
:key="realIndex"
:rules="
rules[`${item2.id}${realIndex}.${item4.id}`]
"
:style="{
height: item4.id == 'ryzp' ? '185px' : '36px',
}"
>
<span class="addName"
>{{
item2.name.substring(
0,
item2.name.length - 1
)
}}{{ realIndex + 1 }}:</span
<!--输入框-->
<div
v-if="item4.type == 'text'"
style="position: relative"
>
<span class="addContent">
<i
:class="'zdyicon ' + item2.iconClass"
@click="deleteObj(reakData)"
v-if="realIndex != 0"
></i>
<el-form-item
v-for="item4 in item3.name"
:label="item4.name"
:prop="`${item2.id}[${realIndex}].${item4.id}`"
:key="item4.id"
:ref="`${item2.id}[${realIndex}].${item4.id}`"
:class="[
'item' + item4.col,
item4.prop == 'checkEmpty'
? redColor
: '',
]"
:rules="
rules[
`${item2.id}${realIndex}.${item4.id}`
]
"
:style="{
height:
item4.id == 'ryzp' ? '185px' : '36px',
}"
<el-input
:placeholder="item4.placeholder"
v-model="reakData[item4.id]"
:disabled="item4.disabled"
@focus="item4.focus || ''"
>
<!--输入框-->
<div
v-if="item4.type == 'text'"
style="position: relative"
>
<el-input
:placeholder="item4.placeholder"
v-model="reakData[item4.id]"
:disabled="item4.disabled"
@focus="item4.focus || ''"
>
<i
v-if="item4.showIcon == 'bhrzjhm'"
@click="getbhrData(item4)"
slot="suffix"
class="el-input__icon"
:class="item4.icon"
style="
cursor: pointer;
color: #3670ff;
"
title="被害人信息提取"
></i>
<i
v-if="item4.showIcon == 'xyrzjhm'"
@click="getxyrData()"
slot="suffix"
class="el-input__icon"
:class="item4.icon"
style="
cursor: pointer;
color: #3670ff;
"
title="犯罪嫌疑人信息提取"
></i>
</el-input>
</div>
<div
v-else-if="item4.type == 'datetime'"
style="display: flex; padding-right: 78px"
>
<el-date-picker
v-model="reakData[item4.id_1]"
format="yyyy-MM-dd HH:mm:ss"
:disabled="item4.disabled"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
>
</el-date-picker>
<span style="padding: 0 5px">至</span>
<el-date-picker
v-model="reakData[item4.id_2]"
format="yyyy-MM-dd HH:mm:ss"
:disabled="item4.disabled"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
>
</el-date-picker>
</div>
<div
class="zdyInputW"
v-else-if="item4.type == 'radio'"
>
<el-radio-group
v-model="reakData[item4.id]"
size="small"
:disabled="item4.disabled"
>
<el-radio
:label="item5.value"
v-for="item5 in item4.radioData"
:key="item5.value"
>{{ item5.name }}</el-radio
>
</el-radio-group>
</div>
<div
class="addChildBtn"
v-else-if="item4.type == 'button'"
<i
v-if="item4.showIcon == 'bhrzjhm'"
@click="getbhrData(item4)"
slot="suffix"
class="el-input__icon"
:class="item4.icon"
style="cursor: pointer; color: #3670ff"
title="被害人信息提取"
></i>
<i
v-if="item4.showIcon == 'xyrzjhm'"
@click="getxyrData()"
slot="suffix"
class="el-input__icon"
:class="item4.icon"
style="cursor: pointer; color: #3670ff"
title="犯罪嫌疑人信息提取"
></i>
</el-input>
</div>
<div
v-else-if="item4.type == 'datetime'"
style="display: flex; padding-right: 78px"
>
<el-date-picker
v-model="reakData[item4.id_1]"
format="yyyy-MM-dd HH:mm:ss"
:disabled="item4.disabled"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
>
</el-date-picker>
<span style="padding: 0 5px">至</span>
<el-date-picker
v-model="reakData[item4.id_2]"
format="yyyy-MM-dd HH:mm:ss"
:disabled="item4.disabled"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
>
</el-date-picker>
</div>
<div
class="zdyInputW"
v-else-if="item4.type == 'radio'"
>
<el-radio-group
v-model="reakData[item4.id]"
size="small"
:disabled="item4.disabled"
>
<el-radio
:label="item5.value"
v-for="item5 in item4.radioData"
:key="item5.value"
>{{ item5.name }}</el-radio
>
<el-button type="primary">
<i class="el-icon-plus"></i
><span>新增</span>
</el-button>
</div>
<div
class="zdyInputW"
v-else-if="item4.type == 'lazyCodeTree'"
:class="item4.lazycodeTree"
</el-radio-group>
</div>
<div
class="addChildBtn"
v-else-if="item4.type == 'button'"
>
<el-button type="primary">
<i class="el-icon-plus"></i
><span>新增</span>
</el-button>
</div>
<div
class="zdyInputW"
v-else-if="item4.type == 'lazyCodeTree'"
:class="item4.lazycodeTree"
>
<el-cascader
:props="item4.props"
v-model="reakData[item4.id]"
:placeholder="item4.placeholder"
:show-all-levels="false"
>
</el-cascader>
</div>
<!--字典弹框懒加载 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item4.type == 'lazyCodeTreeDialog'"
>
<lazy-select-tree-dialog
:placeholder="'请选择' + item4.name"
:sendId="item4.id"
v-model="reakData[item4.id]"
:formData="reakData"
:currentItem="item4"
/>
</div>
<!--字典框 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item4.type == 'code'"
>
<select-tree
v-model="reakData[item4.id]"
:placeholder="'请选择' + item4.name"
:options="item4.codeOptions"
:sendId="item4.id"
/>
</div>
<!--字典弹框 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item4.type == 'codeTree'"
>
<select-tree-dialog
:placeholder="'请选择' + item4.name"
:sendId="item4.id"
:formData="reakData"
:currentItem="item4"
v-model="reakData[item4.id]"
/>
</div>
<div
class="zdyInputW"
v-else-if="item4.type == 'checkboxBotton'"
>
<div style="display: flex">
<span
v-for="item5 in item4.checkboxData"
:label="item5"
style="
margin-left: 20px;
border: 1px solid;
padding: 0 10px;
border-radius: 5px;
font-size: 15px;
width: 142px;
text-align: center;
color: #1a81e1;
"
:key="item5"
>{{ item5 }}</span
>
<el-cascader
:props="item4.props"
v-model="reakData[item4.id]"
:placeholder="item4.placeholder"
:show-all-levels="false"
>
</el-cascader>
</div>
<!--字典弹框懒加载 @emitValue="getLbValue"-->
</div>
</div>
<!--文本域-->
<el-input
type="textarea"
:placeholder="item4.placeholder"
v-model="reakData[item4.id]"
v-else-if="item4.type == 'textarea'"
:disabled="item4.disabled"
>
</el-input>
<!-- 时间框 -->
<el-date-picker
v-model="reakData[item4.id]"
v-else-if="item4.type == 'date'"
:placeholder="item4.placeholder"
format="yyyy 年 MM 月 dd 日"
value-format="timestamp"
clearable
>
</el-date-picker>
<!-- 时间区间 -->
<el-date-picker
v-model="reakData[item4.id]"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd HH:mm:ss"
v-else-if="item4.type == 'datearea'"
>
</el-date-picker>
<el-date-picker
v-model="reakData[item4.id]"
:disabled="item4.disabled"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
v-else-if="item4.type == 'dates'"
:class="item4.date"
>
</el-date-picker>
<!--文件上传-->
<el-upload
class="upload-demo"
action="#"
ref="uploadFile"
:accept="item4.acceptType"
:before-upload="
normalPictureBeforeAvatarUpload
"
:on-change="
(file, fileList) =>
handleChange(
file,
fileList,
item4,
item2,
realIndex
)
"
:on-remove="
(flie, fileList) =>
handleRemove(
flie,
fileList,
item4,
item2,
realIndex
)
"
:before-remove="
(flie, fileList) =>
handleBeforeRemove(
flie,
fileList,
item4,
item2,
realIndex
)
"
:auto-upload="false"
:http-request="httpRequest"
:on-preview="
(flie, fileList) =>
handlerPreview(
flie,
fileList,
item4,
item2,
realIndex
)
"
:file-list="
fileLists[item2.id] &&
fileLists[item2.id][realIndex]
? fileLists[item2.id][realIndex][item4.id]
: []
"
v-model="reakData[item4.id + '1']"
v-else-if="item4.type == 'file'"
>
<el-button
size="small"
@click="
item4.name == '法律文书:' ||
item2.name == '犯罪嫌疑人信息:'
? uploadFlws()
: ''
"
type="primary"
>上传附件</el-button
>
<span
v-if="item4.id == 'flwsDzwjnr'"
style="
color: red;
margin-left: 20px;
font-size: 13px;
"
>支持png,jpg,doc,pdf格式,大小不超过3MB</span
>
<span
v-else-if="item4.id == 'asjfjDzwjnr'"
style="
color: red;
margin-left: 20px;
font-size: 13px;
"
>支持mp4,png,jpg,doc,pdf格式,大小不超过20MB</span
>
<span
v-else
style="
color: red;
margin-left: 20px;
font-size: 13px;
"
>支持jpg，jpeg，png，doc，pdf，docx格式,大小不超过3MB</span
>
</el-upload>
<div
class="manPhtot"
v-if="item4.type == 'pictureWithPreview'"
>
<div
v-if="
bhrFileLists[realIndex]
? Object.prototype.hasOwnProperty.call(
bhrFileLists[realIndex],
'src'
)
? true
: false
: false
"
class="relative"
>
<div
class="zdyInputW"
v-else-if="
item4.type == 'lazyCodeTreeDialog'
class="shadow"
@click="deleteZp('bhr', realIndex)"
></div>
<img
:src="
'data:image/gif;base64,' +
bhrFileLists[realIndex]['src']
"
>
<lazy-select-tree-dialog
:placeholder="'请选择' + item4.name"
:sendId="item4.id"
v-model="reakData[item4.id]"
:formData="reakData"
:currentItem="item4"
class="avatar2"
/>
</div>
<el-upload
v-else
class="avatar-uploader"
action="#"
:show-file-list="true"
:auto-upload="false"
:on-success="handleAvatarSuccess2"
:before-upload="beforeAvatarUpload"
:limit="1"
:on-change="
(file, fileList) => {
handleChange(
file,
fileList,
item4,
item2,
realIndex,
'1'
);
}
"
>
<div slot="file" slot-scope="{ file }">
<img
class="el-upload-list__item-thumbnail"
:src="file.url"
alt=""
/>
</div>
<img
v-if="reakData.src"
:src="
'data:image/gif;base64,' + reakData.src
"
class="avatar"
/>
<i
v-else
class="el-icon-plus avatar-uploader-icon"
></i>
</el-upload>
</div>
<div
class="manPhtot"
v-if="item4.type == 'manPhtot'"
style="display: flex"
>
<div style="text-align: center">
<div
class="zdyInputW"
v-else-if="item4.type == 'checkboxBotton'"
v-if="
zpFileLists[realIndex]
? Object.prototype.hasOwnProperty.call(
zpFileLists[realIndex],
'src1'
)
? true
: false
: false
"
class="relative"
>
<div style="display: flex">
<span
v-for="item5 in item4.checkboxData"
:label="item5"
style="
margin-left: 20px;
border: 1px solid;
padding: 0 10px;
border-radius: 5px;
font-size: 15px;
width: 142px;
text-align: center;
color: #1a81e1;
"
:key="item5"
>{{ item5 }}</span
>
</div>
<div
class="shadow"
@click="deleteZp('fzxyr', realIndex, 1)"
></div>
<img
:src="
'data:image/gif;base64,' +
zpFileLists[realIndex]['src1']
"
class="avatar2"
/>
</div>
<!--文本域-->
<el-input
type="textarea"
:placeholder="item4.placeholder"
v-model="reakData[item4.id]"
v-else-if="item4.type == 'textarea'"
:disabled="item4.disabled"
>
</el-input>
<!-- 时间框 -->
<el-date-picker
v-model="reakData[item4.id]"
v-else-if="item4.type == 'date'"
:placeholder="item4.placeholder"
format="yyyy 年 MM 月 dd 日"
value-format="timestamp"
clearable
>
</el-date-picker>
<!-- 时间区间 -->
<el-date-picker
v-model="reakData[item4.id]"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
@change="dateChange(reakData[item4.id])"
value-format="yyyy-MM-dd HH:mm:ss"
v-else-if="item4.type == 'datearea'"
>
</el-date-picker>
<el-date-picker
v-model="reakData[item4.id]"
:disabled="item4.disabled"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
v-else-if="item4.type == 'dates'"
:class="item4.date"
>
</el-date-picker>
<!--文件上传-->
<el-upload
class="upload-demo"
v-else
action="#"
ref="uploadFile"
:accept="item4.acceptType"
:auto-upload="false"
:before-upload="
normalPictureBeforeAvatarUpload
:class="
showBtnImg
? 'uoloadSty'
: noneBtnImg
? 'disUoloadSty'
: ''
"
list-type="picture-card"
:auto-upload="false"
:on-success="handleAvatarSuccesszm"
:on-remove="handleDealImgRemove1"
:limit="1"
:on-change="
(file, fileList) =>
(file, fileList) => {
handleChange(
file,
fileList,
item4,
item2,
realIndex
)
"
:on-remove="
(flie, fileList) =>
handleRemove(
flie,
fileList,
item4,
item2,
realIndex
)
"
:before-remove="
(flie, fileList) =>
handleBeforeRemove(
flie,
fileList,
item4,
item2,
realIndex
)
"
:http-request="httpRequest"
:on-preview="
(flie, fileList) =>
handlerPreview(
flie,
fileList,
item4,
item2,
realIndex
)
realIndex,
'1'
);
}
"
:file-list="
fileLists[item2.id] &&
fileLists[item2.id][realIndex]
? fileLists[item2.id][realIndex][
item4.id
]
: []
"
v-model="reakData[item4.id + '1']"
v-else-if="item4.type == 'file'"
:before-upload="beforeAvatarUpload"
>
<el-button
size="small"
@click="
item4.name == '法律文书:' ||
item2.name == '犯罪嫌疑人信息:'
? uploadFlws()
: ''
"
type="primary"
>上传附件</el-button
>
<span
v-if="item4.id == 'flwsDzwjnr'"
style="
color: red;
margin-left: 20px;
font-size: 13px;
"
>支持png,jpg,doc,pdf格式,大小不超过3MB</span
>
<span
v-else-if="item4.id == 'asjfjDzwjnr'"
style="
color: red;
margin-left: 20px;
font-size: 13px;
"
>支持mp4,png,jpg,doc,pdf格式,大小不超过20MB</span
>
<span
<img
v-if="item4.src1"
:src="item4.src1"
class="avatar"
/>
<i
v-else
style="
color: red;
margin-left: 20px;
font-size: 13px;
class="
el-icon-plus
avatar-uploader-icon
"
>支持jpg，jpeg，png，doc，pdf，docx格式,大小不超过3MB</span
>
></i>
</el-upload>
<div class="manName">正面</div>
</div>
<div
style="
text-align: center;
margin-left: 20px;
"
>
<div
class="manPhtot"
v-if="item4.type == 'pictureWithPreview'"
v-if="
zpFileLists[realIndex]
? Object.prototype.hasOwnProperty.call(
zpFileLists[realIndex],
'src2'
)
? true
: false
: false
"
class="relative"
>
<div
v-if="
bhrFileLists[realIndex]
? Object.prototype.hasOwnProperty.call(
bhrFileLists[realIndex],
'src'
)
? true
: false
: false
class="shadow"
@click="deleteZp('fzxyr', realIndex, 2)"
></div>
<img
:src="
'data:image/gif;base64,' +
zpFileLists[realIndex]['src2']
"
class="relative"
>
<div
class="shadow"
@click="deleteZp('bhr', realIndex)"
></div>
<img
:src="
'data:image/gif;base64,' +
bhrFileLists[realIndex]['src']
"
class="avatar2"
/>
</div>
class="avatar2"
/>
</div>
<el-upload
<el-upload
v-else
action="#"
:class="
showBtnImg2
? 'uoloadSty'
: noneBtnImg2
? 'disUoloadSty'
: ''
"
list-type="picture-card"
:auto-upload="false"
:on-success="handleAvatarSuccesszc"
:on-remove="handleDealImgRemove2"
:limit="1"
:on-change="
(file, fileList) => {
handleChange(
file,
fileList,
item4,
item2,
realIndex,
'2'
);
}
"
:before-upload="beforeAvatarUpload"
>
<img
v-if="item4.src2"
:src="item4.src2"
class="avatar"
/>
<i
v-else
class="avatar-uploader"
action="#"
:show-file-list="true"
:auto-upload="false"
:on-success="handleAvatarSuccess2"
:before-upload="beforeAvatarUpload"
:limit="1"
:on-change="
(file, fileList) => {
handleChange(
file,
fileList,
item4,
item2,
realIndex,
'1'
);
}
class="
el-icon-plus
avatar-uploader-icon
"
>
<div slot="file" slot-scope="{ file }">
<img
class="
el-upload-list__item-thumbnail
"
:src="file.url"
alt=""
/>
</div>
<img
v-if="reakData.src"
:src="
'data:image/gif;base64,' +
reakData.src
"
class="avatar"
/>
<i
v-else
class="
el-icon-plus
avatar-uploader-icon
"
></i>
</el-upload>
</div>
></i>
</el-upload>
<div class="manName">左侧面面</div>
</div>
<div
style="
text-align: center;
margin-left: 20px;
"
>
<div
class="manPhtot"
v-if="item4.type == 'manPhtot'"
style="display: flex"
v-if="
zpFileLists[realIndex]
? Object.prototype.hasOwnProperty.call(
zpFileLists[realIndex],
'src3'
)
? true
: false
: false
"
class="relative"
>
<div style="text-align: center">
<div
v-if="
zpFileLists[realIndex]
? Object.prototype.hasOwnProperty.call(
zpFileLists[realIndex],
'src1'
)
? true
: false
: false
"
class="relative"
>
<div
class="shadow"
@click="
deleteZp('fzxyr', realIndex, 1)
"
></div>
<img
:src="
'data:image/gif;base64,' +
zpFileLists[realIndex]['src1']
"
class="avatar2"
/>
</div>
<el-upload
v-else
action="#"
:class="
showBtnImg
? 'uoloadSty'
: noneBtnImg
? 'disUoloadSty'
: ''
"
list-type="picture-card"
:auto-upload="false"
:on-success="handleAvatarSuccesszm"
:on-remove="handleDealImgRemove1"
:limit="1"
:on-change="
(file, fileList) => {
handleChange(
file,
fileList,
item4,
item2,
realIndex,
'1'
);
}
"
:before-upload="beforeAvatarUpload"
>
<img
v-if="item4.src1"
:src="item4.src1"
class="avatar"
/>
<i
v-else
class="
el-icon-plus
avatar-uploader-icon
"
></i>
</el-upload>
<div class="manName">正面</div>
</div>
<div
style="
text-align: center;
margin-left: 20px;
class="shadow"
@click="deleteZp('fzxyr', realIndex, 3)"
></div>
<img
:src="
'data:image/gif;base64,' +
zpFileLists[realIndex]['src3']
"
>
<div
v-if="
zpFileLists[realIndex]
? Object.prototype.hasOwnProperty.call(
zpFileLists[realIndex],
'src2'
)
? true
: false
: false
"
class="relative"
>
<div
class="shadow"
@click="
deleteZp('fzxyr', realIndex, 2)
"
></div>
<img
:src="
'data:image/gif;base64,' +
zpFileLists[realIndex]['src2']
"
class="avatar2"
/>
</div>
<el-upload
v-else
action="#"
:class="
showBtnImg2
? 'uoloadSty'
: noneBtnImg2
? 'disUoloadSty'
: ''
"
list-type="picture-card"
:auto-upload="false"
:on-success="handleAvatarSuccesszc"
:on-remove="handleDealImgRemove2"
:limit="1"
:on-change="
(file, fileList) => {
handleChange(
file,
fileList,
item4,
item2,
realIndex,
'2'
);
}
"
:before-upload="beforeAvatarUpload"
>
<img
v-if="item4.src2"
:src="item4.src2"
class="avatar"
/>
<i
v-else
class="
el-icon-plus
avatar-uploader-icon
"
></i>
</el-upload>
<div class="manName">左侧面面</div>
</div>
<div
style="
text-align: center;
margin-left: 20px;
"
>
<div
v-if="
zpFileLists[realIndex]
? Object.prototype.hasOwnProperty.call(
zpFileLists[realIndex],
'src3'
)
? true
: false
: false
"
class="relative"
>
<div
class="shadow"
@click="
deleteZp('fzxyr', realIndex, 3)
"
></div>
<img
:src="
'data:image/gif;base64,' +
zpFileLists[realIndex]['src3']
"
class="avatar2"
/>
</div>
<el-upload
v-else
action="#"
:class="
showBtnImg3
? 'uoloadSty'
: noneBtnImg3
? 'disUoloadSty'
: ''
"
list-type="picture-card"
:auto-upload="false"
:on-success="handleAvatarSuccessyc"
:on-remove="handleDealImgRemove3"
:limit="1"
:on-change="
(file, fileList) => {
handleChange(
file,
fileList,
item4,
item2,
realIndex,
'3'
);
}
"
:before-upload="beforeAvatarUpload"
>
<img
v-if="item4.src3"
:src="item4.src3"
class="avatar"
/>
<i
v-else
class="
el-icon-plus
avatar-uploader-icon
"
></i>
</el-upload>
<div class="manName">右侧面</div>
</div>
class="avatar2"
/>
</div>
<span
v-if="item4.type == 'manPhtot'"
style="
color: red;
margin-left: 20px;
font-size: 15px;
<el-upload
v-else
action="#"
:class="
showBtnImg3
? 'uoloadSty'
: noneBtnImg3
? 'disUoloadSty'
: ''
"
list-type="picture-card"
:auto-upload="false"
:on-success="handleAvatarSuccessyc"
:on-remove="handleDealImgRemove3"
:limit="1"
:on-change="
(file, fileList) => {
handleChange(
file,
fileList,
item4,
item2,
realIndex,
'3'
);
}
"
>支持jpg,jpeg,png格式,大小不超过3MB</span
:before-upload="beforeAvatarUpload"
>
</el-form-item>
</span>
</div>
</div>
<img
v-if="item4.src3"
:src="item4.src3"
class="avatar"
/>
<i
v-else
class="
el-icon-plus
avatar-uploader-icon
"
></i>
</el-upload>
<div class="manName">右侧面</div>
</div>
</div>
<span
v-if="item4.type == 'manPhtot'"
style="
color: red;
margin-left: 20px;
font-size: 15px;
"
>支持jpg,jpeg,png格式,大小不超过3MB</span
>
</el-form-item>
</span>
</div>
</div>
<div v-else style="position: absolute; top: -25px">
<span class="addName"
>{{
item2.name.substring(0, item2.name.length - 1)
}}:</span
>
<span style="display: inline-block">
<i
class="iconfont icontiqu"
style="
cursor: pointer;
font-size: 20px;
position: absolute;
top: 34px;
right: -25px;
"
title="提取"
></i>
</span>
</div>
<div class="addChildBtn" v-show="item2.noshowMoreBtn">
<div class="addChildBtn">
<el-button type="primary" @click="handelFrom(item2)">
<i class="el-icon-plus"></i><span>添加</span>
</el-button>
......@@ -1062,6 +1035,7 @@ export default {
type: Object,
default: () => {},
},
propTitle: String,
},
data() {
return {
......@@ -1188,14 +1162,8 @@ export default {
//1.1二级字典处理
if (item.type == "lazyCodeTree" || item.type == "codeTree") {
if (item.multiple) {
// self.formLabelAlign[item.id].forEach((subitmes) => {
// params.append(objStr + item.id, subitmes);
// });
let str = `#${self.formLabelAlign[item.id].join('#')}`
params.append(
objStr + item.id,
str
);
let str = `#${self.formLabelAlign[item.id].join("#")}`;
params.append(objStr + item.id, str);
} else {
params.append(
objStr + item.id,
......@@ -1212,11 +1180,8 @@ export default {
}
} else if (item.type == "setValue") {
if (item.multiple) {
let str = `#${self.formLabelAlign[item.id].join('#')}`
params.append(
objStr + item.id,
str
);
let str = `#${self.formLabelAlign[item.id].join("#")}`;
params.append(objStr + item.id, str);
} else {
if (item.id == "jsrXm") {
let arr = item.codeOptions.filter(
......@@ -1420,8 +1385,9 @@ export default {
}
//2.有childrenAsAdd表单数据处理
if (item.childrenAsAdd) {
debugger
item.childrenAsAdd.forEach((subItem) => {
if (subItem.flag == self.formLabelAlign[item.id]) {
debugger
//如果遍历到的编号和所选择的编号一致
self.formLabelAlign[subItem.id].forEach((val5, index) => {
//遍历每一个数组的值
......@@ -1493,7 +1459,6 @@ export default {
}
}
});
}
});
}
});
......@@ -1552,6 +1517,50 @@ export default {
debugger;
},
httpRequest() {},
//新增表单数据
handelFrom(obj) {
let self = this,
addObj;
if (obj.flag2) {
obj.flag2 = false;
} else {
self.propFormField.forEach((groupItem) => {
groupItem.data.forEach((val) => {
if (val.childrenAsAdd) {
val.childrenAsAdd.forEach((val2, index2) => {
//遍历list数组
if (val2 == obj) {
//通过比较两个对象是否相等 将formLabelAlign里绑定的数据复制了一份
addObj = JSON.parse(
JSON.stringify(self.formLabelAlign[val2.id][0])
);
//实现深拷贝赋值
for (var val3 in addObj) {
addObj[val3] = "";
}
self.$set(
self.formLabelAlign[val2.id],
self.formLabelAlign[val2.id].length,
addObj
);
for (var f = 0; f < val2.list[0].name.length; f++) {
if (val2.list[0].name[f].type == "file") {
self.fileLists[val2.id][
self.formLabelAlign[val2.id].length - 1
] = {};
self.fileLists[val2.id][
self.formLabelAlign[val2.id].length - 1
][val2.list[0].name[f].id] == [];
}
}
this.$message.success("新增成功");
}
});
}
});
});
}
},
},
mounted() {
var self = this;
......@@ -1629,6 +1638,17 @@ $-header-fontSize: 18px;
}
#formCommonPage {
width: 100% !important;
.subTitle {
div {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 600;
line-height: 48px;
height: 48px;
color: #363636;
opacity: 1;
}
}
.sjjcShadow {
width: 100%;
height: 100vh;
......@@ -1680,7 +1700,7 @@ $-header-fontSize: 18px;
background: #fdfdfd !important;
}
/deep/.el-input__inner {
height: 29px;
height: 32px;
}
/deep/.el-checkbox-button,
/deep/.el-checkbox-button__inner {
......@@ -1711,7 +1731,6 @@ $-header-fontSize: 18px;
height: 48px;
font-size: 16px;
font-family: Microsoft YaHei;
border-bottom: 1px solid #e4e4e4;
font-weight: bold;
line-height: 48px;
color: #363636;
......@@ -1724,9 +1743,13 @@ $-header-fontSize: 18px;
//分块组级卡片
.paneGroupDiv {
background: #ffffff;
padding: 0 40px;
padding-bottom: 20px;
// 表单元素的真实容器
.zdyLine {
padding: 0px 20px 20px 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e4e4e4;
/deep/.el-form-item {
margin-bottom: 0px !important;
.el-form-item__label {
......@@ -1747,7 +1770,7 @@ $-header-fontSize: 18px;
margin-bottom: 10px;
}
.el-input__inner {
border-radius: 2px;
border-radius: 4px;
}
.codeTree {
.el-select {
......
src/components/ptCxForm_components.vue
......@@ -407,7 +407,7 @@
pageBs != 'hmxsGl' &&
pageBs != 'ryxsGl' &&
pageBs != 'caseGl' &&
pageBs != 'rwbd' &&
pageBs != 'rwbd' &&
pageBs != 'rySp' &&
pageBs != 'myaddZdry' &&
pageBs != 'rwbdjs'
......@@ -422,9 +422,13 @@
</div>
<div
v-else-if="
((pageBs != 'rwbd' && pageBs != 'rwbdjs') && (columnTitle.prop == 'xxzjbh' || columnTitle.prop == 'asjbh' || columnTitle.prop == 'xm' )) ||
((pageBs == 'rwbd' || pageBs == 'rwbdjs') && columnTitle.prop == 'rwmc')
(pageBs != 'rwbd' &&
pageBs != 'rwbdjs' &&
(columnTitle.prop == 'xxzjbh' ||
columnTitle.prop == 'asjbh' ||
columnTitle.prop == 'xm')) ||
((pageBs == 'rwbd' || pageBs == 'rwbdjs') &&
columnTitle.prop == 'rwmc')
"
>
<!-- 暂时修改成这样 -->
......@@ -474,6 +478,22 @@
}}
</el-tag>
</div>
<div
v-else-if="columnTitle.prop == 'zjhm'"
style="font-size: 13px !important"
>
<span
style="border: 1px solid rgb(64, 158, 255); padding: 0px 4px"
>{{
columnTitle["gradeLev"] == 10
? "一般"
: columnTitle["gradeLev"] == 20
? "危险"
: "高危"
}}</span
>
{{ scope.row[columnTitle.prop] }}
</div>
<div v-else v-html="scope.row[columnTitle.prop]">
{{ columnTitle.prop }}
</div>
......@@ -500,7 +520,12 @@
class="edit"
style="margin-right: 16px"
v-if="
!(pageBs == 'rySp' || pageBs == 'yhkxsGl' || pageBs == 'rwbd'|| pageBs == 'rwbdjs')
!(
pageBs == 'rySp' ||
pageBs == 'yhkxsGl' ||
pageBs == 'rwbd' ||
pageBs == 'rwbdjs'
)
"
>修改</span
>
......
src/router/index.js
......@@ -18,6 +18,7 @@ import zdryRoutes from "./modules/zdry";
import rlqbxsRoutes from "./modules/rlqbxs";
import xsjsdbRoutes from "./modules/xsjsdb";
import zjclRoutes from "./modules/zjcl";
import userAuthRoutes from "./modules/userAuth";
const originalPush = VueRouter.prototype.push;
......@@ -49,6 +50,7 @@ const mainRouters = [
rlqbxsRoutes,
xsjsdbRoutes,
zjclRoutes,
userAuthRoutes,
{
path: "*",
name: "error",
......
src/router/modules/userAuth.js 0 → 100644
import menuLayout from "@/layout/menuLayout.vue";
const menuLayouts = [
{
path: "/queryUser",
name: "queryUser",
meta: {
isAdd: true,
title: '用户管理'
},
component: () => import("@/views/userAuth/queryUser.vue")
}
];
export default {
path: "/right",
component: menuLayout,
children: [...menuLayouts]
};
\ No newline at end of file
src/views/rlqbxsxx/adjustRlqbxs.vue
......@@ -4,6 +4,7 @@
:formField="formField"
:formLabelAligns="formLabelAlign"
@submit="submit"
:propTitle="title"
>
</form-compontent>
</div>
......@@ -20,16 +21,43 @@ export default {
},
data() {
return {
title: "可疑线索管理",
formField: [
//基本信息
{
title: "可疑线索管理",
title: "可疑线索",
id: 1,
objStr: "",
index: 0,
data: kysscj,
},
{
title: "可疑线索0000",
id: 10,
objStr: "",
index: 20,
data: [
{
name: "测试:",
col: "1",
noshowMoreBtn: false, //是否显示添加按钮
childrenAsAdd: [
{
name: "测试:",
id: "test",
flag: true,
list: [
{
name: kysscj,
},
],
iconClass: "el-icon-close",
},
],
},
],
},
{
title: "线索提供者",
id: 2,
objStr: "",
......
src/views/userAuth/queryUser.vue 0 → 100644
<template>
<div class="Content">
<right-content
:pageBs="pageBs"
:header="header"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
:cxDefaultFormThead="cxDefaultFormThead"
:cxUrl="cxUrl"
@add="add"
></right-content>
</div>
</template>
<script>
import rightContent from "@c/ptCxForm_components.vue";
export default {
name: "jdcxsGl",
components: {
rightContent
},
data() {
return {
header: "用户管理",
pageBs: "queryUser",
cxFormData: {
username: "",
limit: 10,
page: 1,
policemanid:""
},
cxQueryField: [
{
name: "用户名",
id: "username",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "警号",
id: "policemanid",
type: "text",
value: "",
placeholder: "",
col: "3",
},
],
cxDefaultFormThead: [
{
label: "登录名",
prop: "username",
},
{
label: "用户姓名",
prop: "trueName",
},
{
label: "用户单位",
prop: "unitname"
},
{
label: "警号",
prop: "policemanid",
},
{
label: "用户状态",
prop: "openFlag",
},
],
cxUrl: "/sysuser/selectUserNewList",
Menu: [
{
id: "queryUser",
label: "用户管理",
index: "queryUser",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
};
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
// debugger
},
methods: {
add() {
this.$router.pushToTab("addJdcxs");
},
},
};
</script>
<style>
.el-dialog__body {
padding: 10px 15px !important;
}
.rightContent .el-input__inner,
#formCommonPage .el-input__inner {
height: 32px;
line-height: 32px;
font-family: inherit;
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
background: #f4f6f7;
}
.rightContent .el-input__icon,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 36px;
}
.rightContent .el-range-separator {
position: relative;
top: -4px;
}
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
width: 100%;
font-family: inherit;
}
.rightContent .el-range-input,
#formCommonPage .el-range-input {
vertical-align: top;
}
.rightContent .el-date-editor .el-range__close-icon {
margin-top: -4px;
}
.rightContent .el-form-item__error {
left: calc(66% - 27px);
top: 12px;
}
.success-row {
background-color: #fbf9f4 !important;
}
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
}
</style>
<style scoped lang="scss">
@import "@/assets/styles/rightContent.scss";
</style>
src/views/zdry/zdryGl.vue
......@@ -181,6 +181,7 @@ export default {
{
label: "身份证号",
prop: "zjhm",
width: '230px'
},
{
label: "作案年龄",
......
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