页面样式修改

This commit is contained in:
THK3121 2023-07-21 17:59:41 +08:00
commit 0bed510c3f
2 changed files with 83 additions and 48 deletions

View File

@ -3,23 +3,51 @@
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="公司名称" prop="company_name">
<el-input class="w-[280px]" v-model="queryParams.company_name" clearable placeholder="请输入公司名称" />
<el-input
class="w-[280px]"
v-model="queryParams.company_name"
clearable
placeholder="请输入公司名称"
/>
</el-form-item>
<el-form-item label="区" prop="area" v-show="company_type_show">
<el-input class="w-[280px]" v-model="queryParams.area" clearable placeholder="请输入区" />
<el-input
class="w-[280px]"
v-model="queryParams.area"
clearable
placeholder="请输入区"
/>
</el-form-item>
<el-form-item label="镇" prop="street" v-show="company_type_show">
<el-input class="w-[280px]" v-model="queryParams.street" clearable placeholder="请输入镇" />
<el-input
class="w-[280px]"
v-model="queryParams.street"
clearable
placeholder="请输入镇"
/>
</el-form-item>
<el-form-item label="公司类型" prop="company_type" v-show="company_type_show">
<el-select v-model="queryParams.company_type" placeholder="请选择公司类型" clearable
:style="{ width: '100%' }">
<el-option v-for="(item, index) in datas.dictTypeLists" :key="index" :label="item.name"
:value="item.id"></el-option>
<el-select
v-model="queryParams.company_type"
placeholder="请选择公司类型"
clearable
:style="{ width: '100%' }"
>
<el-option
v-for="(item, index) in datas.dictTypeLists"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="片区经理" prop="area_manager">
<el-input class="w-[280px]" v-model="queryParams.area_manager" clearable placeholder="请输入片区经理" />
<el-input
class="w-[280px]"
v-model="queryParams.area_manager"
clearable
placeholder="请输入片区经理"
/>
</el-form-item>
<el-form-item label="是否签约" class="w-[308px]" prop="is_contract">
<el-select v-model="queryParams.is_contract" placeholder="是否签约" clearable :style="{ width: '100%' }">
@ -40,9 +68,12 @@
</template>
新增
</el-button>-->
<router-link v-perms="['company/add', 'company/edit']" :to="{
path: getRoutePath('company/add:edit')
}">
<router-link
v-perms="['company/add', 'company/edit']"
:to="{
path: getRoutePath('company/add:edit')
}"
>
<el-button type="primary" class="mb-4">
<template #icon>
<icon name="el-icon-Plus" />
@ -91,14 +122,17 @@
}
}">详情</router-link>
</el-button>
<el-button v-perms="['company/edit', 'company/add']" type="primary" link>
<router-link :to="{
path: getRoutePath('company/add:edit'),
query: {
id: row.id,
edit: true
}
}">编辑</router-link>
<el-button type="primary" link>
<router-link
:to="{
path: getRoutePath('company/subordinate/lists'),
query: {
company_id: row.id,
read: true
}
}"
>下属公司</router-link
>
</el-button>
<el-button v-perms="['company/delete']" type="danger" link
@click="handleDelete(row.id)">删除</el-button>
@ -124,7 +158,9 @@
确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
</div>
<p class="btn_menu">
<el-button type="primary" size="large" v-if="showConctactPop" @click="creContct">确认创建</el-button>
<el-button type="primary" size="large" v-if="showConctactPop" @click="creContct"
>确认创建</el-button
>
<el-button type="primary" size="large" v-else @click="sendMsg">确认</el-button>
<el-button type="info" size="large" @click="offPop">返回</el-button>
</p>
@ -167,59 +203,58 @@ const sendMsg = () => {
//
//
const queryParams = reactive({
company_name: "",
area: "",
street: "",
company_type: "",
area_manager: "",
company_name: '',
area: '',
street: '',
company_type: '',
area_manager: '',
//
is_contract: "",
});
is_contract: ''
})
if (route.query.company_type) {
company_type_show.value = false;
queryParams["company_type"] = route.query.company_type?.toString() || "";
company_type_show.value = false
queryParams['company_type'] = route.query.company_type?.toString() || ''
}
const datas = reactive({
dictTypeLists: [],
});
dictTypeLists: []
})
const getdictTypeLists = async () => {
const data = await dictDataLists({ type_id: 6 });
datas["dictTypeLists"] = data["lists"];
};
getdictTypeLists();
const data = await dictDataLists({ type_id: 6 })
datas['dictTypeLists'] = data['lists']
}
getdictTypeLists()
//
const selectData = ref<any[]>([]);
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id);
};
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData("");
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiCompanyLists,
params: queryParams,
});
params: queryParams
})
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm("确定要删除?");
await apiCompanyDelete({ id });
getLists();
};
await feedback.confirm('确定要删除?')
await apiCompanyDelete({ id })
getLists()
}
getLists();
getLists()
</script>
<style lang="scss">
.btn {
position: absolute;
}
h1 {
text-align: center;
font-weight: bold;

View File

@ -547,7 +547,7 @@ const getcontract_type = async () => {
};
getcontract_type();
const isCompany = ref(false);
const isCompany = ref(false)
function customEvent(data: any) {
isCompany.value = false;
formData.party_a = data.id;