elink-star
/
ShibeiWorkPlatform_Frontend
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

按钮样式调整

shibei_master
jiangyy 4 years ago
parent
60dd67bcf0
commit
6d9492e4b0
7 changed files with 363 additions and 458 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      src/views/modules/base/category/addCategory.vue
  2. 231
      src/views/modules/communityService/dqfwzx/cpts/edit.vue
  3. 104
      src/views/modules/communityService/dqfwzx/index.vue
  4. 20
      src/views/modules/communityService/ninePlaces/inspect/inspect.vue
  5. 12
      src/views/modules/communityService/ninePlaces/places/places.vue
  6. 25
      src/views/modules/communityService/ninePlaces/team/team.vue
  7. 36
      src/views/modules/workPc/guidance/guidanceList.vue

5
src/views/modules/base/category/addCategory.vue
View File

@ -35,9 +35,10 @@
</div>
<div class="div_btn">
<el-button type="warning"
<el-button size="small"
@click="handleCancle">取消</el-button>
<el-button type="primary"
<el-button size="small"
type="primary"
class="btn_right"
@click="handleConfirm">确定</el-button>
</div>

231
src/views/modules/communityService/dqfwzx/cpts/edit.vue
View File

@ -1,206 +1,162 @@
<template>
<div>
<div>
<el-form
ref="ref_form"
<el-form ref="ref_form"
:inline="true"
:model="dataForm"
:rules="dataRule"
:disabled="formType === 'detail'"
class="form"
>
<el-form-item
label="中心名称 "
class="form">
<el-form-item label="中心名称 "
prop="centerName"
label-width="150px"
style="display: block"
>
<el-input
class="item_width_1"
style="display: block">
<el-input class="item_width_1"
maxlength="50"
show-word-limit
placeholder="请输入中心名称 "
v-model="dataForm.centerName"
>
v-model="dataForm.centerName">
</el-input>
</el-form-item>
<el-form-item
label="办公电话"
<el-form-item label="办公电话"
prop="workPhone"
label-width="150px"
style="display: block"
>
<el-input
class="item_width_1"
style="display: block">
<el-input class="item_width_1"
maxlength="50"
show-word-limit
placeholder="请输入办公电话"
v-model="dataForm.workPhone"
>
v-model="dataForm.workPhone">
</el-input>
</el-form-item>
<el-form-item
label="社区地址"
<el-form-item label="社区地址"
prop="address"
label-width="150px"
style="display: block"
>
<el-input
class="item_width_1"
style="display: block">
<el-input class="item_width_1"
maxlength="50"
show-word-limit
placeholder="请输入社区地址 "
v-model="dataForm.address"
>
v-model="dataForm.address">
</el-input>
</el-form-item>
<el-form-item
label="办公时间"
<el-form-item label="办公时间"
prop="amStartTime"
label-width="150px"
style="display: block"
>
style="display: block">
<div class="row">
<span>上午</span>
<el-time-select
style="margin-left: 10px"
<el-time-select style="margin-left: 10px"
v-model="dataForm.amStartTime"
:picker-options="{
start: '00:00',
step: '00:30',
end: '12:00',
}"
placeholder="开始时间"
>
placeholder="开始时间">
</el-time-select>
<span style="margin: 0 5px">至</span>
<el-time-select
v-model="dataForm.amEndTime"
<el-time-select v-model="dataForm.amEndTime"
:picker-options="{
start: '00:00',
step: '00:30',
end: '12:00',
minTime: dataForm.amStartTime,
}"
placeholder="结束时间"
>
placeholder="结束时间">
</el-time-select>
</div>
<div class="row" style="margin-top: 5px">
<div class="row"
style="margin-top: 5px">
<span>下午</span>
<el-time-select
style="margin-left: 10px"
<el-time-select style="margin-left: 10px"
v-model="dataForm.pmStartTime"
:picker-options="{
start: '12:00',
step: '00:30',
end: '24:00',
}"
placeholder="开始时间"
>
placeholder="开始时间">
</el-time-select>
<span style="margin: 0 5px">至</span>
<el-time-select
v-model="dataForm.pmEndTime"
<el-time-select v-model="dataForm.pmEndTime"
:picker-options="{
start: '12:00',
step: '00:30',
end: '24:00',
minTime: dataForm.pmStartTime,
}"
placeholder="结束时间"
>
placeholder="结束时间">
</el-time-select>
</div>
</el-form-item>
<el-form-item
label="位置坐标"
<el-form-item label="位置坐标"
prop="longitude"
label-width="150px"
style="display: block"
>
style="display: block">
<div style="width: 500px">
<el-input
class="item_width_4"
<el-input class="item_width_4"
maxlength="50"
placeholder="请输入关键字"
v-model="dataForm.locationAddress"
>
v-model="dataForm.locationAddress">
</el-input>
<el-button
style="margin-left: 10px"
<el-button style="margin-left: 10px"
type="primary"
size="small"
@click="handleSearchMap"
>查询</el-button
>
<div id="app" class="div_map"></div>
@click="handleSearchMap">查询</el-button>
<div id="app"
class="div_map"></div>
<div style="margin-top: 10px">
<span>经度</span>
<el-input
class="item_width_3"
<el-input class="item_width_3"
maxlength="50"
placeholder="请输入经度"
v-model="dataForm.longitude"
>
v-model="dataForm.longitude">
</el-input>
<span style="margin-left: 20px">纬度</span>
<el-input
class="item_width_3"
<el-input class="item_width_3"
maxlength="50"
placeholder="请输入纬度"
v-model="dataForm.latitude"
>
v-model="dataForm.latitude">
</el-input>
</div>
</div>
</el-form-item>
<el-form-item
label="可预约事项"
<el-form-item label="可预约事项"
prop="matterList"
label-width="150px"
style="display: block"
>
style="display: block">
<div class="m-staffs">
<div
class="item"
<div class="item"
:key="'staff' + index"
v-for="(item, index) in dataForm.matterList"
>
v-for="(item, index) in dataForm.matterList">
<div class="item-info">
<el-input
class="item_width_1"
<el-input class="item_width_1"
maxlength="50"
show-word-limit
placeholder="事项名"
v-model="item.matterName"
:disabled="item.matterId != undefined"
/>
:disabled="item.matterId != undefined" />
<el-select
style="margin-left: 10px"
<el-select style="margin-left: 10px"
v-model="item.appointmentType"
filterable
placeholder="预约类型"
:disabled="item.matterId != undefined"
>
<el-option
v-for="item in appointmentTypeOptions"
:disabled="item.matterId != undefined">
<el-option v-for="item in appointmentTypeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
:value="item.value">
</el-option>
</el-select>
<el-time-select
style="margin-left: 10px"
<el-time-select style="margin-left: 10px"
v-model="item.startTime"
:picker-options="{
start: '00:00',
@ -208,12 +164,10 @@
end: '24:00',
}"
placeholder="开始时间"
:disabled="item.matterId != undefined"
>
:disabled="item.matterId != undefined">
</el-time-select>
<span style="margin: 0 5px">至</span>
<el-time-select
v-model="item.endTime"
<el-time-select v-model="item.endTime"
:picker-options="{
start: '00:00',
step: '00:30',
@ -221,13 +175,11 @@
minTime: item.startTime,
}"
placeholder="结束时间"
:disabled="item.matterId != undefined"
>
:disabled="item.matterId != undefined">
</el-time-select>
</div>
<div class="item-pic">
<el-upload
:disabled="item.matterId != undefined"
<el-upload :disabled="item.matterId != undefined"
class="avatar-uploader"
:action="uploadUlr"
:data="{ customerId: customerId }"
@ -236,46 +188,40 @@
(response, file, fileList) =>
handleImgSuccess(index, response, file, fileList)
"
:before-upload="beforeImgUpload"
>
<img
v-if="item.matterImg"
:before-upload="beforeImgUpload">
<img v-if="item.matterImg"
:src="item.matterImg"
style="width: 50px; height: 50px"
class="function-icon"
/>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
class="function-icon" />
<i v-else
class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
<div class="hint">（事项封面，图片小于1M）</div>
<el-button
style="margin-left: auto"
<el-button style="margin-left: auto"
size="small"
@click="handleDelStaff(index)"
>删除</el-button
>
@click="handleDelStaff(index)">删除</el-button>
</div>
</div>
<div class="item-add">
<el-button size="small" type="warning" @click="handleAddStaff"
>添加</el-button
>
<el-button size="small"
type="warning"
@click="handleAddStaff">添加</el-button>
</div>
</div>
</el-form-item>
</el-form>
</div>
<div class="div_btn">
<el-button @click="handleCancle">取 消</el-button>
<el-button
<el-button size="small"
@click="handleCancle">取 消</el-button>
<el-button size="small"
v-if="formType != 'detail'"
type="primary"
:disabled="btnDisable"
@click="handleComfirm"
>确 定</el-button
>
@click="handleComfirm">确 定</el-button>
</div>
</div>
</template>
@ -630,39 +576,10 @@ export default {
</script>
<style lang="scss" scoped >
.item_width_1 {
width: 500px;
}
.item_width_2 {
width: 400px;
}
.item_width_3 {
margin-left: 10px;
width: 200px;
}
.item_width_4 {
width: 200px;
}
.div_map {
margin-top: 10px;
}
.div_btn {
display: flex;
justify-content: flex-end;
}
.el-tabs {
margin: 0 20px;
}
.el-upload__tip {
color: rgb(155, 155, 155);
margin: 0;
}
.form {
margin-top: 30px;
}
@import "@/assets/scss/modules/visual/communityManageForm.scss";
</style>
<style lang="scss" scoped>
.m-staffs {
margin-left: auto;
width: 650px;
@ -711,13 +628,7 @@ export default {
}
}
}
.item-add {
}
}
</style>
<style>
.el-dialog__body {
padding: 0 10px 20px !important;
}
</style>

104
src/views/modules/communityService/dqfwzx/index.vue
View File

@ -2,26 +2,23 @@
<div>
<el-card class="resi-card-table">
<div class="resi-row-btn">
<el-button type="success" size="small" @click="handleAdd"
>新增</el-button
>
<el-button class="diy-button--add"
size="small"
@click="handleAdd">新增</el-button>
</div>
<div class="m-center" v-if="tableData.length > 0">
<div class="m-center"
v-if="tableData.length > 0">
<div class="center-left">
<div class="list">
<div
@click="currentIndex = index"
<div @click="currentIndex = index"
class="item"
:class="{ 'z-on': currentIndex == index }"
:key="'ct' + index"
v-for="(item, index) in tableData"
>
<div
class="item-btn"
v-for="(item, index) in tableData">
<div class="item-btn"
v-if="currentIndex == index"
@click="handleEdit"
>
@click="handleEdit">
修改
</div>
<div class="item-name">{{ item.centerName }}</div>
@ -51,104 +48,85 @@
>
</div> -->
<div id="centerIndexApp" class="div_map"></div>
<div id="centerIndexApp"
class="div_map"></div>
<el-table
:data="tableData[currentIndex].matterList"
<el-table :data="tableData[currentIndex].matterList"
border
style="width: 100%"
class="resi-table"
:max-height="maxTableHeight"
>
<el-table-column
label="序号"
:max-height="maxTableHeight">
<el-table-column label="序号"
type="index"
align="center"
width="50"
/>
<el-table-column prop="matterName" label="事项名称">
width="50" />
<el-table-column prop="matterName"
label="事项名称">
</el-table-column>
<el-table-column prop="allowTime" label="可预约时间 ">
<el-table-column prop="allowTime"
label="可预约时间 ">
</el-table-column>
<el-table-column
fixed="right"
<el-table-column fixed="right"
label="操作"
align="center"
width="120"
>
width="120">
<template slot-scope="scope">
<el-button
@click="handleOrder(scope.$index)"
<el-button @click="handleOrder(scope.$index)"
type="text"
size="small"
>预约</el-button
>
size="small">预约</el-button>
<el-button
@click="handleOrderList(scope.$index)"
<el-button @click="handleOrderList(scope.$index)"
type="text"
size="small"
style="margin-right: 10px; color: #00a7a9"
>预约记录</el-button
>
style="margin-right: 10px; color: #00a7a9">预约记录</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="m-hint" v-else>
<el-empty description="暂无内容" :image-size="200"></el-empty>
<div class="m-hint"
v-else>
<el-empty description="暂无内容"
:image-size="200"></el-empty>
</div>
</el-card>
<!-- 修改弹出框 -->
<el-dialog
:visible.sync="formShow"
<el-dialog :visible.sync="formShow"
:close-on-click-modal="false"
:close-on-press-escape="false"
:title="formTitle"
width="850px"
top="5vh"
@closed="handleClose"
>
<edit-form
ref="eleEditForm"
@closed="handleClose">
<edit-form ref="eleEditForm"
@dialogCancle="handleClose"
@dialogOk="handleEditSuccess"
></edit-form>
@dialogOk="handleEditSuccess"></edit-form>
</el-dialog>
<!-- 修改弹出框 -->
<el-dialog
:visible.sync="form2Show"
<el-dialog :visible.sync="form2Show"
:close-on-click-modal="false"
:close-on-press-escape="false"
title="预约"
width="850px"
top="5vh"
@closed="handleCloseForm2"
>
<order-form
ref="eleOrderForm"
@closed="handleCloseForm2">
<order-form ref="eleOrderForm"
@dialogCancle="handleCloseForm2"
@dialogOk="handleOrderSuccess"
></order-form>
@dialogOk="handleOrderSuccess"></order-form>
</el-dialog>
<!-- 修改弹出框 -->
<el-dialog
:visible.sync="orderListShow"
<el-dialog :visible.sync="orderListShow"
:close-on-click-modal="false"
:close-on-press-escape="false"
title="预约记录"
width="850px"
top="5vh"
@closed="handleCloseOrderList"
>
<order-list
ref="eleOrderList"
@dialogCancle="handleCloseOrderList"
></order-list>
@closed="handleCloseOrderList">
<order-list ref="eleOrderList"
@dialogCancle="handleCloseOrderList"></order-list>
</el-dialog>
</div>
</template>

20
src/views/modules/communityService/ninePlaces/inspect/inspect.vue
View File

@ -84,17 +84,17 @@
<el-button style="margin-left:30px"
size="small"
type="primary"
class="diy-button--search"
@click="handleSearch">查询</el-button>
<el-button style="margin-left:10px"
size="small"
type="yellow"
class="diy-button--reset"
@click="resetSearch">重置</el-button>
</div>
</el-form>
</div>
<div class="div_table">
<el-button type="green"
<el-button class="diy-button--add"
size="small"
@click="handleAdd">新增</el-button>
@ -180,18 +180,18 @@
class="operate">
<template slot-scope="scope">
<el-button type="text"
style="color:#1C6AFD;text-decoration: underline;"
class="div-table-button--detail"
size="small"
@click="handleDetail(scope.row)">查看</el-button>
<el-button type="text"
style="color:#D51010;text-decoration: underline;"
class="div-table-button--edit"
size="small"
@click="handleDelete(scope.row)">删除</el-button>
@click="handleReview(scope.row)">复查记录</el-button>
<el-button type="text"
style="color:#00A7A9;text-decoration: underline;"
class="div-table-button--delete"
size="small"
@click="handleReview(scope.row)">复查记录</el-button>
@click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
@ -546,8 +546,6 @@ export default {
}
</script>
<style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";
.div_main {
width: 100%;
}

12
src/views/modules/communityService/ninePlaces/places/places.vue
View File

@ -80,17 +80,17 @@
<el-button style="margin-left:30px"
size="small"
type="primary"
class="diy-button--search"
@click="handleSearch">查询</el-button>
<el-button style="margin-left:10px"
size="small"
type="yellow"
class="diy-button--reset"
@click="resetSearch">重置</el-button>
</div>
</el-form>
</div>
<div class="div_table">
<el-button type="green"
<el-button class="diy-button--add"
size="small"
@click="handleAdd">新增</el-button>
@ -152,12 +152,12 @@
<template slot-scope="scope">
<el-button type="text"
style="color:#00A7A9;text-decoration: underline;"
class="div-table-button--edit"
size="small"
@click="handleEdit(scope.row)">修改</el-button>
<el-button type="text"
style="color:#D51010;text-decoration: underline;"
class="div-table-button--delete"
size="small"
@click="handleDelete(scope.row)">删除</el-button>
</template>
@ -481,8 +481,6 @@ export default {
}
</script>
<style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";
.div_main {
width: 100%;
}

25
src/views/modules/communityService/ninePlaces/team/team.vue
View File

@ -28,8 +28,7 @@
</el-input>
</el-form-item>
</div>
<div>
<el-form-item label="负责区域"
prop="gridId">
<el-select class="item_width_1"
@ -64,17 +63,17 @@
<el-button style="margin-left:30px"
size="small"
type="primary"
class="diy-button--search"
@click="handleSearch">查询</el-button>
<el-button style="margin-left:10px"
size="small"
type="yellow"
class="diy-button--reset"
@click="resetSearch">重置</el-button>
</div>
</el-form>
</div>
<div class="div_table">
<el-button type="green"
<el-button class="diy-button--add"
size="small"
@click="handleAdd">新增</el-button>
@ -117,6 +116,7 @@
<el-table-column prop="ninePlaceNames"
header-align="center"
align="center"
show-overflow-tooltip
label="负责场所类型"
min-width="230">
</el-table-column>
@ -141,14 +141,17 @@
class="operate">
<template slot-scope="scope">
<el-button style="color:#1C6AFD;text-decoration: underline;"
<el-button type="text"
class="div-table-button--detail"
size="small"
@click="handleDetail(scope.row)">查看</el-button>
<el-button style="color:#00A7A9;text-decoration: underline;"
<el-button type="text"
class="div-table-button--edit"
size="small"
@click="handleEdit(scope.row)">修改</el-button>
<el-button style="background-color:#D51010;color:#ffffff;text-decoration: underline;"
<el-button type="text"
class="div-table-button--delete"
size="small"
@click="handleDelete(scope.row)">删除</el-button>
</template>
@ -438,7 +441,7 @@ export default {
computed: {
tableHeight () {
return (this.clientHeight - 420)
return (this.clientHeight - 370)
},
rowHeight () {
@ -455,8 +458,6 @@ export default {
}
</script>
<style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";
.div_main {
width: 100%;
}
@ -469,7 +470,7 @@ export default {
}
.item_width_1 {
width: 260px;
width: 230px;
}
.div_table {

36
src/views/modules/workPc/guidance/guidanceList.vue
View File

@ -1,10 +1,10 @@
<template>
<div class="registerList resi-container">
<div v-show="!formShow">
<el-card ref="searchCard" class="search-card">
<el-card ref="searchCard"
class="search-card">
<el-form :inline="true"
:model="tableParams"
@keyup.enter.native="loadData()">
:model="tableParams">
<div>
<el-form-item label="所属组织"
:label-width="labelWidth">
@ -15,9 +15,7 @@
:props="optionProps"
clearable></el-cascader>
</el-form-item>
</div>
<div>
<el-form-item label="问题分类"
:label-width="labelWidth">
<el-select v-model="tableParams.categoryCode"
@ -40,8 +38,14 @@
</el-form-item>
<el-form-item style="margin-left:10px">
<el-button @click="loadData()"
<el-button size="small"
@click="loadData()"
class="diy-button--search"
type="primary">查询</el-button>
<el-button style="margin-left:10px"
class="diy-button--reset"
size="small"
@click="resetSearch">重置</el-button>
</el-form-item>
<!-- <el-form-item v-if="isStaff"
style="margin-left:10px">
@ -52,8 +56,11 @@
</el-form>
</el-card>
<el-card shadow="never">
<div v-if="isStaff" class="resi-row-btn">
<el-button type="success" @click="add">新增</el-button>
<div v-if="isStaff"
class="resi-row-btn">
<el-button class="diy-button--add"
size="small"
@click="add">新增</el-button>
</div>
<c-table column-type="index"
class="resi-card-table"
@ -191,12 +198,23 @@ export default {
},
computed: {
tableHeight () {
return this.clientHeight - 420
return this.clientHeight - 360
},
...mapGetters(['clientHeight', 'env'])
},
methods: {
//重置搜索条件
resetSearch () {
this.tableParams.agencyId = ''
this.tableParams.categoryCode = ''
this.tableParams.guideTitle = ''
this.agencyIdArray = []
this.pageSize = 10
this.pageNo = 0
// this.loadTable()
},
async initData () {
this.startLoading()
await this.getAgencylist()//获取组织级别

Write Preview
Loading…
Cancel
Save