suzhou-jichuang-lanhai
/
TcAssetVerificationPc
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

网页需求更改

Browse Source
lijinlongNew
严飞永 4 days ago
parent ee8669f678
commit 98c3b5651e
6 changed files with 5877 additions and 2351 deletions
Show Stats Download Patch File Download Diff File

3541
src/views/auditPages/taskManagement/audit copy.vue
View File

File diff suppressed because it is too large Load Diff

91
src/views/components/assetsType/index.vue
Unescape View File

@ -47,37 +47,51 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="访问网址" class="fangwenwangzhi"> <el-form-item label="访问网址" class="fangwenwangzhi">
<el-row> <div
<el-col :span="23"> v-if="pageType === 'look'"
<el-input style="
placeholder="请输入内容" width: 100%;
v-model="ruleForm.fwwz" height: 36px;
class="input-with-select" border: 1px solid #dfe4ed;
> padding-left: 18px;
<template slot="prepend"> border-radius: 4px;
<el-select v-model="select"> height: 36px;
<el-option label="http" value="http"></el-option> background-color: #f5f7fa;
<el-option label="https" value="https"></el-option> color: #c2c5cc;
</el-select> "
<span class="wangzhispan">://</span> >
</template> <!-- 查看模式：显示为可点击的超链接 -->
</el-input> <a
</el-col> :href="generateFullUrl(ruleForm.fwwz)"
<el-col :span="1"> target="_blank"
<el-popover placement="top" width="250" trigger="hover"> rel="noopener noreferrer"
<div>说明：请仔细填写访问地址，确保网站地址能被访问</div> class="website-link"
<i
slot="reference" >
class="el-icon-document-copy" {{ ruleForm.fwwz }}
style=" </a>
margin-left: 5px; </div>
font-size: 16px; <div v-else>
cursor: pointer; <!-- 编辑模式：显示为输入框 -->
" <el-input
></i> v-model="ruleForm.fwwz"
</el-popover> placeholder="请输入访问网址"
</el-col> class="input-with-select"
</el-row> :rules="[
{
required: true,
message: '访问网址不能为空',
trigger: 'blur',
},
{
pattern:
/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([/\w \.-]*)*\/?$/,
message: '请输入有效的网址',
trigger: 'blur',
},
]"
/>
</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -4193,7 +4207,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" style="margin-left: 10px" > <el-col :span="12" style="margin-left: 10px">
<el-form-item label="个人信息数据量" required> <el-form-item label="个人信息数据量" required>
<el-input <el-input
:placeholder="'请填写个人信息数据量' + (dataIndex + 1)" :placeholder="'请填写个人信息数据量' + (dataIndex + 1)"
@ -4798,8 +4812,17 @@ export default {
} }
}, },
methods: { methods: {
changeSfsjgrxx(index){ // 新增超链接的方法
this.ruleForm.sjzcList[index].grxxsjl = "" generateFullUrl(url) {
if (!url) return "";
// 如果没有 http(s):// 前缀，自动添加 https://
if (!/^https?:\/\//i.test(url)) {
return "https://" + url;
}
return url;
},
changeSfsjgrxx(index) {
this.ruleForm.sjzcList[index].grxxsjl = "";
}, },
addSjzcList() { addSjzcList() {
this.ruleForm.sjzcList.push({ this.ruleForm.sjzcList.push({

226
src/views/components/myAssetsType/index.vue
Unescape View File

@ -1,4 +1,5 @@
<template> <template>
<!-- 资产填报记录和我的资产 -->
<div class="L-assets-info"> <div class="L-assets-info">
<el-backtop target=".L-assets-info" /> <el-backtop target=".L-assets-info" />
<div class="assets-info-top"> <div class="assets-info-top">
@ -57,37 +58,49 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="访问网址" class="fangwenwangzhi"> <el-form-item label="访问网址" class="fangwenwangzhi">
<el-row> <div
<el-col :span="23"> v-if="pageType === 'look'"
<el-input style="
placeholder="请输入内容" width: 100%;
v-model="ruleForm.fwwz" height: 36px;
class="input-with-select" border: 1px solid #dfe4ed;
> padding-left: 18px;
<template slot="prepend"> border-radius: 4px;
<el-select v-model="select"> background-color: #f5f7fa;
<el-option label="http" value="http"></el-option> color: #c2c5cc;
<el-option label="https" value="https"></el-option> "
</el-select> >
<span class="wangzhispan">://</span> <!-- 查看模式：显示为可点击的超链接 -->
</template> <a
</el-input> :href="generateFullUrl(ruleForm.fwwz)"
</el-col> target="_blank"
<el-col :span="1"> rel="noopener noreferrer"
<el-popover placement="top" width="250" trigger="hover"> class="website-link"
<div>说明：请仔细填写访问地址，确保网站地址能被访问</div> >
<i {{ ruleForm.fwwz }}
slot="reference" </a>
class="el-icon-document-copy" </div>
style=" <div v-else>
margin-left: 5px; <!-- 编辑模式：显示为输入框 -->
font-size: 16px; <el-input
cursor: pointer; v-model="ruleForm.fwwz"
" placeholder="请输入访问网址"
></i> class="input-with-select"
</el-popover> :rules="[
</el-col> {
</el-row> required: true,
message: '访问网址不能为空',
trigger: 'blur',
},
{
pattern:
/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([/\w \.-]*)*\/?$/,
message: '请输入有效的网址',
trigger: 'blur',
},
]"
/>
</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -4583,9 +4596,11 @@
> >
<el-row style="display: flex"> <el-row style="display: flex">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="数据库名称" <el-form-item
:prop="`sjzcList[${dataIndex}].sjzcSjkmc`" :rules="rules.bwk" label="数据库名称"
> :prop="`sjzcList[${dataIndex}].sjzcSjkmc`"
:rules="rules.bwk"
>
<el-input <el-input
v-model="dataItem.sjzcSjkmc" v-model="dataItem.sjzcSjkmc"
:placeholder="'请输入数据库名称' + (dataIndex + 1)" :placeholder="'请输入数据库名称' + (dataIndex + 1)"
@ -4593,7 +4608,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" style="margin-left: 10px"> <el-col :span="12" style="margin-left: 10px">
<el-form-item label="数据库类型" :prop="`sjzcList[${dataIndex}].sjzcSjklx`" :rules="rules.bwk"> <el-form-item
label="数据库类型"
:prop="`sjzcList[${dataIndex}].sjzcSjklx`"
:rules="rules.bwk"
>
<!-- <el-input v-model="ruleForm.sjzcSjklx" placeholder="请输入数据库类型"></el-input> --> <!-- <el-input v-model="ruleForm.sjzcSjklx" placeholder="请输入数据库类型"></el-input> -->
<el-select <el-select
v-model="dataItem.sjzcSjklx" v-model="dataItem.sjzcSjklx"
@ -4611,7 +4630,11 @@
</el-row> </el-row>
<el-row style="display: flex"> <el-row style="display: flex">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="端口" :prop="`sjzcList[${dataIndex}].sjzcDk`" :rules="rules.bwk"> <el-form-item
label="端口"
:prop="`sjzcList[${dataIndex}].sjzcDk`"
:rules="rules.bwk"
>
<el-input <el-input
v-model="dataItem.sjzcDk" v-model="dataItem.sjzcDk"
:placeholder="'请输入端口' + (dataIndex + 1)" :placeholder="'请输入端口' + (dataIndex + 1)"
@ -4619,7 +4642,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" style="margin-left: 10px"> <el-col :span="12" style="margin-left: 10px">
<el-form-item label="数据库版本" :prop="`sjzcList[${dataIndex}].sjzcSjkbb`" :rules="rules.bwk"> <el-form-item
label="数据库版本"
:prop="`sjzcList[${dataIndex}].sjzcSjkbb`"
:rules="rules.bwk"
>
<el-input <el-input
v-model="dataItem.sjzcSjkbb" v-model="dataItem.sjzcSjkbb"
:placeholder="'请输入数据库版本' + (dataIndex + 1)" :placeholder="'请输入数据库版本' + (dataIndex + 1)"
@ -4629,7 +4656,11 @@
</el-row> </el-row>
<el-row style="display: flex"> <el-row style="display: flex">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="数据库所在IP" :prop="`sjzcList[${dataIndex}].sjzcSjkIp`" :rules="rules.bwk"> <el-form-item
label="数据库所在IP"
:prop="`sjzcList[${dataIndex}].sjzcSjkIp`"
:rules="rules.bwk"
>
<el-input <el-input
v-model="dataItem.sjzcSjkIp" v-model="dataItem.sjzcSjkIp"
:placeholder="'请输入数据库所在IP' + (dataIndex + 1)" :placeholder="'请输入数据库所在IP' + (dataIndex + 1)"
@ -4637,7 +4668,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" style="margin-left: 10px"> <el-col :span="12" style="margin-left: 10px">
<el-form-item label="共享属性" :prop="`sjzcList[${dataIndex}].sjzcGxsx`" :rules="rules.bwk"> <el-form-item
label="共享属性"
:prop="`sjzcList[${dataIndex}].sjzcGxsx`"
:rules="rules.bwk"
>
<el-select <el-select
v-model="dataItem.sjzcGxsx" v-model="dataItem.sjzcGxsx"
:placeholder="'请选择共享属性' + (dataIndex + 1)" :placeholder="'请选择共享属性' + (dataIndex + 1)"
@ -4654,7 +4689,11 @@
</el-row> </el-row>
<el-row style="display: flex"> <el-row style="display: flex">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="开放属性" :prop="`sjzcList[${dataIndex}].sjzcKfsx`" :rules="rules.bwk"> <el-form-item
label="开放属性"
:prop="`sjzcList[${dataIndex}].sjzcKfsx`"
:rules="rules.bwk"
>
<el-select <el-select
v-model="dataItem.sjzcKfsx" v-model="dataItem.sjzcKfsx"
:placeholder="'请选择开放属性' + (dataIndex + 1)" :placeholder="'请选择开放属性' + (dataIndex + 1)"
@ -4669,7 +4708,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" style="margin-left: 10px"> <el-col :span="12" style="margin-left: 10px">
<el-form-item label="数据领域" :prop="`sjzcList[${dataIndex}].sjzcSjly`" :rules="rules.bwk"> <el-form-item
label="数据领域"
:prop="`sjzcList[${dataIndex}].sjzcSjly`"
:rules="rules.bwk"
>
<el-select <el-select
v-model="dataItem.sjzcSjly" v-model="dataItem.sjzcSjly"
:placeholder="'请选择数据领域' + (dataIndex + 1)" :placeholder="'请选择数据领域' + (dataIndex + 1)"
@ -4686,7 +4729,11 @@
</el-row> </el-row>
<el-row style="display: flex"> <el-row style="display: flex">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="更新周期" :prop="`sjzcList[${dataIndex}].sjzcGxzq`" :rules="rules.bwk"> <el-form-item
label="更新周期"
:prop="`sjzcList[${dataIndex}].sjzcGxzq`"
:rules="rules.bwk"
>
<el-select <el-select
v-model="dataItem.sjzcGxzq" v-model="dataItem.sjzcGxzq"
:placeholder="'请选择数据领域' + (dataIndex + 1)" :placeholder="'请选择数据领域' + (dataIndex + 1)"
@ -4701,7 +4748,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" style="margin-left: 10px"> <el-col :span="12" style="margin-left: 10px">
<el-form-item label="数据类型" :prop="`sjzcList[${dataIndex}].sjzcSjlx`" :rules="rules.bwk"> <el-form-item
label="数据类型"
:prop="`sjzcList[${dataIndex}].sjzcSjlx`"
:rules="rules.bwk"
>
<!-- <el-select v-model="ruleForm.region" placeholder="请选择数据类型"> <!-- <el-select v-model="ruleForm.region" placeholder="请选择数据类型">
<el-option <el-option
v-for="dict in dict.type.sjzc_gxzq" v-for="dict in dict.type.sjzc_gxzq"
@ -4719,7 +4770,11 @@
</el-row> </el-row>
<el-row style="display: flex"> <el-row style="display: flex">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="数据量" :prop="`sjzcList[${dataIndex}].sjzcSjl`" :rules="rules.bwk"> <el-form-item
label="数据量"
:prop="`sjzcList[${dataIndex}].sjzcSjl`"
:rules="rules.bwk"
>
<el-input <el-input
type="number" type="number"
v-model="dataItem.sjzcSjl" v-model="dataItem.sjzcSjl"
@ -4728,7 +4783,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" style="margin-left: 10px"> <el-col :span="12" style="margin-left: 10px">
<el-form-item label="数据量单位" :prop="`sjzcList[${dataIndex}].sjzcSjldw`" :rules="rules.bwk"> <el-form-item
label="数据量单位"
:prop="`sjzcList[${dataIndex}].sjzcSjldw`"
:rules="rules.bwk"
>
<el-select <el-select
v-model="dataItem.sjzcSjldw" v-model="dataItem.sjzcSjldw"
:placeholder="'请选择数据量单位' + (dataIndex + 1)" :placeholder="'请选择数据量单位' + (dataIndex + 1)"
@ -4745,7 +4804,11 @@
</el-row> </el-row>
<el-row style="display: flex"> <el-row style="display: flex">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="数据是否出境" :prop="`sjzcList[${dataIndex}].sjzcCj`" :rules="rules.bwk"> <el-form-item
label="数据是否出境"
:prop="`sjzcList[${dataIndex}].sjzcCj`"
:rules="rules.bwk"
>
<el-select <el-select
v-model="dataItem.sjzcCj" v-model="dataItem.sjzcCj"
:placeholder="'请选择数据是否出境' + (dataIndex + 1)" :placeholder="'请选择数据是否出境' + (dataIndex + 1)"
@ -4760,7 +4823,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" style="margin-left: 10px"> <el-col :span="12" style="margin-left: 10px">
<el-form-item label="数据分级分类" :prop="`sjzcList[${dataIndex}].sjzcSjfjfl`" :rules="rules.bwk"> <el-form-item
label="数据分级分类"
:prop="`sjzcList[${dataIndex}].sjzcSjfjfl`"
:rules="rules.bwk"
>
<el-select <el-select
v-model="dataItem.sjzcSjfjfl" v-model="dataItem.sjzcSjfjfl"
:placeholder="'请选择数据分级分类' + (dataIndex + 1)" :placeholder="'请选择数据分级分类' + (dataIndex + 1)"
@ -4777,7 +4844,11 @@
</el-row> </el-row>
<el-row style="display: flex"> <el-row style="display: flex">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="数据重要程度" :prop="`sjzcList[${dataIndex}].sjzcSjzycd`" :rules="rules.bwk"> <el-form-item
label="数据重要程度"
:prop="`sjzcList[${dataIndex}].sjzcSjzycd`"
:rules="rules.bwk"
>
<el-select <el-select
v-model="dataItem.sjzcSjzycd" v-model="dataItem.sjzcSjzycd"
:placeholder="'请选择数据重要程度' + (dataIndex + 1)" :placeholder="'请选择数据重要程度' + (dataIndex + 1)"
@ -4792,7 +4863,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" style="margin-left: 10px"> <el-col :span="12" style="margin-left: 10px">
<el-form-item label="是否涉密数据" :prop="`sjzcList[${dataIndex}].sjzcSmsj`" :rules="rules.bwk"> <el-form-item
label="是否涉密数据"
:prop="`sjzcList[${dataIndex}].sjzcSmsj`"
:rules="rules.bwk"
>
<el-select <el-select
v-model="dataItem.sjzcSmsj" v-model="dataItem.sjzcSmsj"
:placeholder="'请选择是否涉密数据' + (dataIndex + 1)" :placeholder="'请选择是否涉密数据' + (dataIndex + 1)"
@ -4809,7 +4884,11 @@
</el-row> </el-row>
<el-row style="display: flex"> <el-row style="display: flex">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="数据描述" :prop="`sjzcList[${dataIndex}].sjzcSjms`" :rules="rules.bwk"> <el-form-item
label="数据描述"
:prop="`sjzcList[${dataIndex}].sjzcSjms`"
:rules="rules.bwk"
>
<el-input <el-input
type="textarea" type="textarea"
resize="none" resize="none"
@ -4822,9 +4901,13 @@
</el-row> </el-row>
<el-row style="display: flex"> <el-row style="display: flex">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="是否涉及个人信息" :prop="`sjzcList[${dataIndex}].sfsjgrxx`" :rules="rules.bwk"> <el-form-item
label="是否涉及个人信息"
:prop="`sjzcList[${dataIndex}].sfsjgrxx`"
:rules="rules.bwk"
>
<el-select <el-select
@change="changeSfsjgrxx(dataIndex)" @change="changeSfsjgrxx(dataIndex)"
v-model="dataItem.sfsjgrxx" v-model="dataItem.sfsjgrxx"
:placeholder="'请填写是否涉及个人信息' + (dataIndex + 1)" :placeholder="'请填写是否涉及个人信息' + (dataIndex + 1)"
> >
@ -4838,7 +4921,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" style="margin-left: 10px"> <el-col :span="12" style="margin-left: 10px">
<el-form-item label="个人信息数据量" :prop="`sjzcList[${dataIndex}].grxxsjl`" :rules="rules.bwk"> <el-form-item
label="个人信息数据量"
:prop="`sjzcList[${dataIndex}].grxxsjl`"
:rules="rules.bwk"
>
<el-input <el-input
:placeholder="'请填写个人信息数据量' + (dataIndex + 1)" :placeholder="'请填写个人信息数据量' + (dataIndex + 1)"
type="number" type="number"
@ -5042,6 +5129,9 @@ export default {
}, },
computed: { computed: {
...mapGetters(["nickName"]), ...mapGetters(["nickName"]),
pageType() {
return this.$route.query.pageType;
},
}, },
data() { data() {
const arrayLenght = (rule, value, callback) => { const arrayLenght = (rule, value, callback) => {
@ -5139,7 +5229,7 @@ export default {
ruleForm: { ruleForm: {
sjzcList: [ sjzcList: [
{ {
grxxsjl:0, grxxsjl: 0,
sjzcSjkmc: "", sjzcSjkmc: "",
sjzcSjklx: "", sjzcSjklx: "",
}, },
@ -5304,7 +5394,7 @@ export default {
xtfhqkFls: [], xtfhqkFls: [],
rules: { rules: {
bwk:[{ required: true, message: "请输入", trigger: "change" }], bwk: [{ required: true, message: "请输入", trigger: "change" }],
// sjzcList: [{ validator: changeSjzcList, trigger: "blur" }], // sjzcList: [{ validator: changeSjzcList, trigger: "blur" }],
bfyy: [{ validator: changeSateTetx, trigger: "blur" }], bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
xtmc: [{ required: true, message: "请输入系统名称", trigger: "blur" }], xtmc: [{ required: true, message: "请输入系统名称", trigger: "blur" }],
@ -5400,19 +5490,27 @@ export default {
} }
}, },
methods: { methods: {
changeSfsjgrxx(index){ // 新增超链接的方法
if(this.ruleForm.sjzcList[index].sfsjgrxx != 1){ generateFullUrl(url) {
this.ruleForm.sjzcList[index].grxxsjl = 0 if (!url) return "";
}else{ // 如果没有 http(s):// 前缀，自动添加 https://
this.ruleForm.sjzcList[index].grxxsjl = "" if (!/^https?:\/\//i.test(url)) {
} return "https://" + url;
}
}, return url;
},
changeSfsjgrxx(index) {
if (this.ruleForm.sjzcList[index].sfsjgrxx != 1) {
this.ruleForm.sjzcList[index].grxxsjl = 0;
} else {
this.ruleForm.sjzcList[index].grxxsjl = "";
}
},
addSjzcList() { addSjzcList() {
this.ruleForm.sjzcList.push({ this.ruleForm.sjzcList.push({
sjzcSjkmc: "", sjzcSjkmc: "",
sjzcSjklx: "", sjzcSjklx: "",
grxxsjl:0 grxxsjl: 0,
}); });
}, },
removeSjzcList(index) { removeSjzcList(index) {

4178
src/views/components/renwuType/webType1 copy.vue
View File

File diff suppressed because it is too large Load Diff

97
src/views/components/renwuType/webType1.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<!-- 任务管理资产详情 --> <!-- 任务管理资产详情资产核查-web资产 -->
<div class="L-assets-info"> <div class="L-assets-info">
<el-backtop target=".L-assets-info" /> <el-backtop target=".L-assets-info" />
<div class="assets-info-top"> <div class="assets-info-top">
@ -59,37 +59,49 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="访问网址" class="fangwenwangzhi"> <el-form-item label="访问网址" class="fangwenwangzhi">
<el-row> <div
<el-col :span="23"> v-if="pageType === 'look'"
<el-input style="
placeholder="请输入内容" width: 100%;
v-model="ruleForm.fwwz" height: 36px;
class="input-with-select" border: 1px solid #dfe4ed;
> padding-left: 18px;
<template slot="prepend"> border-radius: 4px;
<el-select v-model="select"> background-color: #f5f7fa;
<el-option label="http" value="http"></el-option> color: #c2c5cc;
<el-option label="https" value="https"></el-option> "
</el-select> >
<span class="wangzhispan">://</span> <!-- 查看模式：显示为可点击的超链接 -->
</template> <a
</el-input> :href="generateFullUrl(ruleForm.fwwz)"
</el-col> target="_blank"
<el-col :span="1"> rel="noopener noreferrer"
<el-popover placement="top" width="250" trigger="hover"> class="website-link"
<div>说明：请仔细填写访问地址，确保网站地址能被访问</div> >
<i {{ ruleForm.fwwz }}
slot="reference" </a>
class="el-icon-document-copy" </div>
style=" <div v-else>
margin-left: 5px; <!-- 编辑模式：显示为输入框 -->
font-size: 16px; <el-input
cursor: pointer; v-model="ruleForm.fwwz"
" placeholder="请输入访问网址"
></i> class="input-with-select"
</el-popover> :rules="[
</el-col> {
</el-row> required: true,
message: '访问网址不能为空',
trigger: 'blur',
},
{
pattern:
/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([/\w \.-]*)*\/?$/,
message: '请输入有效的网址',
trigger: 'blur',
},
]"
/>
</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -3057,7 +3069,6 @@
<el-col :span="8" style="margin-left: 10px"> <el-col :span="8" style="margin-left: 10px">
<el-form-item <el-form-item
class="daoqitixingren" class="daoqitixingren"
:label="'硬件序列号' + (index == 0 ? '' : index)" :label="'硬件序列号' + (index == 0 ? '' : index)"
> >
<el-input <el-input
@ -3069,7 +3080,6 @@
<el-col :span="8" style="margin-left: 10px"> <el-col :span="8" style="margin-left: 10px">
<el-form-item <el-form-item
class="daoqitixingren" class="daoqitixingren"
:label="'硬件版本信息' + (index == 0 ? '' : index)" :label="'硬件版本信息' + (index == 0 ? '' : index)"
> >
<el-input <el-input
@ -3101,8 +3111,6 @@
<el-col :span="8" style="margin-left: 10px"> <el-col :span="8" style="margin-left: 10px">
<el-form-item <el-form-item
class="daoqitixingren" class="daoqitixingren"
:label="'硬件部署位置' + (index == 0 ? '' : index)" :label="'硬件部署位置' + (index == 0 ? '' : index)"
> >
<el-input <el-input
@ -3242,8 +3250,6 @@
<el-col :span="8" style="margin-left: 10px"> <el-col :span="8" style="margin-left: 10px">
<el-form-item <el-form-item
class="daoqitixingren" class="daoqitixingren"
:label="'硬件序列号' + (index == 0 ? '' : index)" :label="'硬件序列号' + (index == 0 ? '' : index)"
> >
<el-input <el-input
@ -3255,7 +3261,6 @@
<el-col :span="8" style="margin-left: 10px"> <el-col :span="8" style="margin-left: 10px">
<el-form-item <el-form-item
class="daoqitixingren" class="daoqitixingren"
:label="'硬件版本信息' + (index == 0 ? '' : index)" :label="'硬件版本信息' + (index == 0 ? '' : index)"
> >
<el-input <el-input
@ -5133,6 +5138,11 @@ export default {
loading: false, loading: false,
}; };
}, },
computed: {
pageType() {
return this.$route.query.pageType;
},
},
mounted() { mounted() {
let obj = { let obj = {
taskId: this.$route.query.taskId, taskId: this.$route.query.taskId,
@ -5162,6 +5172,15 @@ export default {
} }
}, },
methods: { methods: {
// 新增超链接的方法
generateFullUrl(url) {
if (!url) return "";
// 如果没有 http(s):// 前缀，自动添加 https://
if (!/^https?:\/\//i.test(url)) {
return "https://" + url;
}
return url;
},
addSjzcList() { addSjzcList() {
this.ruleForm.sjzcList.push({ this.ruleForm.sjzcList.push({
sjzcSjkmc: "", sjzcSjkmc: "",

95
src/views/components/renwuType/webType2DW.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<!-- 任务管理资产详情 --> <!-- 单位端-我的任务-核查web资产 -->
<div class="L-assets-info"> <div class="L-assets-info">
<el-backtop target=".L-assets-info" /> <el-backtop target=".L-assets-info" />
<div class="assets-info-top"> <div class="assets-info-top">
@ -58,37 +58,49 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="访问网址" class="fangwenwangzhi"> <el-form-item label="访问网址" class="fangwenwangzhi">
<el-row> <div
<el-col :span="23"> v-if="pageType === 'look'"
<el-input style="
placeholder="请输入内容" width: 100%;
v-model="ruleForm.fwwz" height: 36px;
class="input-with-select" border: 1px solid #dfe4ed;
> padding-left: 18px;
<template slot="prepend"> border-radius: 4px;
<el-select v-model="select"> background-color: #f5f7fa;
<el-option label="http" value="http"></el-option> color: #c2c5cc;
<el-option label="https" value="https"></el-option> "
</el-select> >
<span class="wangzhispan">://</span> <!-- 查看模式：显示为可点击的超链接 -->
</template> <a
</el-input> :href="generateFullUrl(ruleForm.fwwz)"
</el-col> target="_blank"
<el-col :span="1"> rel="noopener noreferrer"
<el-popover placement="top" width="250" trigger="hover"> class="website-link"
<div>说明：请仔细填写访问地址，确保网站地址能被访问</div> >
<i {{ ruleForm.fwwz }}
slot="reference" </a>
class="el-icon-document-copy" </div>
style=" <div v-else>
margin-left: 5px; <!-- 编辑模式：显示为输入框 -->
font-size: 16px; <el-input
cursor: pointer; v-model="ruleForm.fwwz"
" placeholder="请输入访问网址"
></i> class="input-with-select"
</el-popover> :rules="[
</el-col> {
</el-row> required: true,
message: '访问网址不能为空',
trigger: 'blur',
},
{
pattern:
/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([/\w \.-]*)*\/?$/,
message: '请输入有效的网址',
trigger: 'blur',
},
]"
/>
</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -3148,7 +3160,6 @@
class="daoqitixingren" class="daoqitixingren"
required required
:prop="`fwqxx[${index}].yjxh`" :prop="`fwqxx[${index}].yjxh`"
:label="'硬件型号' + (index == 0 ? '' : index)" :label="'硬件型号' + (index == 0 ? '' : index)"
> >
<el-input <el-input
@ -3161,7 +3172,6 @@
<el-form-item <el-form-item
class="daoqitixingren" class="daoqitixingren"
:prop="`fwqxx[${index}].yjxlh`" :prop="`fwqxx[${index}].yjxlh`"
:label="'硬件序列号' + (index == 0 ? '' : index)" :label="'硬件序列号' + (index == 0 ? '' : index)"
> >
<el-input <el-input
@ -3174,7 +3184,6 @@
<el-form-item <el-form-item
class="daoqitixingren" class="daoqitixingren"
:prop="`fwqxx[${index}].yjbbxx`" :prop="`fwqxx[${index}].yjbbxx`"
:label="'硬件版本信息' + (index == 0 ? '' : index)" :label="'硬件版本信息' + (index == 0 ? '' : index)"
> >
<el-input <el-input
@ -3353,7 +3362,6 @@
<el-form-item <el-form-item
class="daoqitixingren" class="daoqitixingren"
:prop="`wlsb[${index}].yjxlh`" :prop="`wlsb[${index}].yjxlh`"
:label="'硬件序列号' + (index == 0 ? '' : index)" :label="'硬件序列号' + (index == 0 ? '' : index)"
> >
<el-input <el-input
@ -3366,7 +3374,6 @@
<el-form-item <el-form-item
class="daoqitixingren" class="daoqitixingren"
:prop="`wlsb[${index}].yjbbxx`" :prop="`wlsb[${index}].yjbbxx`"
:label="'硬件版本信息' + (index == 0 ? '' : index)" :label="'硬件版本信息' + (index == 0 ? '' : index)"
> >
<el-input <el-input
@ -5256,6 +5263,11 @@ export default {
loading: false, loading: false,
}; };
}, },
computed: {
pageType() {
return this.$route.query.pageType;
},
},
mounted() { mounted() {
let obj = { let obj = {
taskId: this.$route.query.taskId, taskId: this.$route.query.taskId,
@ -5284,6 +5296,15 @@ export default {
} }
}, },
methods: { methods: {
// 新增超链接的方法
generateFullUrl(url) {
if (!url) return "";
// 如果没有 http(s):// 前缀，自动添加 https://
if (!/^https?:\/\//i.test(url)) {
return "https://" + url;
}
return url;
},
addSjzcList() { addSjzcList() {
this.ruleForm.sjzcList.push({ this.ruleForm.sjzcList.push({
sjzcSjkmc: "", sjzcSjkmc: "",

Write Preview
Loading…
Cancel
Save