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

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

@ -10,217 +10,182 @@
<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: '300px' }"
:style="{ width: '100%' }" ></el-input>
></el-input> </el-form-item>
</el-form-item> <el-form-item label="社会代码" prop="organization_code">
</el-col> <el-input
<el-col :span="8"> :disabled="isDisabled"
<el-form-item label="社会代码" prop="organization_code"> v-model="formData.organization_code"
<el-input placeholder="请输入社会代码"
:disabled="isDisabled" clearable
v-model="formData.organization_code" :style="{ width: '300px' }"
placeholder="请输入社会代码" ></el-input>
clearable </el-form-item>
:style="{ width: '100%' }" <el-form-item
></el-input> label="公司类型"
</el-form-item> :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
</el-col> prop="company_type"
<el-col :span="7"> >
<el-form-item <el-select
label="公司类型" :disabled="isDisabled"
:rules="[ v-model="formData.company_type"
{ required: true, message: '不可为空', trigger: 'blur' }, placeholder="请选择公司类型"
]" clearable
prop="company_type" @change="company_type_change"
> >
<el-select <el-option
:disabled="isDisabled" v-for="(item, index) in datas.dictTypeLists"
v-model="formData.company_type" :key="index"
placeholder="请选择公司类型" :label="item.name"
clearable :value="item.id"
@change="company_type_change" ></el-option>
:style="{ width: '100%' }" </el-select>
> </el-form-item>
<el-option <el-form-item
v-for="(item, index) in datas.dictTypeLists" label="省"
:key="index" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
:label="item.name" prop="province"
:value="item.id" >
></el-option> <el-select
</el-select> :disabled="isDisabled"
</el-form-item> v-model="formData.province"
</el-col> placeholder="请选择省"
<el-col :span="3"> clearable
<el-form-item @change="province_change"
label="省" :style="{ width: '100%' }"
:rules="[
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="province"
> >
<el-select <el-option
:disabled="isDisabled" v-for="(item, index) in datas.provinceOptions"
v-model="formData.province" :key="index"
placeholder="请选择省" :label="item.province_name"
clearable :value="item.province_code"
@change="province_change" ></el-option>
:style="{ width: '100%' }" </el-select>
> </el-form-item>
<el-option <el-form-item
v-for="(item, index) in datas.provinceOptions" label="市"
:key="index" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
:label="item.province_name" prop="city"
:value="item.province_code" >
></el-option> <el-select
</el-select> :disabled="isDisabled"
</el-form-item> v-model="formData.city"
</el-col> placeholder="请选择市"
<el-col :span="3"> clearable
<el-form-item @change="city_change"
label="市" :style="{ width: '100%' }"
:rules="[
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="city"
> >
<el-select <el-option
:disabled="isDisabled" v-for="(item, index) in datas.cityOptions"
v-model="formData.city" :key="index"
placeholder="请选择市" :label="item.city_name"
clearable :value="item.city_code"
@change="city_change" ></el-option>
:style="{ width: '100%' }" </el-select>
> </el-form-item>
<el-option <el-form-item
v-for="(item, index) in datas.cityOptions" label="区"
:key="index" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
:label="item.city_name" prop="area"
:value="item.city_code" >
></el-option> <el-select
</el-select> :disabled="isDisabled"
</el-form-item> v-model="formData.area"
</el-col> placeholder="请选择区"
<el-col :span="3" v-if="isArea"> clearable
<el-form-item @change="area_change"
label="区" :style="{ width: '100%' }"
:rules="[
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="area"
> >
<el-select <el-option
:disabled="isDisabled" v-for="(item, index) in datas.areaOptions"
v-model="formData.area" :key="index"
placeholder="请选择区" :label="item.area_name"
clearable :value="item.area_code"
@change="area_change" :disabled="item.disabled"
:style="{ width: '100%' }" ></el-option>
> </el-select>
<el-option </el-form-item>
v-for="(item, index) in datas.areaOptions" <el-form-item
:key="index" label="镇"
:label="item.area_name" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
:value="item.area_code" prop="street"
:disabled="item.disabled" >
></el-option> <el-select
</el-select> :disabled="isDisabled"
</el-form-item> v-model="formData.street"
</el-col> placeholder="请选择镇"
<el-col :span="3" v-if="isStreet"> clearable
<el-form-item @change="street_change"
label="镇" :style="{ width: '100%' }"
:rules="[
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="street"
> >
<el-select <el-option
:disabled="isDisabled" v-for="(item, index) in datas.streetOptions"
v-model="formData.street" :key="index"
placeholder="请选择镇" :label="item.street_name"
clearable :value="item.street_code"
@change="street_change" :disabled="item.disabled"
:style="{ width: '100%' }" ></el-option>
> </el-select>
<el-option </el-form-item>
v-for="(item, index) in datas.streetOptions" <el-form-item
:key="index" label="村"
:label="item.street_name" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
:value="item.street_code" prop="village"
:disabled="item.disabled" >
></el-option> <el-select
</el-select> :disabled="isDisabled"
</el-form-item> v-model="formData.village"
</el-col> placeholder="请选择村"
<el-col :span="3" v-if="isVillage"> clearable
<el-form-item @change="village_change"
label="村" :style="{ width: '100%' }"
:rules="[
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="village"
> >
<el-select <el-option
:disabled="isDisabled" v-for="(item, index) in datas.villageOptions"
v-model="formData.village" :key="index"
placeholder="请选择村" :label="item.village_name"
clearable :value="item.village_code"
@change="village_change" :disabled="item.disabled"
:style="{ width: '100%' }" ></el-option>
> </el-select>
<el-option </el-form-item>
v-for="(item, index) in datas.villageOptions" <el-form-item
:key="index" label="队"
:label="item.village_name" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"
:value="item.village_code" prop="brigade"
:disabled="item.disabled" >
></el-option> <el-select
</el-select> :disabled="isDisabled"
</el-form-item> v-model="formData.brigade"
</el-col> placeholder="请选择队"
<el-col :span="3" v-if="isBrigade"> clearable
<el-form-item :style="{ width: '100%' }"
label="队"
:rules="[
{ required: true, message: '不可为空', trigger: 'blur' },
]"
prop="brigade"
> >
<el-select <el-option
:disabled="isDisabled" v-for="(item, index) in datas.brigadeOptions"
v-model="formData.brigade" :key="index"
placeholder="请选择队" :label="item.brigade_name"
clearable :value="item.id"
:style="{ width: '100%' }" :disabled="item.disabled"
> ></el-option>
<el-option </el-select>
v-for="(item, index) in datas.brigadeOptions" </el-form-item>
:key="index" <el-form-item label="地址" prop="address">
:label="item.brigade_name" <el-input
:value="item.id" :disabled="isDisabled"
:disabled="item.disabled" v-model="formData.address"
></el-option> placeholder="请输入地址"
</el-select> clearable
</el-form-item> :style="{ width: '300px' }"
</el-col> ></el-input>
<el-col :span="4"> </el-form-item>
<el-form-item label="地址" prop="address">
<el-input
:disabled="isDisabled"
v-model="formData.address"
placeholder="请输入地址"
clearable
:style="{ width: '100%' }"
></el-input>
</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: '450px' }"
:style="{ width: '100%' }" ></el-input>
></el-input> </el-form-item>
</el-form-item> <el-form-item label="职务" prop="master_position">
</el-col> <el-input
<el-col :span="10"> :disabled="isDisabled"
<el-form-item label="职务" prop="master_position"> v-model="formData.master_position"
<el-input placeholder="请输入职务"
:disabled="isDisabled" clearable
v-model="formData.master_position" :style="{ width: '450px' }"
placeholder="请输入职务" ></el-input>
clearable </el-form-item>
:style="{ width: '100%' }" <el-form-item label="手机" prop="master_phone">
></el-input> <el-input
</el-form-item> :disabled="isDisabled"
</el-col> v-model="formData.master_phone"
<el-col :span="10"> placeholder="请输入手机"
<el-form-item label="手机" prop="master_phone"> clearable
<el-input :style="{ width: '450px' }"
:disabled="isDisabled" ></el-input>
v-model="formData.master_phone" </el-form-item>
placeholder="请输入手机" <el-form-item label="邮箱">
clearable <el-input
:style="{ width: '100%' }" disabled
></el-input> v-model="formData.master_email"
</el-form-item> placeholder="邮箱将由系统自动生成"
</el-col> clearable
<el-col :span="10"> :style="{ width: '450px' }"
<el-form-item label="邮箱"> ></el-input>
<el-input </el-form-item>
disabled <el-form-item label="性别" prop="sex">
v-model="formData.master_email" <el-select
placeholder="邮箱将由系统自动生成" :disabled="isDisabled"
clearable v-model="formData.sex"
:style="{ width: '100%' }" placeholder="请选择性别"
></el-input> :style="{ width: '450px' }"
</el-form-item> >
</el-col> <el-option label="男" value="1" />
<el-col :span="10"> <el-option label="女" value="2" />
<el-form-item label="性别" prop="sex"> </el-select>
<el-select </el-form-item>
:disabled="isDisabled" <el-form-item label="身份证">
v-model="formData.sex" <el-input
placeholder="请选择性别" :disabled="isDisabled"
:style="{ width: '100%' }" v-model="formData.id_card"
> placeholder="请输入身份证"
<el-option label="男" value="1" /> clearable
<el-option label="女" value="2" /> :style="{ width: '450px' }"
</el-select> ></el-input>
</el-form-item> </el-form-item>
</el-col> <!--
<el-col :span="10">
<el-form-item label="身份证">
<el-input
:disabled="isDisabled"
v-model="formData.id_card"
placeholder="请输入身份证"
clearable
:style="{ width: '100%' }"
></el-input>
</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'"