|
@@ -134,7 +134,32 @@
|
|
|
width="700px"
|
|
|
destroy-on-close
|
|
|
:visible.sync="detailVisible">
|
|
|
- <el-form :inline="true"
|
|
|
+ <descriptions :column="2" v-if="activeRow">
|
|
|
+ <descriptions-item label="老师姓名:">{{
|
|
|
+ activeRow.teacherName
|
|
|
+ }}</descriptions-item>
|
|
|
+ <descriptions-item label="所属分部:">{{
|
|
|
+ activeRow.organName
|
|
|
+ }}</descriptions-item>
|
|
|
+ <descriptions-item label="角色:">{{
|
|
|
+ activeRow.visiterType | visiterType
|
|
|
+ }}</descriptions-item>
|
|
|
+ <descriptions-item label="学生姓名:">{{
|
|
|
+ activeRow.studentName
|
|
|
+ }}岁</descriptions-item>
|
|
|
+ <descriptions-item label="回访类型:">{{
|
|
|
+ activeRow.type
|
|
|
+ }}</descriptions-item>
|
|
|
+ <descriptions-item label="回访目的:">{{
|
|
|
+ activeRow.purpose
|
|
|
+ }}</descriptions-item>
|
|
|
+ <descriptions-item label="回访情况:" :span="6">{{ activeRow.overview }}</descriptions-item>
|
|
|
+ <descriptions-item label="家长反馈" :span="6">{{ activeRow.feedback }}</descriptions-item>
|
|
|
+ </descriptions>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <el-form :inline="true"
|
|
|
v-if="activeRow"
|
|
|
ref='visitForm'>
|
|
|
<el-form-item label="老师姓名">
|
|
@@ -167,26 +192,26 @@
|
|
|
prop='feedback'>
|
|
|
<p class="label">{{activeRow.feedback}}</p>
|
|
|
</el-form-item>
|
|
|
- </el-form>
|
|
|
+ </el-form> -->
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { visitChiose } from '@/utils/searchArray'
|
|
|
-import pagination from '@/components/Pagination/index'
|
|
|
-import { getEmployeeOrgan } from '@/api/buildTeam'
|
|
|
-import { getVisitList } from './api.js'
|
|
|
-import cleanDeep from 'clean-deep'
|
|
|
+import { visitChiose } from "@/utils/searchArray";
|
|
|
+import pagination from "@/components/Pagination/index";
|
|
|
+import { getEmployeeOrgan } from "@/api/buildTeam";
|
|
|
+import { getVisitList } from "./api.js";
|
|
|
+import cleanDeep from "clean-deep";
|
|
|
export default {
|
|
|
components: { pagination },
|
|
|
- data () {
|
|
|
+ data() {
|
|
|
return {
|
|
|
searchForm: {
|
|
|
- teacher: '',
|
|
|
- organId: '',
|
|
|
- visiterType: '',
|
|
|
- type: '',
|
|
|
- purpose: ''
|
|
|
+ teacher: "",
|
|
|
+ organId: "",
|
|
|
+ visiterType: "",
|
|
|
+ type: "",
|
|
|
+ purpose: "",
|
|
|
},
|
|
|
type: [],
|
|
|
timer: [],
|
|
@@ -197,62 +222,62 @@ export default {
|
|
|
limit: 10, // 限制显示条数
|
|
|
page: 1, // 当前页
|
|
|
total: 0, // 总条数
|
|
|
- page_size: [10, 20, 40, 50] // 选择限制显示条数
|
|
|
+ page_size: [10, 20, 40, 50], // 选择限制显示条数
|
|
|
},
|
|
|
tableList: [],
|
|
|
detailVisible: false,
|
|
|
- activeRow: null
|
|
|
- }
|
|
|
+ activeRow: null,
|
|
|
+ };
|
|
|
},
|
|
|
- mounted () {
|
|
|
- getEmployeeOrgan().then(res => {
|
|
|
+ mounted() {
|
|
|
+ getEmployeeOrgan().then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
this.organList = res.data;
|
|
|
}
|
|
|
- })
|
|
|
- this.getList()
|
|
|
+ });
|
|
|
+ this.getList();
|
|
|
},
|
|
|
- activated () {
|
|
|
- this.getList()
|
|
|
+ activated() {
|
|
|
+ this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
- handleChange (val) {
|
|
|
- this.searchForm.type = val[0]
|
|
|
- this.searchForm.purpose = val[1]
|
|
|
+ handleChange(val) {
|
|
|
+ this.searchForm.type = val[0];
|
|
|
+ this.searchForm.purpose = val[1];
|
|
|
},
|
|
|
- search () {
|
|
|
+ search() {
|
|
|
this.rules.page = 1;
|
|
|
- this.getList()
|
|
|
+ this.getList();
|
|
|
},
|
|
|
- onReSet () {
|
|
|
- this.type = []
|
|
|
- this.timer = []
|
|
|
+ onReSet() {
|
|
|
+ this.type = [];
|
|
|
+ this.timer = [];
|
|
|
this.searchForm = {
|
|
|
- teacher: '',
|
|
|
- organId: '',
|
|
|
- visiterType: '',
|
|
|
- type: '',
|
|
|
- purpose: ''
|
|
|
- }
|
|
|
- this.search()
|
|
|
+ teacher: "",
|
|
|
+ organId: "",
|
|
|
+ visiterType: "",
|
|
|
+ type: "",
|
|
|
+ purpose: "",
|
|
|
+ };
|
|
|
+ this.search();
|
|
|
},
|
|
|
- getList () {
|
|
|
+ getList() {
|
|
|
// cleanDeep
|
|
|
|
|
|
this.searchForm.page = this.rules.page;
|
|
|
- this.searchForm.rows = this.rules.limit
|
|
|
- getVisitList(cleanDeep(this.searchForm)).then(res => {
|
|
|
+ this.searchForm.rows = this.rules.limit;
|
|
|
+ getVisitList(cleanDeep(this.searchForm)).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
this.tableList = res.data.rows;
|
|
|
- this.rules.total = res.data.total
|
|
|
+ this.rules.total = res.data.total;
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
- lookDetail (row) {
|
|
|
+ lookDetail(row) {
|
|
|
this.activeRow = row;
|
|
|
this.detailVisible = true;
|
|
|
},
|
|
|
- changeTimer (val) {
|
|
|
+ changeTimer(val) {
|
|
|
if (val && val.length > 0) {
|
|
|
this.searchForm.startTime = this.timer[0];
|
|
|
this.searchForm.endTime = this.timer[1];
|
|
@@ -260,16 +285,16 @@ export default {
|
|
|
this.searchForm.startTime = null;
|
|
|
this.searchForm.endTime = null;
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
watch: {
|
|
|
- detailVisible (val) {
|
|
|
+ detailVisible(val) {
|
|
|
if (!val) {
|
|
|
- this.activeRow = null
|
|
|
+ this.activeRow = null;
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.msg {
|