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. 403
      src/views/modules/communityService/dqfwzx/cpts/edit.vue
  3. 212
      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. 144
      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>

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

@ -1,281 +1,227 @@
<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="中心名称 "
> prop="centerName"
<el-form-item label-width="150px"
label="中心名称 " style="display: block">
prop="centerName" <el-input class="item_width_1"
label-width="150px" maxlength="50"
style="display: block" show-word-limit
> placeholder="请输入中心名称 "
<el-input v-model="dataForm.centerName">
class="item_width_1"
maxlength="50"
show-word-limit
placeholder="请输入中心名称 "
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"
> maxlength="50"
<el-input show-word-limit
class="item_width_1" placeholder="请输入办公电话"
maxlength="50" v-model="dataForm.workPhone">
show-word-limit
placeholder="请输入办公电话"
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"
> maxlength="50"
<el-input show-word-limit
class="item_width_1" placeholder="请输入社区地址 "
maxlength="50" v-model="dataForm.address">
show-word-limit
placeholder="请输入社区地址 "
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">查询</el-button>
@click="handleSearchMap" <div id="app"
>查询</el-button 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 style="margin-left: 10px"
v-model="item.appointmentType"
<el-select filterable
style="margin-left: 10px" placeholder="预约类型"
v-model="item.appointmentType" :disabled="item.matterId != undefined">
filterable <el-option v-for="item in appointmentTypeOptions"
placeholder="预约类型" :key="item.value"
:disabled="item.matterId != undefined" :label="item.label"
> :value="item.value">
<el-option
v-for="item in appointmentTypeOptions"
:key="item.value"
:label="item.label"
: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',
step: '00:30', step: '00:30',
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',
end: '24:00', end: '24:00',
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 }" :show-file-list="false"
:show-file-list="false" :on-success="
:on-success="
(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 :src="item.matterImg"
v-if="item.matterImg" style="width: 50px; height: 50px"
:src="item.matterImg" class="function-icon" />
style="width: 50px; height: 50px" <i v-else
class="function-icon" class="el-icon-plus avatar-uploader-icon"></i>
/>
<i v-else 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)">删除</el-button>
@click="handleDelStaff(index)"
>删除</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>
v-if="formType != 'detail'" <el-button size="small"
type="primary" v-if="formType != 'detail'"
:disabled="btnDisable" type="primary"
@click="handleComfirm" :disabled="btnDisable"
>确 定</el-button @click="handleComfirm">确 定</el-button>
>
</div> </div>
</div> </div>
</template> </template>
@ -292,7 +238,7 @@ var infoWindowList;
let loading; // 加载动画 let loading; // 加载动画
export default { export default {
data() { data () {
return { return {
uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadqrcodeV2", uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadqrcodeV2",
customerId: "", customerId: "",
@ -336,7 +282,7 @@ export default {
}, },
components: {}, components: {},
computed: { computed: {
dataRule() { dataRule () {
return { return {
centerName: [ centerName: [
{ required: true, message: "中心名称 不能为空", trigger: "blur" }, { required: true, message: "中心名称 不能为空", trigger: "blur" },
@ -372,13 +318,13 @@ export default {
props: {}, props: {},
watch: {}, watch: {},
async mounted() { async mounted () {
this.customerId = localStorage.getItem("customerId"); this.customerId = localStorage.getItem("customerId");
this.initMap(); this.initMap();
}, },
methods: { methods: {
handleImgSuccess(index, res, file) { handleImgSuccess (index, res, file) {
if (res.code === 0 && res.msg === "success") { if (res.code === 0 && res.msg === "success") {
console.log("res.data.url", res.data.url); console.log("res.data.url", res.data.url);
this.dataForm.matterList[index].matterImg = res.data.url; this.dataForm.matterList[index].matterImg = res.data.url;
@ -387,7 +333,7 @@ export default {
} }
}, },
beforeImgUpload(file) { beforeImgUpload (file) {
const isLt1M = file.size / 1024 / 1024 < 1; const isLt1M = file.size / 1024 / 1024 < 1;
if (!isLt1M) { if (!isLt1M) {
@ -396,7 +342,7 @@ export default {
return isLt1M; return isLt1M;
}, },
handleAddStaff() { handleAddStaff () {
this.dataForm.matterList = [ this.dataForm.matterList = [
...this.dataForm.matterList, ...this.dataForm.matterList,
{ {
@ -408,7 +354,7 @@ export default {
}, },
]; ];
}, },
async handleDelStaff(index) { async handleDelStaff (index) {
const { matterList } = this.dataForm; const { matterList } = this.dataForm;
let list = [...matterList]; let list = [...matterList];
let delItem = list.splice(index, 1); let delItem = list.splice(index, 1);
@ -425,7 +371,7 @@ export default {
this.dataForm.matterList = list; this.dataForm.matterList = list;
}, },
async delStaff(matterId) { async delStaff (matterId) {
const { data, code, msg } = await requestPost( const { data, code, msg } = await requestPost(
"/gov/org/icpartyservicecenter/delmatter", "/gov/org/icpartyservicecenter/delmatter",
{ {
@ -435,7 +381,7 @@ export default {
return code === 0; return code === 0;
}, },
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap() { initMap () {
// 定义地图中心点坐标 // 定义地图中心点坐标
var center = new window.TMap.LatLng(36.0722275, 120.38945519); var center = new window.TMap.LatLng(36.0722275, 120.38945519);
// 定义map变量，调用 TMap.Map() 构造函数创建地图 // 定义map变量，调用 TMap.Map() 构造函数创建地图
@ -461,7 +407,7 @@ export default {
this.handleMoveCenter(); this.handleMoveCenter();
}, },
setMarker(lat, lng) { setMarker (lat, lng) {
markers.setGeometries([]); markers.setGeometries([]);
markers.add([ markers.add([
{ {
@ -475,7 +421,7 @@ export default {
]); ]);
}, },
handleSearchMap() { handleSearchMap () {
infoWindowList.forEach((infoWindow) => { infoWindowList.forEach((infoWindow) => {
infoWindow.close(); infoWindow.close();
}); });
@ -503,7 +449,7 @@ export default {
}); });
}, },
handleMoveCenter() { handleMoveCenter () {
//修改地图中心点 //修改地图中心点
const center = map.getCenter(); const center = map.getCenter();
const lat = center.getLat(); const lat = center.getLat();
@ -513,7 +459,7 @@ export default {
this.setMarker(lat, lng); this.setMarker(lat, lng);
}, },
async initForm(type, row) { async initForm (type, row) {
this.$refs.ref_form.resetFields(); this.$refs.ref_form.resetFields();
this.formType = type; this.formType = type;
@ -525,7 +471,7 @@ export default {
} }
}, },
async handleComfirm() { async handleComfirm () {
this.btnDisable = true; this.btnDisable = true;
setTimeout(() => { setTimeout(() => {
this.btnDisable = false; this.btnDisable = false;
@ -540,7 +486,7 @@ export default {
}); });
}, },
async submit() { async submit () {
let url = ""; let url = "";
if (this.formType === "add") { if (this.formType === "add") {
url = "/gov/org/icpartyservicecenter/addpartyservicecenter"; url = "/gov/org/icpartyservicecenter/addpartyservicecenter";
@ -589,11 +535,11 @@ export default {
} }
}, },
handleCancle() { handleCancle () {
this.resetData(); this.resetData();
this.$emit("dialogCancle"); this.$emit("dialogCancle");
}, },
resetData() { resetData () {
this.partyServiceCenterId = ""; this.partyServiceCenterId = "";
this.dataForm = { this.dataForm = {
centerName: "", centerName: "",
@ -611,7 +557,7 @@ export default {
}; };
}, },
// 开启加载动画 // 开启加载动画
startLoading() { startLoading () {
loading = Loading.service({ loading = Loading.service({
lock: true, // 是否锁定 lock: true, // 是否锁定
text: "正在加载……", // 加载中需要显示的文字 text: "正在加载……", // 加载中需要显示的文字
@ -619,7 +565,7 @@ export default {
}); });
}, },
// 结束加载动画 // 结束加载动画
endLoading() { endLoading () {
// clearTimeout(timer); // clearTimeout(timer);
if (loading) { if (loading) {
loading.close(); loading.close();
@ -629,40 +575,11 @@ 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>

212
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"
> v-if="currentIndex == index"
<div @click="handleEdit">
class="item-btn"
v-if="currentIndex == index"
@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
:data="tableData[currentIndex].matterList" <el-table :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 type="index"
label="序号" align="center"
type="index" width="50" />
align="center" <el-table-column prop="matterName"
width="50" label="事项名称">
/>
<el-table-column prop="matterName" 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">预约</el-button>
size="small"
>预约</el-button <el-button @click="handleOrderList(scope.$index)"
> type="text"
size="small"
<el-button style="margin-right: 10px; color: #00a7a9">预约记录</el-button>
@click="handleOrderList(scope.$index)"
type="text"
size="small"
style="margin-right: 10px; color: #00a7a9"
>预约记录</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"
> @dialogCancle="handleClose"
<edit-form @dialogOk="handleEditSuccess"></edit-form>
ref="eleEditForm"
@dialogCancle="handleClose"
@dialogOk="handleEditSuccess"
></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"
> @dialogCancle="handleCloseForm2"
<order-form @dialogOk="handleOrderSuccess"></order-form>
ref="eleOrderForm"
@dialogCancle="handleCloseForm2"
@dialogOk="handleOrderSuccess"
></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"
> @dialogCancle="handleCloseOrderList"></order-list>
<order-list
ref="eleOrderList"
@dialogCancle="handleCloseOrderList"
></order-list>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
@ -169,7 +147,7 @@ let loading; // 加载动画
export default { export default {
components: { editForm, orderForm, orderList }, components: { editForm, orderForm, orderList },
data() { data () {
return { return {
openSearch: false, openSearch: false,
@ -186,23 +164,23 @@ export default {
}; };
}, },
computed: { computed: {
maxTableHeight() { maxTableHeight () {
return this.clientHeight - 410; return this.clientHeight - 410;
}, },
...mapGetters(["clientHeight"]), ...mapGetters(["clientHeight"]),
}, },
watch: { watch: {
currentIndex() { currentIndex () {
this.setMap(); this.setMap();
}, },
}, },
async mounted() { async mounted () {
await this.loadAgency(); await this.loadAgency();
await this.getTableData(); await this.getTableData();
}, },
methods: { methods: {
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap() { initMap () {
// 定义地图中心点坐标 // 定义地图中心点坐标
var center = new window.TMap.LatLng(36.0722275, 120.38945519); var center = new window.TMap.LatLng(36.0722275, 120.38945519);
// 定义map变量，调用 TMap.Map() 构造函数创建地图 // 定义map变量，调用 TMap.Map() 构造函数创建地图
@ -222,7 +200,7 @@ export default {
infoWindowList = Array(10); infoWindowList = Array(10);
}, },
setMarker(lat, lng, centerName) { setMarker (lat, lng, centerName) {
markers.setGeometries([]); markers.setGeometries([]);
markers.add([ markers.add([
{ {
@ -236,11 +214,11 @@ export default {
]); ]);
}, },
setCenter(lat, lng) { setCenter (lat, lng) {
map.setCenter(new window.TMap.LatLng(lat, lng)); map.setCenter(new window.TMap.LatLng(lat, lng));
}, },
setMap() { setMap () {
const { tableData, currentIndex } = this; const { tableData, currentIndex } = this;
let item = tableData[currentIndex]; let item = tableData[currentIndex];
if (item) { if (item) {
@ -249,24 +227,24 @@ export default {
} }
}, },
handleClose() { handleClose () {
this.formShow = false; this.formShow = false;
}, },
handleCloseForm2() { handleCloseForm2 () {
this.form2Show = false; this.form2Show = false;
}, },
handleCloseOrderList() { handleCloseOrderList () {
this.orderListShow = false; this.orderListShow = false;
}, },
async handleAdd() { async handleAdd () {
this.formShow = true; this.formShow = true;
await nextTick(); await nextTick();
console.log(this.$refs); console.log(this.$refs);
this.$refs.eleEditForm.initForm("add"); this.$refs.eleEditForm.initForm("add");
}, },
async handleWatch() { async handleWatch () {
this.formShow = true; this.formShow = true;
await nextTick(); await nextTick();
this.$refs.eleEditForm.initForm( this.$refs.eleEditForm.initForm(
@ -275,7 +253,7 @@ export default {
); );
}, },
async handleEdit() { async handleEdit () {
this.formShow = true; this.formShow = true;
await nextTick(); await nextTick();
this.$refs.eleEditForm.initForm( this.$refs.eleEditForm.initForm(
@ -284,12 +262,12 @@ export default {
); );
}, },
handleEditSuccess() { handleEditSuccess () {
this.handleClose(); this.handleClose();
this.getTableData(); this.getTableData();
}, },
async handleOrder(index) { async handleOrder (index) {
this.form2Show = true; this.form2Show = true;
await nextTick(); await nextTick();
this.$refs.eleOrderForm.initForm( this.$refs.eleOrderForm.initForm(
@ -299,18 +277,18 @@ export default {
); );
}, },
handleOrderSuccess() { handleOrderSuccess () {
this.handleCloseForm2(); this.handleCloseForm2();
}, },
async handleOrderList(index) { async handleOrderList (index) {
this.orderListShow = true; this.orderListShow = true;
await nextTick(0); await nextTick(0);
console.log(this.$refs); console.log(this.$refs);
this.$refs.eleOrderList.init(this.tableData[this.currentIndex], index); this.$refs.eleOrderList.init(this.tableData[this.currentIndex], index);
}, },
async handleDel(rowData, rowIndex) { async handleDel (rowData, rowIndex) {
console.log(rowData, rowIndex); console.log(rowData, rowIndex);
const url = const url =
"/heart/iccommunityselforganization/delcommunityselforganization"; "/heart/iccommunityselforganization/delcommunityselforganization";
@ -328,7 +306,7 @@ export default {
} }
}, },
async getTableData() { async getTableData () {
const oldLen = this.tableData.length; const oldLen = this.tableData.length;
const url = "/gov/org/icpartyservicecenter/partyservicecenterlist"; const url = "/gov/org/icpartyservicecenter/partyservicecenterlist";
const { data, code, msg } = await requestPost(url, { const { data, code, msg } = await requestPost(url, {
@ -349,7 +327,7 @@ export default {
}, },
//加载组织 //加载组织
async loadAgency() { async loadAgency () {
const url = "/epmetuser/customerstaff/staffbasicinfo"; const url = "/epmetuser/customerstaff/staffbasicinfo";
let params = {}; let params = {};

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 {

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

@ -1,74 +1,81 @@
<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"> <el-cascader v-model="agencyIdArray"
<el-cascader v-model="agencyIdArray" style="width:480px"
style="width:480px" :key="iscascaderShow"
:key="iscascaderShow" :options="options"
:options="options" :props="optionProps"
:props="optionProps" clearable></el-cascader>
clearable></el-cascader> </el-form-item>
</el-form-item>
</div> <el-form-item label="问题分类"
:label-width="labelWidth">
<div> <el-select v-model="tableParams.categoryCode"
<el-form-item label="问题分类" placeholder="问题分类"
:label-width="labelWidth"> clearable>
<el-select v-model="tableParams.categoryCode" <el-option v-for="item in categoryList"
placeholder="问题分类" :key="item.categoryCode"
clearable> :label="item.categoryName"
<el-option v-for="item in categoryList" :value="item.categoryCode">
:key="item.categoryCode" </el-option>
:label="item.categoryName" </el-select>
:value="item.categoryCode"> </el-form-item>
</el-option> <el-form-item label="标题"
</el-select> :label-width="labelWidth">
</el-form-item> <el-input v-model="tableParams.guideTitle"
<el-form-item label="标题" placeholder="标题"
:label-width="labelWidth"> clearable>
<el-input v-model="tableParams.guideTitle"
placeholder="标题" </el-input>
clearable> </el-form-item>
</el-input> <el-form-item style="margin-left:10px">
</el-form-item> <el-button size="small"
@click="loadData()"
<el-form-item style="margin-left:10px"> class="diy-button--search"
<el-button @click="loadData()" type="primary">查询</el-button>
type="primary">查询</el-button> <el-button style="margin-left:10px"
</el-form-item> class="diy-button--reset"
<!-- <el-form-item v-if="isStaff" size="small"
@click="resetSearch">重置</el-button>
</el-form-item>
<!-- <el-form-item v-if="isStaff"
style="margin-left:10px"> style="margin-left:10px">
<el-button @click="add()" <el-button @click="add()"
type="primary">新增</el-button> type="primary">新增</el-button>
</el-form-item> --> </el-form-item> -->
</div> </div>
</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"
ref="table" ref="table"
:url="tableUrl" :url="tableUrl"
:params="tableParams" :params="tableParams"
:operationWidth="80" :operationWidth="80"
keyword="guidanceList" keyword="guidanceList"
:operations="operations" :operations="operations"
columnAlign="center" columnAlign="center"
:tableHeight="tableHeight" :tableHeight="tableHeight"
@detail="detail" @detail="detail"
@edit="edit" @edit="edit"
@confirmDel="confirmDel"> @confirmDel="confirmDel">
</c-table> </c-table>
<!-- <div v-show="formShow"> <!-- <div v-show="formShow">
<detail-form ref="ref_edit_form" <detail-form ref="ref_edit_form"
@ -79,8 +86,8 @@
</div> </div>
<el-card v-show="formShow"> <el-card v-show="formShow">
<detail-form ref="ref_edit_form" <detail-form ref="ref_edit_form"
@cancleBack="cancleBack" @cancleBack="cancleBack"
@refresh="loadData"></detail-form> @refresh="loadData"></detail-form>
</el-card> </el-card>
</div> </div>
</template> </template>
@ -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