mkm/TaskSystem-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化页面效果

Browse Source
This commit is contained in:
weipengfei 2023-09-15 11:48:07 +08:00
parent 0f85ffa810
commit dd02933da1
3 changed files with 243 additions and 277 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
src/views/company/edit.vue
View File

@ -10,34 +10,27 @@
<el-col :span="24" class="el-card pt-6"> <el-col :span="24" class="el-card pt-6">
<div class="tit">公司基本信息创建</div> <div class="tit">公司基本信息创建</div>
<el-row> <el-row>
<el-col :span="8">
<el-form-item label="公司名称" prop="company_name"> <el-form-item label="公司名称" prop="company_name">
<el-input <el-input
v-model="formData.company_name" v-model="formData.company_name"
placeholder="请输入公司名称" placeholder="请输入公司名称"
clearable clearable
:disabled="isDisabled" :disabled="isDisabled"
:style="{ width: '100%' }" :style="{ width: '300px' }"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="社会代码" prop="organization_code"> <el-form-item label="社会代码" prop="organization_code">
<el-input <el-input
:disabled="isDisabled" :disabled="isDisabled"
v-model="formData.organization_code" v-model="formData.organization_code"
placeholder="请输入社会代码" placeholder="请输入社会代码"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '300px' }"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="7">
<el-form-item <el-form-item
label="公司类型" label="公司类型"
:rules="[ :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="company_type" prop="company_type"
> >
<el-select <el-select
@ -46,7 +39,6 @@
placeholder="请选择公司类型" placeholder="请选择公司类型"
clearable clearable
@change="company_type_change" @change="company_type_change"
:style="{ width: '100%' }"
> >
<el-option <el-option
v-for="(item, index) in datas.dictTypeLists" v-for="(item, index) in datas.dictTypeLists"
@ -56,13 +48,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="3">
<el-form-item <el-form-item
label="省" label="省"
:rules="[ :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="province" prop="province"
> >
<el-select <el-select
@ -81,13 +69,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="3">
<el-form-item <el-form-item
label="市" label="市"
:rules="[ :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="city" prop="city"
> >
<el-select <el-select
@ -106,13 +90,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="3" v-if="isArea">
<el-form-item <el-form-item
label="区" label="区"
:rules="[ :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="area" prop="area"
> >
<el-select <el-select
@ -132,13 +112,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="3" v-if="isStreet">
<el-form-item <el-form-item
label="镇" label="镇"
:rules="[ :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="street" prop="street"
> >
<el-select <el-select
@ -158,13 +134,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="3" v-if="isVillage">
<el-form-item <el-form-item
label="村" label="村"
:rules="[ :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="village" prop="village"
> >
<el-select <el-select
@ -184,13 +156,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="3" v-if="isBrigade">
<el-form-item <el-form-item
label="队" label="队"
:rules="[ :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="brigade" prop="brigade"
> >
<el-select <el-select
@ -209,18 +177,15 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="地址" prop="address"> <el-form-item label="地址" prop="address">
<el-input <el-input
:disabled="isDisabled" :disabled="isDisabled"
v-model="formData.address" v-model="formData.address"
placeholder="请输入地址" placeholder="请输入地址"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '300px' }"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="23"> <el-col :span="23">
<el-form-item label="负责区域" prop="region"> <el-form-item label="负责区域" prop="region">
<el-checkbox-group <el-checkbox-group
@ -266,6 +231,7 @@
<div class="headimg" style="margin-left: 5px"> <div class="headimg" style="margin-left: 5px">
<el-upload <el-upload
:disabled="isDisabled" :disabled="isDisabled"
:accept="acceptFileTypes"
v-model="formData.avatar" v-model="formData.avatar"
class="avatar-uploader-head" class="avatar-uploader-head"
:data="{ cid: 1 }" :data="{ cid: 1 }"
@ -290,88 +256,76 @@
<el-main> <el-main>
<el-row> <el-row>
<div style="display: flex; justify-content: left"> <div style="display: flex; justify-content: left">
<div class="right"> <div class="right" style="max-width: 1100px">
<el-row> <el-row>
<el-col :span="10">
<el-form-item label="姓名" prop="master_name"> <el-form-item label="姓名" prop="master_name">
<el-input <el-input
:disabled="isDisabled" :disabled="isDisabled"
v-model="formData.master_name" v-model="formData.master_name"
placeholder="请输入姓名" placeholder="请输入姓名"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '450px' }"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="职务" prop="master_position"> <el-form-item label="职务" prop="master_position">
<el-input <el-input
:disabled="isDisabled" :disabled="isDisabled"
v-model="formData.master_position" v-model="formData.master_position"
placeholder="请输入职务" placeholder="请输入职务"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '450px' }"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="手机" prop="master_phone"> <el-form-item label="手机" prop="master_phone">
<el-input <el-input
:disabled="isDisabled" :disabled="isDisabled"
v-model="formData.master_phone" v-model="formData.master_phone"
placeholder="请输入手机" placeholder="请输入手机"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '450px' }"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="邮箱"> <el-form-item label="邮箱">
<el-input <el-input
disabled disabled
v-model="formData.master_email" v-model="formData.master_email"
placeholder="邮箱将由系统自动生成" placeholder="邮箱将由系统自动生成"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '450px' }"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="性别" prop="sex"> <el-form-item label="性别" prop="sex">
<el-select <el-select
:disabled="isDisabled" :disabled="isDisabled"
v-model="formData.sex" v-model="formData.sex"
placeholder="请选择性别" placeholder="请选择性别"
:style="{ width: '100%' }" :style="{ width: '450px' }"
> >
<el-option label="男" value="1" /> <el-option label="男" value="1" />
<el-option label="女" value="2" /> <el-option label="女" value="2" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="身份证"> <el-form-item label="身份证">
<el-input <el-input
:disabled="isDisabled" :disabled="isDisabled"
v-model="formData.id_card" v-model="formData.id_card"
placeholder="请输入身份证" placeholder="请输入身份证"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '450px' }"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> <!--
<!-- <el-col :span="10">
<el-form-item label="片区经理" prop="area_manager_name"> <el-form-item label="片区经理" prop="area_manager_name">
<el-input <el-input
:disabled="isDisabled" :disabled="isDisabled"
v-model="formData.area_manager_name" v-model="formData.area_manager_name"
placeholder="选择片区经理" placeholder="选择片区经理"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '300px' }"
@click="isAreaManager = true" @click="isAreaManager = true"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> --> -->
</el-row> </el-row>
</div> </div>
</div> </div>
@ -463,6 +417,7 @@
<el-form-item label="公司资质" required> <el-form-item label="公司资质" required>
<el-upload <el-upload
:disabled="isDisabled" :disabled="isDisabled"
:accept="acceptFileTypes"
v-model="formData.qualification.business_license" v-model="formData.qualification.business_license"
class="avatar-uploader pl-3" class="avatar-uploader pl-3"
:data="{ cid: 1 }" :data="{ cid: 1 }"
@ -491,6 +446,7 @@
</div> </div>
<el-upload <el-upload
v-if="imgflag" v-if="imgflag"
:accept="acceptFileTypes"
:disabled="isDisabled" :disabled="isDisabled"
class="avatar-uploader pl-3" class="avatar-uploader pl-3"
:data="{ cid: 1 }" :data="{ cid: 1 }"
@ -510,6 +466,7 @@
<el-form-item label-width="120px" label="开户许可证" required> <el-form-item label-width="120px" label="开户许可证" required>
<el-upload <el-upload
:disabled="isDisabled" :disabled="isDisabled"
:accept="acceptFileTypes"
v-model="formData.qualification.business_licenseB" v-model="formData.qualification.business_licenseB"
class="avatar-uploader pl-3" class="avatar-uploader pl-3"
:data="{ cid: 1 }" :data="{ cid: 1 }"
@ -713,6 +670,8 @@ if (route.query.isshow) {
imgflag = false; imgflag = false;
isDisabled = true; isDisabled = true;
} }
const acceptFileTypes = ref(".png, .jpg, .jpeg, image/png, image/jpeg");
console.log(isDisabled); console.log(isDisabled);
// 公司类型 // 公司类型
const indexType = ref(0); const indexType = ref(0);

8
src/views/contract/contractDetil.vue
View File

@ -386,6 +386,7 @@
prop="field127" prop="field127"
> >
<el-upload <el-upload
accept=".pdf"
:headers="{ Token: userStore.token }" :headers="{ Token: userStore.token }"
class="upload-demo" class="upload-demo"
:action="base_url + '/upload/file'" :action="base_url + '/upload/file'"
@ -410,7 +411,12 @@
> >
</el-form-item> </el-form-item>
<el-form-item v-if="isshow || formData.status == 0"> <el-form-item v-if="isshow || formData.status == 0">
<el-button v-perms="['contract.contract/wind_control']" type="primary" @click="submitContract">确定</el-button> <el-button
v-perms="['contract.contract/wind_control']"
type="primary"
@click="submitContract"
>确定</el-button
>
</el-form-item> </el-form-item>
<el-form-item v-else-if="formData.file && formData.status"> <el-form-item v-else-if="formData.file && formData.status">
<a <a

1
src/views/shop_contract/details.vue
View File

@ -378,6 +378,7 @@
prop="field127" prop="field127"
> >
<el-upload <el-upload
accept=".pdf"
:headers="{ Token: userStore.token }" :headers="{ Token: userStore.token }"
class="upload-demo" class="upload-demo"
:action="base_url + '/upload/file'" :action="base_url + '/upload/file'"