1、页面跟样式调整

liujun0703-新项目开发
liujun 2024-08-19 17:11:54 +08:00
parent a43a91c144
commit 069e307b5d
3 changed files with 15 additions and 27 deletions

View File

@ -26,10 +26,10 @@
<el-table-column :show-overflow-tooltip="true" prop="CONTACT_PERSON" label="联系人"/> <el-table-column :show-overflow-tooltip="true" prop="CONTACT_PERSON" label="联系人"/>
<el-table-column :show-overflow-tooltip="true" prop="CONTACT_PHONE" label="联系电话"/> <el-table-column :show-overflow-tooltip="true" prop="CONTACT_PHONE" label="联系电话"/>
<el-table-column :show-overflow-tooltip="true" prop="DESCRIPTION" label="描述"/> <el-table-column :show-overflow-tooltip="true" prop="DESCRIPTION" label="描述"/>
<el-table-column label="操作" align="center" width="300"> <el-table-column label="操作" align="center" width="150">
<template slot-scope="{row}"> <template slot-scope="{row}">
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID)"></el-button> <el-button type="text" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID)"></el-button>
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.ID, row.NAME)">删除 <el-button type="text" style="color: red" icon="el-icon-delete" size="mini" @click="handleDelete(row.ID, row.NAME)">删除
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>

View File

@ -31,10 +31,10 @@
<el-table-column :show-overflow-tooltip="true" prop="ADDRESS" label="地址" /> <el-table-column :show-overflow-tooltip="true" prop="ADDRESS" label="地址" />
<el-table-column :show-overflow-tooltip="true" prop="CONTACT_PERSON" label="联系人" /> <el-table-column :show-overflow-tooltip="true" prop="CONTACT_PERSON" label="联系人" />
<el-table-column :show-overflow-tooltip="true" prop="CONTACT_PHONE" label="联系电话" /> <el-table-column :show-overflow-tooltip="true" prop="CONTACT_PHONE" label="联系电话" />
<el-table-column label="操作" align="center" width="300"> <el-table-column label="操作" align="center" width="150">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID)"></el-button> <el-button type="text" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID)"></el-button>
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.ID, row.NAME)">删除</el-button> <el-button type="text" style="color: red" icon="el-icon-delete" size="mini" @click="handleDelete(row.ID, row.NAME)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

View File

@ -10,16 +10,15 @@
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column type="index" label="序号" width="50" align="center" /> <el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column prop="SHELTER_NAME" label="名称" width="180" /> <el-table-column prop="SHELTER_NAME" label="名称" width="180" />
<el-table-column prop="TYPE_NAME" label="设备类型" show-overflow-tooltip="true" /> <el-table-column :show-overflow-tooltip="true" prop="TYPE_NAME" label="设备类型" />
<el-table-column prop="CONTACT_PERSON" label="联系人" show-overflow-tooltip="true" /> <el-table-column :show-overflow-tooltip="true" prop="CONTACT_PERSON" label="联系人" />
<el-table-column prop="CONTACT_TELE_PHONE" label="联系人固定电话" show-overflow-tooltip="true" /> <el-table-column :show-overflow-tooltip="true" prop="CONTACT_TELE_PHONE" label="联系人固定电话" />
<el-table-column prop="CONTACT_MOBILE_PHONE" label="联系人移动电话" show-overflow-tooltip="true" /> <el-table-column :show-overflow-tooltip="true" prop="CONTACT_MOBILE_PHONE" label="联系人移动电话" />
<el-table-column prop="UPDATE_TIME_STRING" label="修改时间" show-overflow-tooltip="true" /> <el-table-column label="操作" align="center" width="200">
<el-table-column label="操作" align="center" width="300">
<template slot-scope="{row}"> <template slot-scope="{row}">
<el-button type="primary" icon="el-icon-document" size="mini" @click="goList('detail', row.SHELTER_ID, '1')">查看</el-button> <el-button type="text" icon="el-icon-document" size="mini" @click="goList('detail', row.SHELTER_ID, '1')">查看</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.SHELTER_ID)"></el-button> <el-button type="text" icon="el-icon-edit" size="mini" @click="handleEdit(row.SHELTER_ID)"></el-button>
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.SHELTER_ID,row.SHELTER_NAME)"></el-button> <el-button type="text" style="color: red" icon="el-icon-delete" size="mini" @click="handleDelete(row.SHELTER_ID,row.SHELTER_NAME)"></el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -33,12 +32,10 @@
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" /> <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
</div> </div>
<el-dialog :visible.sync="dialogFormEdit" :title="dialogType==='editUser'?'修改':'新增'" width="1000px"> <el-dialog :visible.sync="dialogFormEdit" :title="dialogType==='editUser'?'修改':'新增'" width="1000px">
<el-form ref="form" :rules="rules" :model="form" label-width="180px"> <el-form ref="form" :rules="rules" :model="form" label-width="130px" style="margin-right: 10px">
<el-form-item label="场区名称" prop="SHELTER_NAME"> <el-form-item label="场区名称" prop="SHELTER_NAME">
<el-input v-model="form.SHELTER_NAME" placeholder="请输入场区名称..." /> <el-input v-model="form.SHELTER_NAME" placeholder="请输入场区名称..." />
</el-form-item> </el-form-item>
<el-form-item label="场区类型" prop="TYPE"> <el-form-item label="场区类型" prop="TYPE">
<Treeselect <Treeselect
:options="yjshelterRefugeData" :options="yjshelterRefugeData"
@ -52,7 +49,6 @@
<el-form-item label="详情地址" prop="LOCATION"> <el-form-item label="详情地址" prop="LOCATION">
<el-input v-model="form.ADDRESS" placeholder="请输入详情地址..." /> <el-input v-model="form.ADDRESS" placeholder="请输入详情地址..." />
</el-form-item> </el-form-item>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item :key="form.LONGITUDE" label="经度" prop="LONGITUDE"> <el-form-item :key="form.LONGITUDE" label="经度" prop="LONGITUDE">
@ -72,11 +68,8 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"/> <el-row :gutter="20"/>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="联系人" prop="CONTACT_PERSON"> <el-form-item label="联系人" prop="CONTACT_PERSON">
<el-input v-model="form.CONTACT_PERSON" placeholder="请输入联系人..." /> <el-input v-model="form.CONTACT_PERSON" placeholder="请输入联系人..." />
@ -88,9 +81,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="联系人移动电话" prop="CONTACT_MOBILE_PHONE"> <el-form-item label="联系人移动电话" prop="CONTACT_MOBILE_PHONE">
<el-input v-model="form.CONTACT_MOBILE_PHONE" placeholder="请输入联系人移动电话..." /> <el-input v-model="form.CONTACT_MOBILE_PHONE" placeholder="请输入联系人移动电话..." />
@ -98,11 +89,9 @@
</el-col> </el-col>
<el-col :span="12"/> <el-col :span="12"/>
</el-row> </el-row>
<el-form-item label="企业名称" prop="REMARKS"> <el-form-item label="企业名称" prop="REMARKS">
<el-input v-model="form.COMPANY" placeholder="请输入企业名称..." /> <el-input v-model="form.COMPANY" placeholder="请输入企业名称..." />
</el-form-item> </el-form-item>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="所属区域" prop="ADMINISTRATIVE_REGION"> <el-form-item label="所属区域" prop="ADMINISTRATIVE_REGION">
@ -129,7 +118,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="dialogFormEdit = false"> </el-button> <el-button @click="dialogFormEdit = false"> </el-button>