Merge branch 'main' of http://39.101.188.84:7000/suzhou-jichuang-lanhai/TcAssetVerificationPc into lijinlong
After Width: | Height: | Size: 401 B |
After Width: | Height: | Size: 452 B |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 612 B |
After Width: | Height: | Size: 676 B |
After Width: | Height: | Size: 851 B |
Before Width: | Height: | Size: 1015 B After Width: | Height: | Size: 837 B |
@ -0,0 +1,12 @@
|
||||
@font-face {
|
||||
font-family: "Alibaba PuHuiTi";
|
||||
src: url("./fonts/Alibaba-PuHuiTi-Bold.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Alimama ShuHeiTi";
|
||||
src: url("./fonts/AlimamaShuHeiTi-Bold.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Alibaba PuHuiTiR";
|
||||
src: url("./fonts/Alibaba-PuHuiTi-Regular.ttf");
|
||||
}
|
@ -1,16 +1,458 @@
|
||||
<!-- 单位管理 -->
|
||||
<!-- 新增单位 -->
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="L-assets-info">
|
||||
<div class="assets-info-top">
|
||||
<el-row style="margin: 10px 0;">
|
||||
<span class="top-title-box">基本信息</span>
|
||||
</el-row>
|
||||
<div class="assets-info-box">
|
||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="新增单位名称">
|
||||
<el-input v-model="ruleForm.xtmc" placeholder="请输入单位名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单位简称">
|
||||
<el-input v-model="ruleForm.dwmc" placeholder="请输入单位简称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属区域">
|
||||
<el-input v-model="ruleForm.xtmc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单位详细地址">
|
||||
<el-input v-model="ruleForm.dwmc" placeholder="请输入单位详细地址"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属行业">
|
||||
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtzyx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单位类型">
|
||||
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtzyx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单位标签">
|
||||
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtzyx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属监管单位">
|
||||
<el-input v-model="ruleForm.dwmc" placeholder="请输入监管单位"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单位角色">
|
||||
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtzyx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单位直属性质">
|
||||
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtzyx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="统一社会信用代码">
|
||||
<el-input v-model="ruleForm.xtmc" placeholder="请输入统一社会信用代码"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="是否关基单位">
|
||||
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtzyx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 联系人 -->
|
||||
<el-row style="margin: 10px 0;">
|
||||
<span class="top-title-box">联系人</span>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="单位负责人" required class="daoqitixingren">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="name">
|
||||
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="phoneNumber">
|
||||
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="email">
|
||||
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="zhiwu">
|
||||
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入职务职称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="分管负责人" required class="daoqitixingren">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="name">
|
||||
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="phoneNumber">
|
||||
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="email">
|
||||
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="zhiwu">
|
||||
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入职务职称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="部门负责人" required class="daoqitixingren">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="name">
|
||||
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="phoneNumber">
|
||||
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="email">
|
||||
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="zhiwu">
|
||||
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入职务职称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="第一联系人" required class="daoqitixingren">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="name">
|
||||
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="phoneNumber">
|
||||
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="email">
|
||||
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="zhiwu">
|
||||
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入职务职称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="其他联系人" required class="daoqitixingren">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="name">
|
||||
<el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="phoneNumber">
|
||||
<el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="email">
|
||||
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" style="margin-left: 10px;">
|
||||
<el-form-item prop="zhiwu">
|
||||
<el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入职务职称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item :label="'其他联系人' + (index + 1)" v-for="(domain, index) in ruleForm.restContacts" :key="domain.key" :prop="'restContacts.' + index + '.value'">
|
||||
<el-row>
|
||||
<el-col :span="23">
|
||||
<el-input v-model="domain.value"></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1" style="text-align: center;">
|
||||
<i @click="removeDomain(domain,'restContacts')" class="el-icon-remove-outline" style="margin-left: 5px;font-size: 16px;cursor: pointer;"></i>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item prop="btn">
|
||||
<el-button @click="addForm('restContacts')">添加其他联系人</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-row>
|
||||
<!-- 检查信息 -->
|
||||
<el-row style="margin: 10px 0;">
|
||||
<span class="top-title-box">检查信息</span>
|
||||
</el-row>
|
||||
<div v-for="(domain, index) in ruleForm.jcxxUnit" :key="domain.key" :prop="'jcxxUnit.' + index + '.value'">
|
||||
<el-row style="display: flex;">
|
||||
<el-col :span="8">
|
||||
<el-form-item class="daoqitixingren" required :label="'时间' + (index == 0 ? '' : index)">
|
||||
<el-date-picker
|
||||
v-model="ruleForm.ymdqsj"
|
||||
type="date"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" style="margin-left: 10px;">
|
||||
<el-form-item class="daoqitixingren" :label="'系统域名' + (index == 0 ? '' : index)">
|
||||
<el-input v-model="domain.tyshxydm" placeholder="请输入系统域名"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7" style="margin-left: 17px;">
|
||||
<el-form-item class="daoqitixingren" :label="'系统名称' + (index == 0 ? '' : index)">
|
||||
<el-input v-model="domain.lxdh" placeholder="请输入系统名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1" style="margin-left: 10px;text-align: center;">
|
||||
<i @click="addGongyinglian('jcxxUnit')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
|
||||
<i @click="removeDomain(domain,'jcxxUnit')" v-else class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="等保级别">
|
||||
<el-select v-model="ruleForm.xtzyx" placeholder="请选择等保级别">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtzyx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="单位名称">
|
||||
<el-input v-model="ruleForm.xtmc" placeholder="请输入单位名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="统一社会信用代码">
|
||||
<el-input v-model="ruleForm.xtmc" placeholder="请输入统一社会信用代码"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="是否关基单位">
|
||||
<el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
|
||||
<el-option
|
||||
v-for="dict in dict.type.zc_xtzyx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="检查结果">
|
||||
<el-input type="textarea" resize="none" placeholder="请输入检查结果" :rows="5" v-model="ruleForm.xgyw_ywms"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 更多信息 -->
|
||||
<el-row style="margin: 10px 0;">
|
||||
<span class="top-title-box">更多信息</span>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="官网">
|
||||
<el-input v-model="ruleForm.xtmc" placeholder="请输入官网"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="地图经度">
|
||||
<el-input v-model="ruleForm.xtmc" placeholder="请输入地图经度"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="地图纬度">
|
||||
<el-input v-model="ruleForm.xtmc" placeholder="请输入地图纬度"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="上级单位">
|
||||
<el-input v-model="ruleForm.xtmc" placeholder="请输入上级单位"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注">
|
||||
<el-input type="textarea" resize="none" placeholder="请输入备注" :rows="5" v-model="ruleForm.xgyw_ywms"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;">
|
||||
<el-button type="danger">取消</el-button>
|
||||
<el-button type="primary">确定</el-button>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
dicts:['zc_xtzyx'],
|
||||
data() {
|
||||
return {
|
||||
ruleForm:{
|
||||
// 其他联系人
|
||||
restContacts:[],
|
||||
// 检查信息
|
||||
jcxxUnit:[
|
||||
{
|
||||
name:"",
|
||||
tyshxydm:"",
|
||||
lxdh:"",
|
||||
}
|
||||
],
|
||||
},
|
||||
rules:{}
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
// 新增form
|
||||
addForm(type){
|
||||
this.ruleForm[type].push({
|
||||
value: '',
|
||||
key: Date.now()
|
||||
});
|
||||
},
|
||||
// 供应链Form新增
|
||||
addGongyinglian(type){
|
||||
this.ruleForm[type].push({
|
||||
name:"",
|
||||
tyshxydm:"",
|
||||
lxr:"",
|
||||
lxdh:"",
|
||||
key: Date.now()
|
||||
});
|
||||
},
|
||||
// 删除增加的form
|
||||
removeDomain(item,type) {
|
||||
var index = this.ruleForm[type].indexOf(item)
|
||||
if (index !== -1) {
|
||||
this.ruleForm[type].splice(index, 1)
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|