elink-star
/
ShibeiWorkPlatform_Frontend
8
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
Unified 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>
<div class="div_btn"> <div class="div_btn">
<el-button type="warning" <el-button size="small"
@click="handleCancle">取消</el-button> @click="handleCancle">取消</el-button>
<el-button type="primary" <el-button size="small"
type="primary"
class="btn_right" class="btn_right"
@click="handleConfirm">确定</el-button> @click="handleConfirm">确定</el-button>
</div> </div>

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

@ -1,206 +1,162 @@
<template> <template>
<div> <div>
<div> <div>
<el-form <el-form ref="ref_form"
ref="ref_form"
:inline="true" :inline="true"
:model="dataForm" :model="dataForm"
:rules="dataRule" :rules="dataRule"
:disabled="formType === 'detail'" :disabled="formType === 'detail'"
class="form" class="form">
> <el-form-item label="中心名称 "
<el-form-item
label="中心名称 "
prop="centerName" prop="centerName"
label-width="150px" label-width="150px"
style="display: block" style="display: block">
> <el-input class="item_width_1"
<el-input
class="item_width_1"
maxlength="50" maxlength="50"
show-word-limit show-word-limit
placeholder="请输入中心名称 " placeholder="请输入中心名称 "
v-model="dataForm.centerName" v-model="dataForm.centerName">
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="办公电话"
label="办公电话"
prop="workPhone" prop="workPhone"
label-width="150px" label-width="150px"
style="display: block" style="display: block">
> <el-input class="item_width_1"
<el-input
class="item_width_1"
maxlength="50" maxlength="50"
show-word-limit show-word-limit
placeholder="请输入办公电话" placeholder="请输入办公电话"
v-model="dataForm.workPhone" v-model="dataForm.workPhone">
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="社区地址"
label="社区地址"
prop="address" prop="address"
label-width="150px" label-width="150px"
style="display: block" style="display: block">
> <el-input class="item_width_1"
<el-input
class="item_width_1"
maxlength="50" maxlength="50"
show-word-limit show-word-limit
placeholder="请输入社区地址 " placeholder="请输入社区地址 "
v-model="dataForm.address" v-model="dataForm.address">
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="办公时间"
label="办公时间"
prop="amStartTime" prop="amStartTime"
label-width="150px" label-width="150px"
style="display: block" style="display: block">
>
<div class="row"> <div class="row">
<span>上午</span> <span>上午</span>
<el-time-select <el-time-select style="margin-left: 10px"
style="margin-left: 10px"
v-model="dataForm.amStartTime" v-model="dataForm.amStartTime"
:picker-options="{ :picker-options="{
start: '00:00', start: '00:00',
step: '00:30', step: '00:30',
end: '12:00', end: '12:00',
}" }"
placeholder="开始时间" placeholder="开始时间">
>
</el-time-select> </el-time-select>
<span style="margin: 0 5px">至</span> <span style="margin: 0 5px">至</span>
<el-time-select <el-time-select v-model="dataForm.amEndTime"
v-model="dataForm.amEndTime"
:picker-options="{ :picker-options="{
start: '00:00', start: '00:00',
step: '00:30', step: '00:30',
end: '12:00', end: '12:00',
minTime: dataForm.amStartTime, minTime: dataForm.amStartTime,
}" }"
placeholder="结束时间" placeholder="结束时间">
>
</el-time-select> </el-time-select>
</div> </div>
<div class="row" style="margin-top: 5px"> <div class="row"
style="margin-top: 5px">
<span>下午</span> <span>下午</span>
<el-time-select <el-time-select style="margin-left: 10px"
style="margin-left: 10px"
v-model="dataForm.pmStartTime" v-model="dataForm.pmStartTime"
:picker-options="{ :picker-options="{
start: '12:00', start: '12:00',
step: '00:30', step: '00:30',
end: '24:00', end: '24:00',
}" }"
placeholder="开始时间" placeholder="开始时间">
>
</el-time-select> </el-time-select>
<span style="margin: 0 5px">至</span> <span style="margin: 0 5px">至</span>
<el-time-select <el-time-select v-model="dataForm.pmEndTime"
v-model="dataForm.pmEndTime"
:picker-options="{ :picker-options="{
start: '12:00', start: '12:00',
step: '00:30', step: '00:30',
end: '24:00', end: '24:00',
minTime: dataForm.pmStartTime, minTime: dataForm.pmStartTime,
}" }"
placeholder="结束时间" placeholder="结束时间">
>
</el-time-select> </el-time-select>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="位置坐标"
label="位置坐标"
prop="longitude" prop="longitude"
label-width="150px" label-width="150px"
style="display: block" style="display: block">
>
<div style="width: 500px"> <div style="width: 500px">
<el-input <el-input class="item_width_4"
class="item_width_4"
maxlength="50" maxlength="50"
placeholder="请输入关键字" placeholder="请输入关键字"
v-model="dataForm.locationAddress" v-model="dataForm.locationAddress">
>
</el-input> </el-input>
<el-button <el-button style="margin-left: 10px"
style="margin-left: 10px"
type="primary" type="primary"
size="small" size="small"
@click="handleSearchMap" @click="handleSearchMap">查询</el-button>
>查询</el-button <div id="app"
> class="div_map"></div>
<div id="app" class="div_map"></div>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<span>经度</span> <span>经度</span>
<el-input <el-input class="item_width_3"
class="item_width_3"
maxlength="50" maxlength="50"
placeholder="请输入经度" placeholder="请输入经度"
v-model="dataForm.longitude" v-model="dataForm.longitude">
>
</el-input> </el-input>
<span style="margin-left: 20px">纬度</span> <span style="margin-left: 20px">纬度</span>
<el-input <el-input class="item_width_3"
class="item_width_3"
maxlength="50" maxlength="50"
placeholder="请输入纬度" placeholder="请输入纬度"
v-model="dataForm.latitude" v-model="dataForm.latitude">
>
</el-input> </el-input>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="可预约事项"
label="可预约事项"
prop="matterList" prop="matterList"
label-width="150px" label-width="150px"
style="display: block" style="display: block">
>
<div class="m-staffs"> <div class="m-staffs">
<div <div class="item"
class="item"
:key="'staff' + index" :key="'staff' + index"
v-for="(item, index) in dataForm.matterList" v-for="(item, index) in dataForm.matterList">
>
<div class="item-info"> <div class="item-info">
<el-input <el-input class="item_width_1"
class="item_width_1"
maxlength="50" maxlength="50"
show-word-limit show-word-limit
placeholder="事项名" placeholder="事项名"
v-model="item.matterName" v-model="item.matterName"
:disabled="item.matterId != undefined" :disabled="item.matterId != undefined" />
/>
<el-select <el-select style="margin-left: 10px"
style="margin-left: 10px"
v-model="item.appointmentType" v-model="item.appointmentType"
filterable filterable
placeholder="预约类型" placeholder="预约类型"
:disabled="item.matterId != undefined" :disabled="item.matterId != undefined">
> <el-option v-for="item in appointmentTypeOptions"
<el-option
v-for="item in appointmentTypeOptions"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value">
>
</el-option> </el-option>
</el-select> </el-select>
<el-time-select <el-time-select style="margin-left: 10px"
style="margin-left: 10px"
v-model="item.startTime" v-model="item.startTime"
:picker-options="{ :picker-options="{
start: '00:00', start: '00:00',
@ -208,12 +164,10 @@
end: '24:00', end: '24:00',
}" }"
placeholder="开始时间" placeholder="开始时间"
:disabled="item.matterId != undefined" :disabled="item.matterId != undefined">
>
</el-time-select> </el-time-select>
<span style="margin: 0 5px">至</span> <span style="margin: 0 5px">至</span>
<el-time-select <el-time-select v-model="item.endTime"
v-model="item.endTime"
:picker-options="{ :picker-options="{
start: '00:00', start: '00:00',
step: '00:30', step: '00:30',
@ -221,13 +175,11 @@
minTime: item.startTime, minTime: item.startTime,
}" }"
placeholder="结束时间" placeholder="结束时间"
:disabled="item.matterId != undefined" :disabled="item.matterId != undefined">
>
</el-time-select> </el-time-select>
</div> </div>
<div class="item-pic"> <div class="item-pic">
<el-upload <el-upload :disabled="item.matterId != undefined"
:disabled="item.matterId != undefined"
class="avatar-uploader" class="avatar-uploader"
:action="uploadUlr" :action="uploadUlr"
:data="{ customerId: customerId }" :data="{ customerId: customerId }"
@ -236,46 +188,40 @@
(response, file, fileList) => (response, file, fileList) =>
handleImgSuccess(index, response, file, fileList) handleImgSuccess(index, response, file, fileList)
" "
:before-upload="beforeImgUpload" :before-upload="beforeImgUpload">
> <img v-if="item.matterImg"
<img
v-if="item.matterImg"
:src="item.matterImg" :src="item.matterImg"
style="width: 50px; height: 50px" style="width: 50px; height: 50px"
class="function-icon" class="function-icon" />
/> <i v-else
<i v-else class="el-icon-plus avatar-uploader-icon"></i> class="el-icon-plus avatar-uploader-icon"></i>
</el-upload> </el-upload>
<div class="hint">（事项封面，图片小于1M）</div> <div class="hint">（事项封面，图片小于1M）</div>
<el-button <el-button style="margin-left: auto"
style="margin-left: auto"
size="small" size="small"
@click="handleDelStaff(index)" @click="handleDelStaff(index)">删除</el-button>
>删除</el-button
>
</div> </div>
</div> </div>
<div class="item-add"> <div class="item-add">
<el-button size="small" type="warning" @click="handleAddStaff" <el-button size="small"
>添加</el-button type="warning"
> @click="handleAddStaff">添加</el-button>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button @click="handleCancle">取 消</el-button> <el-button size="small"
<el-button @click="handleCancle">取 消</el-button>
<el-button size="small"
v-if="formType != 'detail'" v-if="formType != 'detail'"
type="primary" type="primary"
:disabled="btnDisable" :disabled="btnDisable"
@click="handleComfirm" @click="handleComfirm">确 定</el-button>
>确 定</el-button
>
</div> </div>
</div> </div>
</template> </template>
@ -630,39 +576,10 @@ export default {
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped >
.item_width_1 { @import "@/assets/scss/modules/visual/communityManageForm.scss";
width: 500px; </style>
}
.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;
}
<style lang="scss" scoped>
.m-staffs { .m-staffs {
margin-left: auto; margin-left: auto;
width: 650px; width: 650px;
@ -711,13 +628,7 @@ export default {
} }
} }
} }
.item-add {
}
} }
</style> </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> <div>
<el-card class="resi-card-table"> <el-card class="resi-card-table">
<div class="resi-row-btn"> <div class="resi-row-btn">
<el-button type="success" size="small" @click="handleAdd" <el-button class="diy-button--add"
>新增</el-button size="small"
> @click="handleAdd">新增</el-button>
</div> </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="center-left">
<div class="list"> <div class="list">
<div <div @click="currentIndex = index"
@click="currentIndex = index"
class="item" class="item"
:class="{ 'z-on': currentIndex == index }" :class="{ 'z-on': currentIndex == index }"
:key="'ct' + index" :key="'ct' + index"
v-for="(item, index) in tableData" v-for="(item, index) in tableData">
> <div class="item-btn"
<div
class="item-btn"
v-if="currentIndex == index" v-if="currentIndex == index"
@click="handleEdit" @click="handleEdit">
>
修改 修改
</div> </div>
<div class="item-name">{{ item.centerName }}</div> <div class="item-name">{{ item.centerName }}</div>
@ -51,104 +48,85 @@
> >
</div> --> </div> -->
<div id="centerIndexApp" class="div_map"></div> <div id="centerIndexApp"
class="div_map"></div>
<el-table <el-table :data="tableData[currentIndex].matterList"
:data="tableData[currentIndex].matterList"
border border
style="width: 100%" style="width: 100%"
class="resi-table" class="resi-table"
:max-height="maxTableHeight" :max-height="maxTableHeight">
> <el-table-column label="序号"
<el-table-column
label="序号"
type="index" type="index"
align="center" align="center"
width="50" width="50" />
/> <el-table-column prop="matterName"
<el-table-column prop="matterName" label="事项名称"> label="事项名称">
</el-table-column> </el-table-column>
<el-table-column prop="allowTime" label="可预约时间 "> <el-table-column prop="allowTime"
label="可预约时间 ">
</el-table-column> </el-table-column>
<el-table-column <el-table-column fixed="right"
fixed="right"
label="操作" label="操作"
align="center" align="center"
width="120" width="120">
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button @click="handleOrder(scope.$index)"
@click="handleOrder(scope.$index)"
type="text" type="text"
size="small" size="small">预约</el-button>
>预约</el-button
>
<el-button <el-button @click="handleOrderList(scope.$index)"
@click="handleOrderList(scope.$index)"
type="text" type="text"
size="small" size="small"
style="margin-right: 10px; color: #00a7a9" style="margin-right: 10px; color: #00a7a9">预约记录</el-button>
>预约记录</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="m-hint" v-else> <div class="m-hint"
<el-empty description="暂无内容" :image-size="200"></el-empty> v-else>
<el-empty description="暂无内容"
:image-size="200"></el-empty>
</div> </div>
</el-card> </el-card>
<!-- 修改弹出框 --> <!-- 修改弹出框 -->
<el-dialog <el-dialog :visible.sync="formShow"
:visible.sync="formShow"
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
:title="formTitle" :title="formTitle"
width="850px" width="850px"
top="5vh" top="5vh"
@closed="handleClose" @closed="handleClose">
> <edit-form ref="eleEditForm"
<edit-form
ref="eleEditForm"
@dialogCancle="handleClose" @dialogCancle="handleClose"
@dialogOk="handleEditSuccess" @dialogOk="handleEditSuccess"></edit-form>
></edit-form>
</el-dialog> </el-dialog>
<!-- 修改弹出框 --> <!-- 修改弹出框 -->
<el-dialog <el-dialog :visible.sync="form2Show"
:visible.sync="form2Show"
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
title="预约" title="预约"
width="850px" width="850px"
top="5vh" top="5vh"
@closed="handleCloseForm2" @closed="handleCloseForm2">
> <order-form ref="eleOrderForm"
<order-form
ref="eleOrderForm"
@dialogCancle="handleCloseForm2" @dialogCancle="handleCloseForm2"
@dialogOk="handleOrderSuccess" @dialogOk="handleOrderSuccess"></order-form>
></order-form>
</el-dialog> </el-dialog>
<!-- 修改弹出框 --> <!-- 修改弹出框 -->
<el-dialog <el-dialog :visible.sync="orderListShow"
:visible.sync="orderListShow"
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
title="预约记录" title="预约记录"
width="850px" width="850px"
top="5vh" top="5vh"
@closed="handleCloseOrderList" @closed="handleCloseOrderList">
> <order-list ref="eleOrderList"
<order-list @dialogCancle="handleCloseOrderList"></order-list>
ref="eleOrderList"
@dialogCancle="handleCloseOrderList"
></order-list>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>

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

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

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

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

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

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

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

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

Write Preview
Loading…
Cancel
Save