|
|
@@ -2,16 +2,26 @@
|
|
|
<div class="app-container">
|
|
|
<h3 class="title">同步信息</h3>
|
|
|
<div class="info-box">
|
|
|
- <el-descriptions >
|
|
|
- <el-descriptions-item v-for="v in dataInfo" :label="v.label" :key="v.key">{{ v.value }}</el-descriptions-item>
|
|
|
+ <el-descriptions>
|
|
|
+ <el-descriptions-item
|
|
|
+ v-for="v in dataInfo"
|
|
|
+ :label="v.label"
|
|
|
+ :key="v.key"
|
|
|
+ >{{ v.value }}</el-descriptions-item
|
|
|
+ >
|
|
|
<!-- <el-descriptions-item label="机构类型">一级机构</el-descriptions-item> -->
|
|
|
</el-descriptions>
|
|
|
</div>
|
|
|
|
|
|
<h3 class="title">补充基础信息</h3>
|
|
|
<div class="info-box">
|
|
|
- <el-form inline class="demo-form-inline" label-position="left" label-width="120px">
|
|
|
- <el-row >
|
|
|
+ <el-form
|
|
|
+ inline
|
|
|
+ class="demo-form-inline"
|
|
|
+ label-position="left"
|
|
|
+ label-width="120px"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="机构类型">
|
|
|
<el-select v-model="orgType" placeholder="机构类型">
|
|
|
@@ -25,7 +35,7 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item v-if="orgType" label="天气区域编码" >
|
|
|
+ <el-form-item v-if="orgType" label="天气区域编码">
|
|
|
<el-input
|
|
|
v-model="weatherAreaCode"
|
|
|
placeholder="天气区域编码"
|
|
|
@@ -34,25 +44,28 @@
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item v-if="orgType" label="营业场所面积">
|
|
|
- <el-input v-model="premisesArea" placeholder="营业场所面积"></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model="premisesArea"
|
|
|
+ placeholder="营业场所面积"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item
|
|
|
- v-if="!orgType"
|
|
|
- label="建设时间"
|
|
|
- prop="constructionTime"
|
|
|
- >
|
|
|
- <el-date-picker
|
|
|
- clearable
|
|
|
- v-model="constructionTime"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- placeholder="请选择建设时间"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-form-item
|
|
|
+ v-if="!orgType"
|
|
|
+ label="建设时间"
|
|
|
+ prop="constructionTime"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ clearable
|
|
|
+ v-model="constructionTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="请选择建设时间"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item
|
|
|
v-if="!orgType"
|
|
|
@@ -82,12 +95,11 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item
|
|
|
- v-if="!orgType"
|
|
|
- label="平台供应商品牌">
|
|
|
+ <el-form-item v-if="!orgType" label="平台供应商品牌">
|
|
|
<el-select
|
|
|
v-model="platformSupplierBrand"
|
|
|
- placeholder="平台供应商品牌">
|
|
|
+ placeholder="平台供应商品牌"
|
|
|
+ >
|
|
|
<el-option
|
|
|
v-for="(platformSupplierB, key) in platformSupplierBrands"
|
|
|
:key="key"
|
|
|
@@ -120,24 +132,26 @@
|
|
|
></el-switch>
|
|
|
</div>
|
|
|
<!-- 表格 -->
|
|
|
- <div style="margin-top: 30px;">
|
|
|
+ <div style="margin-top: 30px">
|
|
|
<el-button
|
|
|
- style="margin-bottom: 20px;"
|
|
|
+ style="margin-bottom: 20px"
|
|
|
type="primary"
|
|
|
plain
|
|
|
icon="el-icon-plus"
|
|
|
size="mini"
|
|
|
@click="handleOrgAdd"
|
|
|
v-hasPermi="['system:construction:add']"
|
|
|
- >新增</el-button>
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
<el-table
|
|
|
border
|
|
|
size="small"
|
|
|
v-loading="orgloading"
|
|
|
:data="constructionList"
|
|
|
- @selection-change="handleOrgSelectionChange">
|
|
|
+ @selection-change="handleOrgSelectionChange"
|
|
|
+ >
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="id" align="center" prop="id" />
|
|
|
+ <el-table-column label="序号" align="center" prop="id" />
|
|
|
<el-table-column label="标准" align="center" prop="standard" />
|
|
|
<el-table-column
|
|
|
label="达标日期"
|
|
|
@@ -149,13 +163,18 @@
|
|
|
<span>{{ formatTime(scope.row.dateOfCompliance) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="是否证书佐证"
|
|
|
+ <!-- <el-table-column
|
|
|
+ label="证书佐证"
|
|
|
align="center"
|
|
|
prop="certificateEvidence"
|
|
|
- />
|
|
|
- <el-table-column label="证书" align="center" prop="certificate" />
|
|
|
- <el-table-column label="佐证" align="center" prop="evidence" />
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.certificateEvidence > 0">是</span>
|
|
|
+ <span v-else>否</span>
|
|
|
+ </template></el-table-column
|
|
|
+ > -->
|
|
|
+ <!-- <el-table-column label="证书" align="center" prop="certificate" />
|
|
|
+ <el-table-column label="佐证" align="center" prop="evidence" /> -->
|
|
|
<el-table-column
|
|
|
v-if="false"
|
|
|
label="机构id"
|
|
|
@@ -197,7 +216,7 @@
|
|
|
</el-table>
|
|
|
</div>
|
|
|
<!-- 上传 -->
|
|
|
- <div style="margin-top: 30px;">
|
|
|
+ <div style="margin-top: 30px">
|
|
|
<el-switch
|
|
|
v-model="askari"
|
|
|
active-text
|
|
|
@@ -207,19 +226,19 @@
|
|
|
></el-switch>
|
|
|
<div v-if="askari">
|
|
|
<div class="image-container" style="margin-left: 20px">
|
|
|
- <p style="font-size: 12px;color:#999;">上传保安证正面</p>
|
|
|
+ <p style="font-size: 12px; color: #999">上传保安证正面</p>
|
|
|
<image-upload :limit="1" :fileSize="2"></image-upload>
|
|
|
|
|
|
-<!-- <el-image class="zoom-image border-color-change" :src="uploadp" fit="contain" @click="triggerFileInput"></el-image>-->
|
|
|
-<!-- <input type="file"-->
|
|
|
-<!-- ref="fileInput"-->
|
|
|
-<!-- @change="handleFileChange"-->
|
|
|
-<!-- style="display: none;"/>-->
|
|
|
+ <!-- <el-image class="zoom-image border-color-change" :src="uploadp" fit="contain" @click="triggerFileInput"></el-image>-->
|
|
|
+ <!-- <input type="file"-->
|
|
|
+ <!-- ref="fileInput"-->
|
|
|
+ <!-- @change="handleFileChange"-->
|
|
|
+ <!-- style="display: none;"/>-->
|
|
|
</div>
|
|
|
<div class="image-container" style="margin-right: 0">
|
|
|
- <p style="font-size: 12px;color:#999;">上传保安证反面</p>
|
|
|
+ <p style="font-size: 12px; color: #999">上传保安证反面</p>
|
|
|
<image-upload :limit="1" :fileSize="2"></image-upload>
|
|
|
-<!-- <el-image class="zoom-image border-color-change" :src="uplp" fit="contain"></el-image>-->
|
|
|
+ <!-- <el-image class="zoom-image border-color-change" :src="uplp" fit="contain"></el-image>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -232,14 +251,13 @@
|
|
|
<el-row>
|
|
|
<el-col :span="7">
|
|
|
<el-form-item label="业务库类型">
|
|
|
- <el-select
|
|
|
- v-model="businessLibraryType"
|
|
|
- placeholder="活动区域">
|
|
|
+ <el-select v-model="businessLibraryType" placeholder="活动区域">
|
|
|
<el-option
|
|
|
v-for="(businessLibraryTy, key) in businessLibraryTypes"
|
|
|
:key="key"
|
|
|
:label="businessLibraryTy.label"
|
|
|
- :value="businessLibraryTy.value"></el-option>
|
|
|
+ :value="businessLibraryTy.value"
|
|
|
+ ></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -267,39 +285,48 @@
|
|
|
</div>
|
|
|
<div class="info-box">
|
|
|
<el-button
|
|
|
- style="margin-bottom: 20px;"
|
|
|
+ style="margin-bottom: 20px"
|
|
|
type="primary"
|
|
|
plain
|
|
|
icon="el-icon-plus"
|
|
|
size="mini"
|
|
|
- @click="handleBankAdd"
|
|
|
+ @click="handleBusinessAdd"
|
|
|
v-hasPermi="['system:BankPhysicalDefenseConstruction:add']"
|
|
|
- >新增</el-button>
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
<el-table
|
|
|
border
|
|
|
size="small"
|
|
|
- v-loading="bankloading"
|
|
|
- :data="BankPhysicalDefenseConstructionList"
|
|
|
- @selection-change="handleBankSelectionChange">
|
|
|
+ v-loading="businessloading"
|
|
|
+ :data="BusinessPhysicalDefenseConstructionList"
|
|
|
+ @selection-change="handleBusinessSelectionChange"
|
|
|
+ >
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="id" align="center" prop="id" />
|
|
|
+ <el-table-column label="序号" align="center" prop="id" />
|
|
|
<el-table-column label="标准" align="center" prop="standard" />
|
|
|
<el-table-column
|
|
|
label="达标日期"
|
|
|
align="center"
|
|
|
prop="dateOfCompliance"
|
|
|
- width="180">
|
|
|
+ width="180"
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{parseTime(scope.row.dateOfCompliance, "YYYY-MM-dd HH:mm:ss") }}</span>
|
|
|
+ <span>{{ formatTime(scope.row.dateOfCompliance) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- label="是否证书佐证"
|
|
|
+ label="证书佐证"
|
|
|
align="center"
|
|
|
prop="certificateEvidence"
|
|
|
- />
|
|
|
- <el-table-column label="证书" align="center" prop="certificate" />
|
|
|
- <el-table-column label="佐证" align="center" prop="evidence" />
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.certificateEvidence > 0">是</span>
|
|
|
+ <span v-else>否</span>
|
|
|
+ </template></el-table-column
|
|
|
+ >
|
|
|
+ <!-- <el-table-column label="证书" align="center" prop="certificate">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="佐证" align="center" prop="evidence" /> -->
|
|
|
<el-table-column
|
|
|
v-if="false"
|
|
|
label="机构id"
|
|
|
@@ -316,31 +343,29 @@
|
|
|
size="mini"
|
|
|
type="text"
|
|
|
icon="el-icon-edit"
|
|
|
- @click="handleBankUpdate(scope.row)"
|
|
|
+ @click="handleBusinessUpdate(scope.row)"
|
|
|
v-hasPermi="['system:construction:edit']"
|
|
|
- >查看证书</el-button
|
|
|
+ >查看证书</el-button
|
|
|
>
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
type="text"
|
|
|
icon="el-icon-edit"
|
|
|
- @click="handleBankUpdate(scope.row)"
|
|
|
+ @click="handleBusinessUpdate(scope.row)"
|
|
|
v-hasPermi="['system:BankPhysicalDefenseConstruction:edit']"
|
|
|
- >修改</el-button
|
|
|
+ >修改</el-button
|
|
|
>
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
type="text"
|
|
|
icon="el-icon-delete"
|
|
|
- @click="handleBankDelete(scope.row)"
|
|
|
+ @click="handleBusinessDelete(scope.row)"
|
|
|
v-hasPermi="['system:BankPhysicalDefenseConstruction:remove']"
|
|
|
- >删除</el-button
|
|
|
+ >删除</el-button
|
|
|
>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
-
|
|
|
-
|
|
|
</div>
|
|
|
|
|
|
<h3 class="title">在行自助银行设置</h3>
|
|
|
@@ -377,22 +402,24 @@
|
|
|
</div>
|
|
|
<div class="info-box">
|
|
|
<el-button
|
|
|
- style="margin-bottom: 20px;"
|
|
|
+ style="margin-bottom: 20px"
|
|
|
type="primary"
|
|
|
plain
|
|
|
icon="el-icon-plus"
|
|
|
size="mini"
|
|
|
@click="handleBankAdd"
|
|
|
v-hasPermi="['system:BankPhysicalDefenseConstruction:add']"
|
|
|
- >新增</el-button>
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
<el-table
|
|
|
border
|
|
|
size="small"
|
|
|
v-loading="bankloading"
|
|
|
:data="BankPhysicalDefenseConstructionList"
|
|
|
- @selection-change="handleBankSelectionChange">
|
|
|
+ @selection-change="handleBankSelectionChange"
|
|
|
+ >
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="id" align="center" prop="id" />
|
|
|
+ <el-table-column label="序号" align="center" prop="id" />
|
|
|
<el-table-column label="标准" align="center" prop="standard" />
|
|
|
<el-table-column
|
|
|
label="达标日期"
|
|
|
@@ -401,16 +428,21 @@
|
|
|
width="180"
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{parseTime(scope.row.dateOfCompliance, "YYYY-MM-dd HH:mm:ss") }}</span>
|
|
|
+ <span>{{ formatTime(scope.row.dateOfCompliance) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- label="是否证书佐证"
|
|
|
+ label="证书佐证"
|
|
|
align="center"
|
|
|
prop="certificateEvidence"
|
|
|
- />
|
|
|
- <el-table-column label="证书" align="center" prop="certificate" />
|
|
|
- <el-table-column label="佐证" align="center" prop="evidence" />
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.certificateEvidence > 0">是</span>
|
|
|
+ <span v-else>否</span>
|
|
|
+ </template></el-table-column
|
|
|
+ >
|
|
|
+ <!-- <el-table-column label="证书" align="center" prop="certificate" />
|
|
|
+ <el-table-column label="佐证" align="center" prop="evidence" /> -->
|
|
|
<el-table-column
|
|
|
v-if="false"
|
|
|
label="机构id"
|
|
|
@@ -429,7 +461,7 @@
|
|
|
icon="el-icon-edit"
|
|
|
@click="handleBankUpdate(scope.row)"
|
|
|
v-hasPermi="['system:construction:edit']"
|
|
|
- >查看证书</el-button
|
|
|
+ >查看证书</el-button
|
|
|
>
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
@@ -437,7 +469,7 @@
|
|
|
icon="el-icon-edit"
|
|
|
@click="handleBankUpdate(scope.row)"
|
|
|
v-hasPermi="['system:BankPhysicalDefenseConstruction:edit']"
|
|
|
- >修改</el-button
|
|
|
+ >修改</el-button
|
|
|
>
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
@@ -445,7 +477,7 @@
|
|
|
icon="el-icon-delete"
|
|
|
@click="handleBankDelete(scope.row)"
|
|
|
v-hasPermi="['system:BankPhysicalDefenseConstruction:remove']"
|
|
|
- >删除</el-button
|
|
|
+ >删除</el-button
|
|
|
>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -454,17 +486,78 @@
|
|
|
</div>
|
|
|
|
|
|
<div style="margin-top: 50px; margin-left: 42%">
|
|
|
- <el-button type="primary" @click="saveExtend" size="small">提交</el-button>
|
|
|
- <el-button type="primary" @click="nosaveExtend" size="small">取消</el-button>
|
|
|
+ <el-button type="primary" @click="saveExtend" size="small"
|
|
|
+ >提交</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" @click="nosaveExtend" size="small"
|
|
|
+ >取消</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
+ <!-- 添加或修改业务库物防建设对话框 -->
|
|
|
+ <el-dialog
|
|
|
+ :title="Businesstitle"
|
|
|
+ :visible.sync="Businessopen"
|
|
|
+ width="500px"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <el-form ref="Businessform" :model="Businessform" label-width="80px">
|
|
|
+ <el-form-item label="标准" prop="standard">
|
|
|
+ <el-input v-model="Businessform.standard" placeholder="请输入标准" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="达标日期" prop="dateOfCompliance">
|
|
|
+ <el-date-picker
|
|
|
+ clearable
|
|
|
+ v-model="Businessform.dateOfCompliance"
|
|
|
+ type="datetime"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="请选择达标日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="证书佐证" prop="certificateEvidence">
|
|
|
+ <el-switch
|
|
|
+ v-model="Businessform.certificateEvidence"
|
|
|
+ active-text
|
|
|
+ :active-value="1"
|
|
|
+ :inactive-value="0"
|
|
|
+ ></el-switch>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="Businessform.certificateEvidence" label="证书" prop="certificate">
|
|
|
+ <el-input
|
|
|
+ v-if="false"
|
|
|
+ v-model="Businessform.certificate"
|
|
|
+ placeholder="请输入证书"
|
|
|
+ />
|
|
|
+ <div class="image-container" style="margin-left: 20px">
|
|
|
+ <p style="font-size: 12px; color: #999">上传证书</p>
|
|
|
+ <image-upload :limit="1" :fileSize="2"></image-upload>
|
|
|
|
|
|
-
|
|
|
+ <!-- <el-image class="zoom-image border-color-change" :src="uploadp" fit="contain" @click="triggerFileInput"></el-image>-->
|
|
|
+ <!-- <input type="file"-->
|
|
|
+ <!-- ref="fileInput"-->
|
|
|
+ <!-- @change="handleFileChange"-->
|
|
|
+ <!-- style="display: none;"/>-->
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="false" label="佐证" prop="evidence">
|
|
|
+ <el-input v-model="Businessform.evidence" placeholder="请输入佐证" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="false" label="机构id" prop="orgId">
|
|
|
+ <el-input v-model="Businessform.orgId" placeholder="请输入机构id" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitBusinessForm">确 定</el-button>
|
|
|
+ <el-button @click="Businesscancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
<!-- 添加或修改银行物防建设对话框 -->
|
|
|
<el-dialog
|
|
|
:title="Banktitle"
|
|
|
:visible.sync="Bankopen"
|
|
|
width="500px"
|
|
|
- append-to-body>
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
<el-form ref="Bankform" :model="Bankform" label-width="80px">
|
|
|
<el-form-item label="标准" prop="standard">
|
|
|
<el-input v-model="Bankform.standard" placeholder="请输入标准" />
|
|
|
@@ -473,25 +566,42 @@
|
|
|
<el-date-picker
|
|
|
clearable
|
|
|
v-model="Bankform.dateOfCompliance"
|
|
|
- type="date"
|
|
|
+ type="datetime"
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
placeholder="请选择达标日期"
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="是否证书佐证" prop="certificateEvidence">
|
|
|
- <el-input
|
|
|
+ <el-form-item label="证书佐证" prop="certificateEvidence">
|
|
|
+ <!-- <el-input
|
|
|
v-model="Bankform.certificateEvidence"
|
|
|
- placeholder="请输入是否证书佐证"
|
|
|
- />
|
|
|
+ placeholder="请输入证书佐证"
|
|
|
+ /> -->
|
|
|
+ <el-switch
|
|
|
+ v-model="Bankform.certificateEvidence"
|
|
|
+ active-text
|
|
|
+ :active-value="1"
|
|
|
+ :inactive-value="0"
|
|
|
+ ></el-switch>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="证书" prop="certificate">
|
|
|
+ <el-form-item v-if="Bankform.certificateEvidence" label="证书" prop="certificate">
|
|
|
<el-input
|
|
|
+ v-if="false"
|
|
|
v-model="Bankform.certificate"
|
|
|
placeholder="请输入证书"
|
|
|
/>
|
|
|
+ <div class="image-container" style="margin-left: 20px">
|
|
|
+ <p style="font-size: 12px; color: #999">上传证书</p>
|
|
|
+ <image-upload :limit="1" :fileSize="2"></image-upload>
|
|
|
+
|
|
|
+ <!-- <el-image class="zoom-image border-color-change" :src="uploadp" fit="contain" @click="triggerFileInput"></el-image>-->
|
|
|
+ <!-- <input type="file"-->
|
|
|
+ <!-- ref="fileInput"-->
|
|
|
+ <!-- @change="handleFileChange"-->
|
|
|
+ <!-- style="display: none;"/>-->
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="佐证" prop="evidence">
|
|
|
+ <el-form-item v-if="false" label="佐证" prop="evidence">
|
|
|
<el-input v-model="Bankform.evidence" placeholder="请输入佐证" />
|
|
|
</el-form-item>
|
|
|
<el-form-item v-if="false" label="机构id" prop="orgId">
|
|
|
@@ -508,7 +618,8 @@
|
|
|
:title="orgtitle"
|
|
|
:visible.sync="orgopen"
|
|
|
width="500px"
|
|
|
- append-to-body>
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
<el-form ref="orgform" :model="orgform" label-width="80px">
|
|
|
<el-form-item label="标准" prop="standard">
|
|
|
<el-input v-model="orgform.standard" placeholder="请输入标准" />
|
|
|
@@ -517,22 +628,28 @@
|
|
|
<el-date-picker
|
|
|
clearable
|
|
|
v-model="orgform.dateOfCompliance"
|
|
|
- type="date"
|
|
|
+ type="datetime"
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
placeholder="请选择达标日期"
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="是否证书佐证" prop="certificateEvidence">
|
|
|
- <el-input
|
|
|
+ <el-form-item label="证书佐证" prop="certificateEvidence">
|
|
|
+ <el-switch
|
|
|
v-model="orgform.certificateEvidence"
|
|
|
- placeholder="请输入是否证书佐证"
|
|
|
- />
|
|
|
+ active-text
|
|
|
+ :active-value="1"
|
|
|
+ :inactive-value="0"
|
|
|
+ ></el-switch>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="证书" prop="certificate">
|
|
|
- <el-input v-model="orgform.certificate" placeholder="请输入证书" />
|
|
|
+ <el-form-item v-if="orgform.certificateEvidence" label="证书" prop="certificate">
|
|
|
+ <el-input v-if="false" v-model="orgform.certificate" placeholder="请输入证书" />
|
|
|
+ <div class="image-container" style="margin-left: 20px">
|
|
|
+ <p style="font-size: 12px; color: #999">上传证书</p>
|
|
|
+ <image-upload :limit="1" :fileSize="2"></image-upload>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="佐证" prop="evidence">
|
|
|
+ <el-form-item v-if="false" label="佐证" prop="evidence">
|
|
|
<el-input v-model="orgform.evidence" placeholder="请输入佐证" />
|
|
|
</el-form-item>
|
|
|
<el-form-item v-if="false" label="机构id" prop="orgId">
|
|
|
@@ -550,7 +667,7 @@
|
|
|
<script>
|
|
|
import uploadpng from "@/assets/images/upload.png";
|
|
|
import uplpng from "@/assets/images/upl.png";
|
|
|
-import request from '@/utils/request'
|
|
|
+import request from "@/utils/request";
|
|
|
import {
|
|
|
listExtend,
|
|
|
getExtend,
|
|
|
@@ -576,30 +693,24 @@ import {
|
|
|
updateOrgPhysicalDefenseConstruction,
|
|
|
delOrgPhysicalDefenseConstruction,
|
|
|
} from "@/api/system/OrgPhysicalDefenseConstruction";
|
|
|
-import {
|
|
|
- listBankPhysicalDefenseConstruction,
|
|
|
- getBankPhysicalDefenseConstruction,
|
|
|
- delBankPhysicalDefenseConstruction,
|
|
|
- addBankPhysicalDefenseConstruction,
|
|
|
- updateBankPhysicalDefenseConstruction,
|
|
|
-} from "@/api/system/BankPhysicalDefenseConstruction";
|
|
|
+
|
|
|
export default {
|
|
|
props: [],
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
//基础信息key
|
|
|
- infoKeys:[
|
|
|
- {label:'机构名称',key:'name'},
|
|
|
- {label:'机构组织类型',key:'type'},
|
|
|
- {label:'部门机构电话',key:'phone'},
|
|
|
- {label:'部门机构地址',key:'address'},
|
|
|
- {label:'排序号',key:'sort'},
|
|
|
- {label:'是否可用',key:'isLock'},
|
|
|
- {label:'更新时间',key:'updateTime'},
|
|
|
- {label:'同步时间',key:'createTime'},
|
|
|
+ infoKeys: [
|
|
|
+ { label: "机构名称", key: "name" },
|
|
|
+ { label: "机构组织类型", key: "type" },
|
|
|
+ { label: "部门机构电话", key: "phone" },
|
|
|
+ { label: "部门机构地址", key: "address" },
|
|
|
+ { label: "排序号", key: "sort" },
|
|
|
+ { label: "是否可用", key: "isLock" },
|
|
|
+ { label: "更新时间", key: "updateTime" },
|
|
|
+ { label: "同步时间", key: "createTime" },
|
|
|
],
|
|
|
- dataInfo:[],
|
|
|
+ dataInfo: [],
|
|
|
//机构补充信息
|
|
|
extendId: null,
|
|
|
orgType: 1,
|
|
|
@@ -622,10 +733,12 @@ export default {
|
|
|
|
|
|
// 遮罩层
|
|
|
orgloading: true,
|
|
|
+ businessloading: true,
|
|
|
// 选中数组
|
|
|
orgids: [],
|
|
|
// 选中数组
|
|
|
Bankids: [],
|
|
|
+ Businessids: [],
|
|
|
// 非单个禁用
|
|
|
single: true,
|
|
|
// 非多个禁用
|
|
|
@@ -638,15 +751,20 @@ export default {
|
|
|
constructionList: [],
|
|
|
// 银行物防建设表格数据
|
|
|
BankPhysicalDefenseConstructionList: [],
|
|
|
+ BusinessPhysicalDefenseConstructionList: [],
|
|
|
// 弹出层标题
|
|
|
orgtitle: "",
|
|
|
+ Businesstitle: "",
|
|
|
// 弹出层标题
|
|
|
Banktitle: "",
|
|
|
// 是否显示弹出层
|
|
|
Bankopen: false,
|
|
|
+ Businessopen: false,
|
|
|
// 表单参数
|
|
|
Bankform: {},
|
|
|
+ Businessform: {},
|
|
|
// 是否显示弹出层
|
|
|
+ Businessopen: false,
|
|
|
orgopen: false,
|
|
|
// 表单参数
|
|
|
orgform: {},
|
|
|
@@ -693,6 +811,7 @@ export default {
|
|
|
this.getExtendInfo();
|
|
|
this.getOrgPhysicalDefenseConstructionInfo();
|
|
|
this.getBankPhysicalDefenseConstructionInfo();
|
|
|
+ this.getBusinessPhysicalDefenseConstructionInfo();
|
|
|
},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
@@ -701,14 +820,14 @@ export default {
|
|
|
getOrgInfo() {
|
|
|
getDept(this.$route.params.id).then((data) => {
|
|
|
// console.log(data.data);
|
|
|
- if (!data.data ) return;
|
|
|
- let res = data.data;
|
|
|
- this.dataInfo = this.infoKeys.map((v,i)=> {
|
|
|
- console.log(v, res[v.key], 'vvvvv')
|
|
|
- v.value = res[v.key];
|
|
|
- return v
|
|
|
- })
|
|
|
- console.log(this.dataInfo, 'info')
|
|
|
+ if (!data.data) return;
|
|
|
+ let res = data.data;
|
|
|
+ this.dataInfo = this.infoKeys.map((v, i) => {
|
|
|
+ console.log(v, res[v.key], "vvvvv");
|
|
|
+ v.value = res[v.key];
|
|
|
+ return v;
|
|
|
+ });
|
|
|
+ console.log(this.dataInfo, "info");
|
|
|
});
|
|
|
},
|
|
|
|
|
|
@@ -732,22 +851,118 @@ export default {
|
|
|
},
|
|
|
getOrgPhysicalDefenseConstructionInfo() {
|
|
|
this.orgloading = true;
|
|
|
- let dat = { orgId: this.$route.params.id };
|
|
|
+ let dat = { orgId: this.$route.params.id, type: 1 };
|
|
|
listOrgPhysicalDefenseConstruction(dat).then((data) => {
|
|
|
- // console.log(data);
|
|
|
+ console.log("机构信息获取成功");
|
|
|
this.constructionList = data.rows;
|
|
|
this.orgloading = false;
|
|
|
});
|
|
|
},
|
|
|
getBankPhysicalDefenseConstructionInfo() {
|
|
|
this.bankloading = true;
|
|
|
- let dat = { orgId: this.$route.params.id };
|
|
|
- listBankPhysicalDefenseConstruction(dat).then((data) => {
|
|
|
+ let dat = { orgId: this.$route.params.id, type: 3 };
|
|
|
+ listOrgPhysicalDefenseConstruction(dat).then((data) => {
|
|
|
// console.log(data);
|
|
|
this.BankPhysicalDefenseConstructionList = data.rows;
|
|
|
this.bankloading = false;
|
|
|
});
|
|
|
},
|
|
|
+ getBusinessPhysicalDefenseConstructionInfo() {
|
|
|
+ this.businessloading = true;
|
|
|
+ let dat = { orgId: this.$route.params.id, type: 2 };
|
|
|
+ listOrgPhysicalDefenseConstruction(dat).then((data) => {
|
|
|
+ // console.log(data);
|
|
|
+ this.BusinessPhysicalDefenseConstructionList = data.rows;
|
|
|
+ this.businessloading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 取消按钮
|
|
|
+ Businesscancel() {
|
|
|
+ this.Businessopen = false;
|
|
|
+ this.Businessreset();
|
|
|
+ },
|
|
|
+ // 表单重置
|
|
|
+ Businessreset() {
|
|
|
+ this.Businessform = {
|
|
|
+ id: null,
|
|
|
+ standard: null,
|
|
|
+ dateOfCompliance: null,
|
|
|
+ certificateEvidence: null,
|
|
|
+ certificate: null,
|
|
|
+ evidence: null,
|
|
|
+ createTime: null,
|
|
|
+ updateTime: null,
|
|
|
+ createBy: null,
|
|
|
+ updateBy: null,
|
|
|
+ orgId: null,
|
|
|
+ };
|
|
|
+ this.resetForm("Businessform");
|
|
|
+ },
|
|
|
+ // 多选框选中数据
|
|
|
+ handleBusinessSelectionChange(selection) {
|
|
|
+ this.Businessids = selection.map((item) => item.id);
|
|
|
+ this.single = selection.length !== 1;
|
|
|
+ this.multiple = !selection.length;
|
|
|
+ },
|
|
|
+ /** 新增按钮操作 */
|
|
|
+ handleBusinessAdd() {
|
|
|
+ this.Businessreset();
|
|
|
+ this.Businessopen = true;
|
|
|
+ this.Businesstitle = "添加业务库物防建设";
|
|
|
+ },
|
|
|
+ /** 修改按钮操作 */
|
|
|
+ handleBusinessUpdate(row) {
|
|
|
+ this.Businessreset();
|
|
|
+ const id = row.id || this.Businessids;
|
|
|
+ getOrgPhysicalDefenseConstruction(id).then((response) => {
|
|
|
+ this.Businessform = response.data;
|
|
|
+ this.Businessopen = true;
|
|
|
+ this.Businesstitle = "修改业务库物防建设";
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 提交按钮 */
|
|
|
+ submitBusinessForm() {
|
|
|
+ this.Businessform.orgId = this.$route.params.id;
|
|
|
+ this.$refs["Businessform"].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.Businessform.type = 2;
|
|
|
+ if (this.Businessform.id != null) {
|
|
|
+ updateOrgPhysicalDefenseConstruction(this.Businessform).then(
|
|
|
+ (response) => {
|
|
|
+ this.$modal.msgSuccess("修改成功");
|
|
|
+ this.Businessopen = false;
|
|
|
+ this.getBusinessPhysicalDefenseConstructionInfo();
|
|
|
+ }
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ addOrgPhysicalDefenseConstruction(this.Businessform).then(
|
|
|
+ (response) => {
|
|
|
+ this.$modal.msgSuccess("新增成功");
|
|
|
+ this.Businessopen = false;
|
|
|
+ this.getBusinessPhysicalDefenseConstructionInfo();
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 删除按钮操作 */
|
|
|
+ handleBusinessDelete(row) {
|
|
|
+ const Businessids = row.id || this.Businessids;
|
|
|
+ this.$modal
|
|
|
+ .confirm(
|
|
|
+ '是否确认删除银行物防建设编号为"' + Businessids + '"的数据项?'
|
|
|
+ )
|
|
|
+ .then(function () {
|
|
|
+ return delOrgPhysicalDefenseConstruction(Businessids);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.getBusinessPhysicalDefenseConstructionInfo();
|
|
|
+ this.$modal.msgSuccess("删除成功");
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ },
|
|
|
+
|
|
|
// 取消按钮
|
|
|
Bankcancel() {
|
|
|
this.Bankopen = false;
|
|
|
@@ -786,7 +1001,7 @@ export default {
|
|
|
handleBankUpdate(row) {
|
|
|
this.Bankreset();
|
|
|
const id = row.id || this.Bankids;
|
|
|
- getBankPhysicalDefenseConstruction(id).then((response) => {
|
|
|
+ getOrgPhysicalDefenseConstruction(id).then((response) => {
|
|
|
this.Bankform = response.data;
|
|
|
this.Bankopen = true;
|
|
|
this.Banktitle = "修改银行物防建设";
|
|
|
@@ -797,8 +1012,9 @@ export default {
|
|
|
this.Bankform.orgId = this.$route.params.id;
|
|
|
this.$refs["Bankform"].validate((valid) => {
|
|
|
if (valid) {
|
|
|
+ this.Bankform.type = 3;
|
|
|
if (this.Bankform.id != null) {
|
|
|
- updateBankPhysicalDefenseConstruction(this.Bankform).then(
|
|
|
+ updateOrgPhysicalDefenseConstruction(this.Bankform).then(
|
|
|
(response) => {
|
|
|
this.$modal.msgSuccess("修改成功");
|
|
|
this.Bankopen = false;
|
|
|
@@ -806,7 +1022,7 @@ export default {
|
|
|
}
|
|
|
);
|
|
|
} else {
|
|
|
- addBankPhysicalDefenseConstruction(this.Bankform).then(
|
|
|
+ addOrgPhysicalDefenseConstruction(this.Bankform).then(
|
|
|
(response) => {
|
|
|
this.$modal.msgSuccess("新增成功");
|
|
|
this.Bankopen = false;
|
|
|
@@ -823,7 +1039,7 @@ export default {
|
|
|
this.$modal
|
|
|
.confirm('是否确认删除银行物防建设编号为"' + Bankids + '"的数据项?')
|
|
|
.then(function () {
|
|
|
- return delBankPhysicalDefenseConstruction(Bankids);
|
|
|
+ return delOrgPhysicalDefenseConstruction(Bankids);
|
|
|
})
|
|
|
.then(() => {
|
|
|
this.getBankPhysicalDefenseConstructionInfo();
|
|
|
@@ -881,6 +1097,7 @@ export default {
|
|
|
this.orgform.orgId = this.$route.params.id;
|
|
|
this.$refs["orgform"].validate((valid) => {
|
|
|
if (valid) {
|
|
|
+ this.orgform.type = 1;
|
|
|
if (this.orgform.id != null) {
|
|
|
updateOrgPhysicalDefenseConstruction(this.orgform).then(
|
|
|
(response) => {
|
|
|
@@ -934,18 +1151,17 @@ export default {
|
|
|
orgId: this.$route.params.id,
|
|
|
id: this.extendId,
|
|
|
};
|
|
|
- if(this.extendId){
|
|
|
+ if (this.extendId) {
|
|
|
updateExtend(dat).then((res) => {
|
|
|
this.$modal.msgSuccess("保存成功");
|
|
|
this.$router.go(-1);
|
|
|
});
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
addExtend(dat).then((res) => {
|
|
|
this.$modal.msgSuccess("保存成功");
|
|
|
this.$router.go(-1);
|
|
|
});
|
|
|
}
|
|
|
-
|
|
|
},
|
|
|
nosaveExtend() {
|
|
|
this.$router.go(-1);
|
|
|
@@ -959,7 +1175,7 @@ export default {
|
|
|
|
|
|
// 创建 FormData 对象并添加文件
|
|
|
const formData = new FormData();
|
|
|
- formData.append('file', file);
|
|
|
+ formData.append("file", file);
|
|
|
|
|
|
// // 发送文件到您的文件上传 API
|
|
|
try {
|
|
|
@@ -968,10 +1184,10 @@ export default {
|
|
|
// this.orgform.certificateEvidence = res.data;
|
|
|
});
|
|
|
// 处理上传成功的逻辑
|
|
|
- console.log('上传成功');
|
|
|
+ console.log("上传成功");
|
|
|
} catch (error) {
|
|
|
// 处理上传失败的逻辑
|
|
|
- console.log('上传失败');
|
|
|
+ console.log("上传失败");
|
|
|
}
|
|
|
// try {
|
|
|
// const response = await request.post('http://localhost:9527/dev-api/file/file/upload', formData, {
|
|
|
@@ -986,7 +1202,7 @@ export default {
|
|
|
// console.log('上传失败', error);
|
|
|
// }
|
|
|
// 重置 input 元素,以便下次选择相同文件时仍能触发 change 事件
|
|
|
- event.target.value = '';
|
|
|
+ event.target.value = "";
|
|
|
},
|
|
|
},
|
|
|
fillter: {},
|
|
|
@@ -994,18 +1210,17 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
-
|
|
|
-.title{
|
|
|
+.title {
|
|
|
font-size: 18px;
|
|
|
text-align: left;
|
|
|
background: #4f9baabd;
|
|
|
- color:#fff;
|
|
|
+ color: #fff;
|
|
|
height: 36px;
|
|
|
line-height: 36px;
|
|
|
padding-left: 8px;
|
|
|
margin: 0;
|
|
|
}
|
|
|
-.info-box{
|
|
|
+.info-box {
|
|
|
margin: 30px;
|
|
|
}
|
|
|
.demo-form-inline {
|