|
|
|
@ -7,133 +7,256 @@
|
|
|
|
|
:loading="loading">提交
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-button-group>
|
|
|
|
|
<!-- <el-row>-->
|
|
|
|
|
<!-- <el-col :span="3">-->
|
|
|
|
|
<!-- <div class="ao-text">-->
|
|
|
|
|
<!-- <span>证书名称:</span>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="8">-->
|
|
|
|
|
<!-- <el-form-item prop="name">-->
|
|
|
|
|
<!-- <el-input v-model="formData.name" auto-complete="off" :disabled="formData.auditStatus == 1" :maxlength="30"></el-input>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
|
|
|
|
|
<!-- <el-col :span="3">-->
|
|
|
|
|
<!-- <div class="ao-text">-->
|
|
|
|
|
<!-- <span>证书编号:</span>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="8">-->
|
|
|
|
|
<!-- <el-form-item prop="code">-->
|
|
|
|
|
<!-- <el-input v-model="formData.code" auto-complete="off" :disabled="formData.auditStatus == 1"></el-input>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- </el-row>-->
|
|
|
|
|
|
|
|
|
|
<!-- <el-row>-->
|
|
|
|
|
<!-- <el-col :span="3">-->
|
|
|
|
|
<!-- <div class="ao-text">-->
|
|
|
|
|
<!-- <span>生效期:</span>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="8">-->
|
|
|
|
|
<!-- <el-form-item prop="vailDate">-->
|
|
|
|
|
|
|
|
|
|
<!-- <el-date-picker-->
|
|
|
|
|
<!-- v-model="formData.vailDate"-->
|
|
|
|
|
<!-- type="date"-->
|
|
|
|
|
<!-- :disabled="formData.auditStatus == 1"-->
|
|
|
|
|
<!-- value-format="yyyy-MM-dd"-->
|
|
|
|
|
<!-- style="width: 100%"-->
|
|
|
|
|
<!-- placeholder="请选择生效期">-->
|
|
|
|
|
<!-- </el-date-picker>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
|
|
|
|
|
<!-- <el-col :span="3">-->
|
|
|
|
|
<!-- <div class="ao-text">-->
|
|
|
|
|
<!-- <span>失效期:</span>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="8">-->
|
|
|
|
|
<!-- <el-form-item prop="expireDate">-->
|
|
|
|
|
|
|
|
|
|
<!-- <el-date-picker-->
|
|
|
|
|
<!-- v-model="formData.expireDate"-->
|
|
|
|
|
<!-- type="date"-->
|
|
|
|
|
<!-- :disabled="formData.auditStatus == 1"-->
|
|
|
|
|
<!-- value-format="yyyy-MM-dd"-->
|
|
|
|
|
<!-- style="width: 100%"-->
|
|
|
|
|
<!-- placeholder="请选择失效期">-->
|
|
|
|
|
<!-- </el-date-picker>-->
|
|
|
|
|
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- </el-row>-->
|
|
|
|
|
<!-- <el-row>-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <el-col :span="3">-->
|
|
|
|
|
<!-- <div class="ao-text">-->
|
|
|
|
|
<!-- <span>备注:</span>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="8">-->
|
|
|
|
|
<!-- <el-form-item prop="remark">-->
|
|
|
|
|
<!-- <el-input v-model="formData.remark" auto-complete="off" type="textarea" autosize></el-input>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
|
|
|
|
|
<!-- </el-row>-->
|
|
|
|
|
|
|
|
|
|
<!-- <!– <el-row :gutter="20">–>-->
|
|
|
|
|
<!-- <!– <el-col :span="4">–>-->
|
|
|
|
|
<!-- <!– </el-col>–>-->
|
|
|
|
|
<!-- <!– <el-col :span="16">–>-->
|
|
|
|
|
<!-- <!– <div style="color: red">–>-->
|
|
|
|
|
<!-- <!– 需要上传档案为:营业执照电子档案,经营许可证电子档案,经营备案证电子档案,开户行电子档案。–>-->
|
|
|
|
|
<!-- <!– </div>–>-->
|
|
|
|
|
<!-- <!– </el-col>–>-->
|
|
|
|
|
<!-- <!– </el-row>–>-->
|
|
|
|
|
|
|
|
|
|
<!-- <el-row>-->
|
|
|
|
|
<!-- <el-col :span="3">-->
|
|
|
|
|
<!-- <div class="ao-text">-->
|
|
|
|
|
<!-- <span>文件:</span>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="8">-->
|
|
|
|
|
<!-- <el-form-item>-->
|
|
|
|
|
<!-- <el-upload-->
|
|
|
|
|
<!-- :disabled="formData.auditStatus == 1"-->
|
|
|
|
|
<!-- class="upload-demo"-->
|
|
|
|
|
<!-- ref="upload"-->
|
|
|
|
|
<!-- :action="this.uploadUrl"-->
|
|
|
|
|
<!-- :on-preview="uploadHandlePreview"-->
|
|
|
|
|
<!-- :on-remove="uploadHandleRemove"-->
|
|
|
|
|
<!-- :headers="headers"-->
|
|
|
|
|
<!-- :on-exceed="uploadHandleExceed"-->
|
|
|
|
|
<!-- accept=".jpg,.png"-->
|
|
|
|
|
<!-- :on-change="uploadOnchange"-->
|
|
|
|
|
<!-- :on-success="uploadHandleSuccess"-->
|
|
|
|
|
<!-- :on-error="uploadHandleError"-->
|
|
|
|
|
<!-- :file-list="fileList"-->
|
|
|
|
|
<!-- :data="{type:'image2'}"-->
|
|
|
|
|
<!-- :auto-upload="true">-->
|
|
|
|
|
<!-- <el-button slot="trigger" size="small" type="primary" :disabled="formData.auditStatus == 1">-->
|
|
|
|
|
<!-- {{ choiceFile }}-->
|
|
|
|
|
<!-- </el-button>-->
|
|
|
|
|
<!-- <div>只能上传 jpg,png 文件,且不超过 3 MB</div>-->
|
|
|
|
|
<!-- </el-upload>-->
|
|
|
|
|
<!-- <!– <el-button type="primary" size="mini" icon="search" @click="toViewCompanyCert"–>-->
|
|
|
|
|
<!-- <!– style="text-align:right"–>-->
|
|
|
|
|
<!-- <!– >文件预览–>-->
|
|
|
|
|
<!-- <!– </el-button–>-->
|
|
|
|
|
<!-- <!– >–>-->
|
|
|
|
|
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- </el-row>-->
|
|
|
|
|
<template v-for="(itemRow, indexRow) in fromList">
|
|
|
|
|
<el-row :gutter="20" class="el-row" type="flex">
|
|
|
|
|
<template v-for="(item, index) in itemRow.list">
|
|
|
|
|
<el-col :span="item.width" class="el-col" type="flex">
|
|
|
|
|
<div class="text item">
|
|
|
|
|
<el-form-item v-if="item.columnType =='input' && executeEval(row,item.expression,true)" :rules="item.checkRulesObj" :prop="item.columnName">
|
|
|
|
|
<span slot="label">
|
|
|
|
|
{{item.columnDesc}}
|
|
|
|
|
</span>
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="formData[item.columnName]"
|
|
|
|
|
:style="item.style"
|
|
|
|
|
:size="item.size"
|
|
|
|
|
:type="item.inputType"
|
|
|
|
|
:placeholder="item.columnDesc"
|
|
|
|
|
:disabled="executeEval(null,item.disabledFuc,false)"
|
|
|
|
|
@change="executeFuc($event,item.clickFuc,'2')"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item v-if="item.columnType =='radio' && executeEval(row,item.expression,true)" :prop="item.columnName">
|
|
|
|
|
<span slot="label">
|
|
|
|
|
{{item.columnDesc}}
|
|
|
|
|
</span>
|
|
|
|
|
<el-radio-group :style="item.style" v-model="formData[item.columnName]">
|
|
|
|
|
<el-radio
|
|
|
|
|
v-for="dict in item.lableRuleObj"
|
|
|
|
|
:key="parseInt(dict.value)"
|
|
|
|
|
:label="parseInt(dict.value)"
|
|
|
|
|
:disabled="executeEval(null,item.disabledFuc,false)"
|
|
|
|
|
>{{dict.label}}</el-radio>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item v-if="item.columnType =='select' && executeEval(row,item.expression,true)" :prop="item.columnName">
|
|
|
|
|
<span slot="label">
|
|
|
|
|
{{item.columnDesc}}
|
|
|
|
|
</span>
|
|
|
|
|
<el-select v-model="formData[item.columnName]"
|
|
|
|
|
:style="item.style"
|
|
|
|
|
:disabled="executeEval(null,item.disabledFuc,false)"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="dict in item.lableRuleObj"
|
|
|
|
|
:key="dict.value"
|
|
|
|
|
:label="dict.label"
|
|
|
|
|
:value="dict.value"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item v-if="item.columnType =='selectCustom' && executeEval(row,item.expression,true)" :prop="item.columnName">
|
|
|
|
|
<span slot="label">
|
|
|
|
|
{{item.columnDesc}}
|
|
|
|
|
</span>
|
|
|
|
|
<el-radio-group v-model="formData[item.columnName]"
|
|
|
|
|
@change="handleCheckedChange"
|
|
|
|
|
:disabled="executeEval(null,item.disabledFuc,false)"
|
|
|
|
|
>
|
|
|
|
|
<el-radio v-for="item in roles" :key="item.roleId" :label="item.roleId">{{
|
|
|
|
|
item.roleName
|
|
|
|
|
}}
|
|
|
|
|
</el-radio>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item v-if="item.columnType =='date' && executeEval(row,item.expression,true)" :rules="item.checkRulesObj" :prop="item.columnName">
|
|
|
|
|
<span slot="label">
|
|
|
|
|
{{item.columnDesc}}
|
|
|
|
|
</span>
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="formData[item.columnName]"
|
|
|
|
|
:style="item.style"
|
|
|
|
|
:disabled="executeEval(null,item.disabledFuc,false)"
|
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
type="date"
|
|
|
|
|
:placeholder="item.columnDesc"
|
|
|
|
|
></el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item v-if="item.columnType =='treeCustom' && executeEval(row,item.expression,true)" :prop="item.columnName">
|
|
|
|
|
<span slot="label">
|
|
|
|
|
{{item.columnDesc}}
|
|
|
|
|
</span>
|
|
|
|
|
<treeselect
|
|
|
|
|
v-model="formData[item.columnName]"
|
|
|
|
|
:options="menuOptions"
|
|
|
|
|
:disabled="executeEval(null,item.disabledFuc,false)"
|
|
|
|
|
:normalizer="normalizer"
|
|
|
|
|
:show-count="true"
|
|
|
|
|
:placeholder="item.columnName"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</template>
|
|
|
|
|
</el-row>
|
|
|
|
|
</template>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="3">
|
|
|
|
|
<div class="ao-text">
|
|
|
|
|
<span>证书名称:</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item prop="name">
|
|
|
|
|
<el-input v-model="formData.name" auto-complete="off" :disabled="formData.auditStatus == 1" :maxlength="30"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="3">
|
|
|
|
|
<div class="ao-text">
|
|
|
|
|
<span>证书编号:</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item prop="code">
|
|
|
|
|
<el-input v-model="formData.code" auto-complete="off" :disabled="formData.auditStatus == 1"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="3">
|
|
|
|
|
<div class="ao-text">
|
|
|
|
|
<span>生效期:</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item prop="vailDate">
|
|
|
|
|
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="formData.vailDate"
|
|
|
|
|
type="date"
|
|
|
|
|
:disabled="formData.auditStatus == 1"
|
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
placeholder="请选择生效期">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="3">
|
|
|
|
|
<div class="ao-text">
|
|
|
|
|
<span>失效期:</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item prop="expireDate">
|
|
|
|
|
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="formData.expireDate"
|
|
|
|
|
type="date"
|
|
|
|
|
:disabled="formData.auditStatus == 1"
|
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
placeholder="请选择失效期">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="3">
|
|
|
|
|
<div class="ao-text">
|
|
|
|
|
<span>备注:</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item prop="remark">
|
|
|
|
|
<el-input v-model="formData.remark" auto-complete="off" type="textarea" autosize></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<!-- <el-row :gutter="20">-->
|
|
|
|
|
<!-- <el-col :span="4">-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="16">-->
|
|
|
|
|
<!-- <div style="color: red">-->
|
|
|
|
|
<!-- 需要上传档案为:营业执照电子档案,经营许可证电子档案,经营备案证电子档案,开户行电子档案。-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- </el-row>-->
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="3">
|
|
|
|
|
<div class="ao-text">
|
|
|
|
|
<span>文件:</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-upload
|
|
|
|
|
:disabled="formData.auditStatus == 1"
|
|
|
|
|
class="upload-demo"
|
|
|
|
|
ref="upload"
|
|
|
|
|
:action="this.uploadUrl"
|
|
|
|
|
:on-preview="uploadHandlePreview"
|
|
|
|
|
:on-remove="uploadHandleRemove"
|
|
|
|
|
:headers="headers"
|
|
|
|
|
:on-exceed="uploadHandleExceed"
|
|
|
|
|
accept=".jpg,.png"
|
|
|
|
|
:on-change="uploadOnchange"
|
|
|
|
|
:on-success="uploadHandleSuccess"
|
|
|
|
|
:on-error="uploadHandleError"
|
|
|
|
|
:file-list="fileList"
|
|
|
|
|
:data="{type:'image2'}"
|
|
|
|
|
:auto-upload="true">
|
|
|
|
|
<el-button slot="trigger" size="small" type="primary" :disabled="formData.auditStatus == 1">
|
|
|
|
|
{{ choiceFile }}
|
|
|
|
|
</el-button>
|
|
|
|
|
<div>只能上传 jpg,png 文件,且不超过 3 MB</div>
|
|
|
|
|
</el-upload>
|
|
|
|
|
<!-- <el-button type="primary" size="mini" icon="search" @click="toViewCompanyCert"-->
|
|
|
|
|
<!-- style="text-align:right"-->
|
|
|
|
|
<!-- >文件预览-->
|
|
|
|
|
<!-- </el-button-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<span slot="label">
|
|
|
|
|
文件
|
|
|
|
|
</span>
|
|
|
|
|
<el-upload
|
|
|
|
|
:disabled="formData.auditStatus == 1"
|
|
|
|
|
class="upload-demo"
|
|
|
|
|
ref="upload"
|
|
|
|
|
:action="uploadUrl"
|
|
|
|
|
:on-preview="uploadHandlePreview"
|
|
|
|
|
:on-remove="uploadHandleRemove"
|
|
|
|
|
:headers="headers"
|
|
|
|
|
:on-exceed="uploadHandleExceed"
|
|
|
|
|
accept=".jpg,.png"
|
|
|
|
|
:on-change="uploadOnchange"
|
|
|
|
|
:on-success="uploadHandleSuccess"
|
|
|
|
|
:on-error="uploadHandleError"
|
|
|
|
|
:file-list="fileList"
|
|
|
|
|
:data="{type:'image2'}"
|
|
|
|
|
:auto-upload="true">
|
|
|
|
|
<el-button slot="trigger" size="small" type="primary" :disabled="formData.auditStatus == 1">
|
|
|
|
|
{{ choiceFile }}
|
|
|
|
|
</el-button>
|
|
|
|
|
<div>只能上传 jpg,png 文件,且不超过 3 MB</div>
|
|
|
|
|
</el-upload>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-card>
|
|
|
|
|
</el-form>
|
|
|
|
@ -146,6 +269,9 @@ import draggable from "vuedraggable";
|
|
|
|
|
import store from "../../../store";
|
|
|
|
|
import {insertCompanyCert, updateCompanyCert} from "../../../api/purchase/companyCert";
|
|
|
|
|
import ElImageViewer from "element-ui/packages/image/src/image-viewer"
|
|
|
|
|
import {
|
|
|
|
|
getHead,executeFuc
|
|
|
|
|
} from "@/utils/customConfig";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: "supCompanyCertAdd",
|
|
|
|
@ -194,6 +320,10 @@ export default {
|
|
|
|
|
loading: false,
|
|
|
|
|
uploadUrl: "",
|
|
|
|
|
fileList: [],
|
|
|
|
|
tableHeader:[],
|
|
|
|
|
queryList:[],
|
|
|
|
|
fromList:[],
|
|
|
|
|
tableObj:[],
|
|
|
|
|
headers: {},
|
|
|
|
|
choiceFile: "选取文件",
|
|
|
|
|
|
|
|
|
@ -348,6 +478,15 @@ export default {
|
|
|
|
|
this.certFileUrl = this.BASE_URL + "/udiwms/image/register/file/getImage?type=image2&name=";
|
|
|
|
|
window.open(this.certFileUrl + this.formData.filePath);
|
|
|
|
|
},
|
|
|
|
|
executeFuc(row,type,clickFuc,value){
|
|
|
|
|
return executeFuc(this,row,type,clickFuc,value);
|
|
|
|
|
},
|
|
|
|
|
executeEval(row,expression,defaultRet){
|
|
|
|
|
if(expression){
|
|
|
|
|
return eval(expression);
|
|
|
|
|
}
|
|
|
|
|
return defaultRet;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
filters: {},
|
|
|
|
|
mounted() {
|
|
|
|
@ -358,6 +497,13 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.uploadUrl = this.BASE_URL + "/udiwms/upload/register/file";
|
|
|
|
|
getHead("basicCompany","1").then((re) => {
|
|
|
|
|
// 处理返回的数据
|
|
|
|
|
this.tableObj = re.data;
|
|
|
|
|
this.tableHeader = re.data.tableList;
|
|
|
|
|
this.queryList = re.data.queryList;
|
|
|
|
|
this.fromList = re.data.fromList;
|
|
|
|
|
});
|
|
|
|
|
this.headers = {
|
|
|
|
|
ADMIN_ID: store.getters.adminId,
|
|
|
|
|
ADMIN_TOKEN: store.getters.token,
|
|
|
|
|