Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
01a048ed by renchao@pashanhoo.com
Options

style:条件筛选

1 parent da957ff5
Inline Side-by-side
Showing 19 changed files with 662 additions and 605 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-08 15:19:43 4 * @LastEditTime: 2023-07-24 14:10:29
5 --> 5 -->
6 <template> 6 <template>
7 <section class="app-main"> 7 <section class="app-main">
8 <transition name="fade-transform" mode="out-in"> 8 <transition name="fade-transform" mode="out-in">
9 <router-view /> 9 <keep-alive :include="['dbx', 'ybx','jtfc', 'dydjb', 'sqcxjl', 'jdcx','djbcx',
10 'lpcx','zslqcx', 'zxgcdycx', 'zsrk', 'zsff','zssyjl','dictionaries', 'sqywgz', 'qtjfjmb',
11 'xttz','flfg']">
12 <router-view />
13 </keep-alive>
10 </transition> 14 </transition>
11 </section> 15 </section>
12 </template> 16 </template>
......
...@@ -44,85 +44,88 @@ ...@@ -44,85 +44,88 @@
44 </div> 44 </div>
45 </template> 45 </template>
46 <script> 46 <script>
47 import { mapGetters } from "vuex"; 47 import { mapGetters } from "vuex";
48 import table from "@/utils/mixin/table"; 48 import table from "@/utils/mixin/table";
49 import { datas, sendThis } from "./dydjbdata"; 49 import { datas, sendThis } from "./dydjbdata";
50 import addDydjb from "./components/addDydjb.vue"; 50 import addDydjb from "./components/addDydjb.vue";
51 import { getSqcxPage } from "@/api/jtfc.js"; 51 import { getSqcxPage } from "@/api/jtfc.js";
52 export default { 52 export default {
53 name: "dydjb", 53 name: "dydjb",
54 components: { addDydjb }, 54 components: { addDydjb },
55 mixins: [table], 55 mixins: [table],
56 mounted () { 56 mounted () {
57 sendThis(this); 57 sendThis(this);
58 this.queryClick(); 58 this.queryClick();
59 }, 59 },
60 computed: { 60 computed: {
61 ...mapGetters(["dictData"]), 61 ...mapGetters(["dictData"]),
62 }, 62 },
63 data () { 63 data () {
64 return { 64 return {
65 isDialog: false, 65 isDialog: false,
66 sqcxBsm: "", 66 sqcxBsm: "",
67 queryForm: { 67 queryForm: {
68 cxbh: "", 68 cxbh: "",
69 sqr: "", 69 sqr: "",
70 ywh: "", 70 ywh: "",
71 cxlx: '2' 71 cxlx: '2'
72 }, 72 },
73 tableData: { 73 tableData: {
74 columns: datas.columns(), 74 columns: datas.columns(),
75 data: [], 75 data: [],
76 }, 76 },
77 }; 77 };
78 },
79 methods: {
80 // 初始化数据
81 /**
82 * @description: 初始化数据
83 * @author: renchao
84 */
85 queryClick () {
86 this.$startLoading();
87 getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
88 this.$endLoading();
89 if (res.code === 200) {
90 let { records, total } = res.result;
91 this.tableData.data = records;
92 this.tableData.total = total;
93 }
94 });
95 }, 78 },
96 /** 79 activated () {
97 * @description: dydjbClick 80 this.queryClick();
98 * @param {*} scope
99 * @author: renchao
100 */
101 dydjbClick (scope) {
102 this.$popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", {
103 bsmSqcx: scope.row.bsmSqcx,
104 })
105 }, 81 },
106 /** 82 methods: {
107 * @description: handleSort 83 // 初始化数据
108 * @param {*} name 84 /**
109 * @param {*} sort 85 * @description: 初始化数据
110 * @author: renchao 86 * @author: renchao
111 */ 87 */
112 handleSort (name, sort) { 88 queryClick () {
113 console.log(name, sort); 89 this.$startLoading();
90 getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
91 this.$endLoading();
92 if (res.code === 200) {
93 let { records, total } = res.result;
94 this.tableData.data = records;
95 this.tableData.total = total;
96 }
97 });
98 },
99 /**
100 * @description: dydjbClick
101 * @param {*} scope
102 * @author: renchao
103 */
104 dydjbClick (scope) {
105 this.$popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", {
106 bsmSqcx: scope.row.bsmSqcx,
107 })
108 },
109 /**
110 * @description: handleSort
111 * @param {*} name
112 * @param {*} sort
113 * @author: renchao
114 */
115 handleSort (name, sort) {
116 console.log(name, sort);
117 },
118 /**
119 * @description: openAddDialog
120 * @author: renchao
121 */
122 openAddDialog () {
123 this.isDialog = true
124 this.sqcxBsm = ''
125 }
114 }, 126 },
115 /** 127 };
116 * @description: openAddDialog
117 * @author: renchao
118 */
119 openAddDialog () {
120 this.isDialog = true
121 this.sqcxBsm = ''
122 }
123 },
124 };
125 </script> 128 </script>
126 <style scoped lang="scss"> 129 <style scoped lang="scss">
127 @import "~@/styles/public.scss"; 130 @import "~@/styles/public.scss";
128 </style> 131 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-28 14:45:20 4 * @LastEditTime: 2023-07-24 11:27:00
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -70,6 +70,9 @@ ...@@ -70,6 +70,9 @@
70 }, 70 },
71 }; 71 };
72 }, 72 },
73 activated () {
74 this.queryClick();
75 },
73 methods: { 76 methods: {
74 // 初始化数据 77 // 初始化数据
75 queryClick () { 78 queryClick () {
......
...@@ -36,14 +36,14 @@ ...@@ -36,14 +36,14 @@
36 <el-row> 36 <el-row>
37 <el-col :span="6"> 37 <el-col :span="6">
38 <el-form-item label="开始日期" class="marginbtm0"> 38 <el-form-item label="开始日期" class="marginbtm0">
39 <el-date-picker class="width100" v-model="queryForm.sqr" type="date" placeholder="开始日期" 39 <el-date-picker class="width100" v-model="queryForm.kssj" type="date" placeholder="开始日期"
40 value-format="yyyy-MM-dd" clearable> 40 value-format="yyyy-MM-dd" clearable>
41 </el-date-picker> 41 </el-date-picker>
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 <el-col :span="6"> 44 <el-col :span="6">
45 <el-form-item label="结束日期" class="marginbtm0"> 45 <el-form-item label="结束日期" class="marginbtm0">
46 <el-date-picker class="width100" v-model="queryForm.sqr" type="date" placeholder="结束日期" 46 <el-date-picker class="width100" v-model="queryForm.jssj" type="date" placeholder="结束日期"
47 value-format="yyyy-MM-dd" clearable> 47 value-format="yyyy-MM-dd" clearable>
48 </el-date-picker> 48 </el-date-picker>
49 </el-form-item> 49 </el-form-item>
...@@ -67,73 +67,76 @@ ...@@ -67,73 +67,76 @@
67 </div> 67 </div>
68 </template> 68 </template>
69 <script> 69 <script>
70 import table from "@/utils/mixin/table"; 70 import table from "@/utils/mixin/table";
71 import { datas, sendThis } from "./sqcxjldata"; 71 import { datas, sendThis } from "./sqcxjldata";
72 import { getSqcxPage } from "@/api/jtfc.js"; 72 import { getSqcxPage } from "@/api/jtfc.js";
73 export default { 73 export default {
74 name: "sqcxjl", 74 name: "sqcxjl",
75 mixins: [table], 75 mixins: [table],
76 mounted () { 76 mounted () {
77 sendThis(this); 77 sendThis(this);
78 this.queryClick(); 78 this.queryClick();
79 }, 79 },
80 data () { 80 data () {
81 return { 81 return {
82 queryForm: { 82 queryForm: {
83 cxbh: "", 83 cxbh: "",
84 sqr: "", 84 sqr: "",
85 ywh: "", 85 ywh: "",
86 }, 86 },
87 tableData: { 87 tableData: {
88 columns: datas.columns(), 88 columns: datas.columns(),
89 data: [], 89 data: [],
90 }, 90 },
91 }; 91 };
92 },
93 methods: {
94 // 初始化数据
95 /**
96 * @description: 初始化数据
97 * @author: renchao
98 */
99 queryClick () {
100 this.$startLoading();
101 getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
102 this.$endLoading();
103 if (res.code === 200) {
104 let { records, total } = res.result;
105 this.tableData.data = records;
106 this.tableData.total = total;
107 }
108 });
109 }, 92 },
110 /** 93 activated () {
111 * @description: handleSort 94 this.queryClick();
112 * @param {*} name
113 * @param {*} sort
114 * @author: renchao
115 */
116 handleSort (name, sort) {
117 console.log(name, sort);
118 }, 95 },
119 // 查看 96 methods: {
120 /** 97 // 初始化数据
121 * @description: 查看 98 /**
122 * @param {*} scope 99 * @description: 初始化数据
123 * @author: renchao 100 * @author: renchao
124 */ 101 */
125 handleViewClick (scope) { 102 queryClick () {
126 this.$popupDialog("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { 103 this.$startLoading();
127 sqcxBsm: scope.row.bsmSqcx 104 getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
128 }) 105 this.$endLoading();
106 if (res.code === 200) {
107 let { records, total } = res.result;
108 this.tableData.data = records;
109 this.tableData.total = total;
110 }
111 });
112 },
113 /**
114 * @description: handleSort
115 * @param {*} name
116 * @param {*} sort
117 * @author: renchao
118 */
119 handleSort (name, sort) {
120 console.log(name, sort);
121 },
122 // 查看
123 /**
124 * @description: 查看
125 * @param {*} scope
126 * @author: renchao
127 */
128 handleViewClick (scope) {
129 this.$popupDialog("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", {
130 sqcxBsm: scope.row.bsmSqcx
131 })
132 }
129 } 133 }
130 } 134 }
131 }
132 </script> 135 </script>
133 <style scoped lang="scss"> 136 <style scoped lang="scss">
134 @import "~@/styles/public.scss"; 137 @import "~@/styles/public.scss";
135 138
136 .marginbtm0 { 139 .marginbtm0 {
137 margin-bottom: 0 140 margin-bottom: 0;
138 } 141 }
139 </style> 142 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-13 16:31:56 4 * @LastEditTime: 2023-07-24 14:09:53
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -69,6 +69,9 @@ ...@@ -69,6 +69,9 @@
69 } 69 }
70 } 70 }
71 }, 71 },
72 activated () {
73 this.queryClick()
74 },
72 methods: { 75 methods: {
73 // 初始化数据 76 // 初始化数据
74 /** 77 /**
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 16:04:47 4 * @LastEditTime: 2023-07-24 14:12:17
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -46,6 +46,9 @@ ...@@ -46,6 +46,9 @@
46 sendThis(this); 46 sendThis(this);
47 this.queryClick() 47 this.queryClick()
48 }, 48 },
49 activated () {
50 this.queryClick()
51 },
49 data () { 52 data () {
50 return { 53 return {
51 isDialog: false, 54 isDialog: false,
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:09:29 4 * @LastEditTime: 2023-07-24 14:11:31
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -63,6 +63,9 @@ ...@@ -63,6 +63,9 @@
63 bsmMb: '' 63 bsmMb: ''
64 } 64 }
65 }, 65 },
66 activated () {
67 this.queryClick()
68 },
66 methods: { 69 methods: {
67 // 初始化数据 70 // 初始化数据
68 /** 71 /**
......
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
47 import { datas, sendThis } from "./sqywgzdata"; 47 import { datas, sendThis } from "./sqywgzdata";
48 import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/sysSqdjyw.js"; 48 import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/sysSqdjyw.js";
49 export default { 49 export default {
50 name: "djbcx", 50 name: "sqywgz",
51 components: { 51 components: {
52 editDialog, 52 editDialog,
53 componentDialog, 53 componentDialog,
...@@ -57,6 +57,9 @@ ...@@ -57,6 +57,9 @@
57 sendThis(this); 57 sendThis(this);
58 this.queryClick(); 58 this.queryClick();
59 }, 59 },
60 activated () {
61 this.queryClick()
62 },
60 data () { 63 data () {
61 return { 64 return {
62 qllxmc: "", 65 qllxmc: "",
......
...@@ -37,151 +37,154 @@ ...@@ -37,151 +37,154 @@
37 </div> 37 </div>
38 </template> 38 </template>
39 <script> 39 <script>
40 import table from "@/utils/mixin/table"; 40 import table from "@/utils/mixin/table";
41 import { datas, sendThis } from "./xttzdata"; 41 import { datas, sendThis } from "./xttzdata";
42 import { getSysNoticeList, deleteSysNotice, publishNotice, unPublishNotice } from "@/api/sysNotice.js" 42 import { getSysNoticeList, deleteSysNotice, publishNotice, unPublishNotice } from "@/api/sysNotice.js"
43 import addDialog from "./components/addDialog.vue"; 43 import addDialog from "./components/addDialog.vue";
44 export default { 44 export default {
45 name: "xttz", 45 name: "xttz",
46 components: { addDialog }, 46 components: { addDialog },
47 mixins: [table], 47 mixins: [table],
48 mounted () { 48 mounted () {
49 sendThis(this); 49 sendThis(this);
50 this.queryClick() 50 this.queryClick()
51 },
52 data () {
53 return {
54 isDialog: false,
55 isButtonFlag: true,
56 dialogTitle: '',
57 ruleForm: {
58 noticeTitle: '',
59 noticeStatus: ''
60 },
61 noticeStatusList: [
62 { "label": '未发布', 'value': '1' },
63 { 'label': '已发布', 'value': '2' }
64 ],
65 tableData: {
66 total: 0,
67 columns: datas.columns(),
68 data: [],
69 },
70 isDiglog: false
71 }
72 },
73 methods: {
74 // 列表渲染接口
75 /**
76 * @description: 列表渲染接口
77 * @author: renchao
78 */
79 queryClick () {
80 this.$startLoading()
81 getSysNoticeList({ ...this.ruleForm, ...this.pageData }, { 'target': '#xttzLoading' }).then(res => {
82 if (res.code === 200) {
83 this.$endLoading()
84 let { total, records } = res.result
85 this.tableData.total = total;
86 this.tableData.data = records
87 }
88 })
89 }, 51 },
90 //打开新增弹窗 52 activated () {
91 /** 53 this.queryClick()
92 * @description: 打开新增弹窗 54 },
93 * @param {*} item 55 data () {
94 * @author: renchao 56 return {
95 */ 57 isDialog: false,
96 openDialog (item) { 58 isButtonFlag: true,
97 if (item) { 59 dialogTitle: '',
98 this.$popupDialog("系统通知详情", "system/xttz/components/addDialog", { ...item, "isButtonFlag": false }, "50%") 60 ruleForm: {
99 } else { 61 noticeTitle: '',
100 this.$popupDialog("新增系统通知", "system/xttz/components/addDialog", { "isButtonFlag": true }, "50%") 62 noticeStatus: ''
63 },
64 noticeStatusList: [
65 { "label": '未发布', 'value': '1' },
66 { 'label': '已发布', 'value': '2' }
67 ],
68 tableData: {
69 total: 0,
70 columns: datas.columns(),
71 data: [],
72 },
73 isDiglog: false
101 } 74 }
102 }, 75 },
103 //删除 76 methods: {
104 delNotice (item) { 77 // 列表渲染接口
105 this.$confirm('是否确定删除', '提示', { 78 /**
106 confirmButtonText: '确定', 79 * @description: 列表渲染接口
107 cancelButtonText: '取消', 80 * @author: renchao
108 type: 'warning' 81 */
109 }).then(() => { 82 queryClick () {
110 deleteSysNotice({ "bsmNotice": item.bsmNotice }).then(res => { 83 this.$startLoading()
111 if (res.code == 200) { 84 getSysNoticeList({ ...this.ruleForm, ...this.pageData }, { 'target': '#xttzLoading' }).then(res => {
112 this.$message.success('删除成功') 85 if (res.code === 200) {
113 this.queryClick(); 86 this.$endLoading()
114 } else { 87 let { total, records } = res.result
115 this.$message.error(res.message) 88 this.tableData.total = total;
89 this.tableData.data = records
116 } 90 }
117 }) 91 })
118 }).catch(() => { 92 },
119 this.$message({ 93 //打开新增弹窗
120 type: 'info', 94 /**
121 message: '已取消删除' 95 * @description: 打开新增弹窗
96 * @param {*} item
97 * @author: renchao
98 */
99 openDialog (item) {
100 if (item) {
101 this.$popupDialog("系统通知详情", "system/xttz/components/addDialog", { ...item, "isButtonFlag": false }, "50%")
102 } else {
103 this.$popupDialog("新增系统通知", "system/xttz/components/addDialog", { "isButtonFlag": true }, "50%")
104 }
105 },
106 //删除
107 delNotice (item) {
108 this.$confirm('是否确定删除', '提示', {
109 confirmButtonText: '确定',
110 cancelButtonText: '取消',
111 type: 'warning'
112 }).then(() => {
113 deleteSysNotice({ "bsmNotice": item.bsmNotice }).then(res => {
114 if (res.code == 200) {
115 this.$message.success('删除成功')
116 this.queryClick();
117 } else {
118 this.$message.error(res.message)
119 }
120 })
121 }).catch(() => {
122 this.$message({
123 type: 'info',
124 message: '已取消删除'
125 });
122 }); 126 });
123 }); 127 },
124 }, 128 //发布
125 //发布 129 toPublish (item) {
126 toPublish (item) { 130 this.$confirm('是否确定发布', '提示', {
127 this.$confirm('是否确定发布', '提示', { 131 confirmButtonText: '确定',
128 confirmButtonText: '确定', 132 cancelButtonText: '取消',
129 cancelButtonText: '取消', 133 type: 'warning'
130 type: 'warning' 134 }).then(() => {
131 }).then(() => { 135 publishNotice({ "bsmNotice": item.bsmNotice }).then(res => {
132 publishNotice({ "bsmNotice": item.bsmNotice }).then(res => { 136 if (res.code == 200) {
133 if (res.code == 200) { 137 this.$message.success('发布成功')
134 this.$message.success('发布成功') 138 this.postMessage()
135 this.postMessage() 139 this.queryClick();
136 this.queryClick(); 140 } else {
137 } else { 141 this.$message.error(res.message)
138 this.$message.error(res.message) 142 }
139 } 143 })
140 }) 144 }).catch(() => {
141 }).catch(() => { 145 this.$message({
142 this.$message({ 146 type: 'info',
143 type: 'info', 147 message: '操作取消'
144 message: '操作取消' 148 });
145 }); 149 });
146 }); 150 },
147 }, 151 postMessage () {
148 postMessage () { 152 window.parent.postMessage({ update: true }, '*')
149 window.parent.postMessage({ update: true }, '*') 153 },
150 }, 154 //取消发布
151 //取消发布 155 toUnPublish (item) {
152 toUnPublish (item) { 156 this.$confirm('是否确定取消发布', '提示', {
153 this.$confirm('是否确定取消发布', '提示', { 157 confirmButtonText: '确定',
154 confirmButtonText: '确定', 158 cancelButtonText: '取消',
155 cancelButtonText: '取消', 159 type: 'warning'
156 type: 'warning' 160 }).then(() => {
157 }).then(() => { 161 unPublishNotice({ "bsmNotice": item.bsmNotice }).then(res => {
158 unPublishNotice({ "bsmNotice": item.bsmNotice }).then(res => { 162 if (res.code == 200) {
159 if (res.code == 200) { 163 this.postMessage()
160 this.postMessage() 164 this.$message.success('删除成功')
161 this.$message.success('删除成功') 165 this.queryClick();
162 this.queryClick(); 166 } else {
163 } else { 167 this.$message.error(res.message)
164 this.$message.error(res.message) 168 }
165 } 169 })
166 }) 170 }).catch(() => {
167 }).catch(() => { 171 this.$message({
168 this.$message({ 172 type: 'info',
169 type: 'info', 173 message: '操作取消'
170 message: '操作取消' 174 });
171 }); 175 });
172 }); 176 },
173 }, 177 //编辑通知
174 //编辑通知 178 editNotice (item) {
175 editNotice (item) { 179 this.$popupDialog("系统通知详情", "system/xttz/components/addDialog", { ...item, "isButtonFlag": true, "edit": true }, "50%")
176 this.$popupDialog("系统通知详情", "system/xttz/components/addDialog", { ...item, "isButtonFlag": true, "edit": true }, "50%") 180 },
181 downloadFile (item) {
182 const href = item.noticeFileUrl
183 window.open(href, '_blank');
184 }
177 }, 185 },
178 downloadFile (item) { 186 };
179 const href = item.noticeFileUrl
180 window.open(href, '_blank');
181 }
182 },
183 };
184 </script> 187 </script>
185 <style scoped lang="scss"> 188 <style scoped lang="scss">
186 @import "~@/styles/public.scss"; 189 @import "~@/styles/public.scss";
187 </style> 190 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:42:49 4 * @LastEditTime: 2023-07-24 11:25:15
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -106,7 +106,6 @@ ...@@ -106,7 +106,6 @@
106 import { datas, sendThis } from "./dbxdata"; 106 import { datas, sendThis } from "./dbxdata";
107 import { searchTaskToDo } from "@/api/workflow/search.js"; 107 import { searchTaskToDo } from "@/api/workflow/search.js";
108 import { judgeUserTaskPermission, deleteFlow, claimTask } from "@/api/workFlow.js"; 108 import { judgeUserTaskPermission, deleteFlow, claimTask } from "@/api/workFlow.js";
109 import { log } from 'bpmn-js-token-simulation';
110 export default { 109 export default {
111 name: "dbx", 110 name: "dbx",
112 components: { searchBox }, 111 components: { searchBox },
...@@ -144,6 +143,9 @@ ...@@ -144,6 +143,9 @@
144 immediate: true, 143 immediate: true,
145 }, 144 },
146 }, 145 },
146 activated () {
147 this.queryClick();
148 },
147 methods: { 149 methods: {
148 // 列表渲染接口 150 // 列表渲染接口
149 /** 151 /**
...@@ -225,28 +227,28 @@ ...@@ -225,28 +227,28 @@
225 if (res.code == 200) { 227 if (res.code == 200) {
226 if (res.result) { 228 if (res.result) {
227 //有任务权限 229 //有任务权限
228 if(item.sjlx=="3"){ 230 if (item.sjlx == "3") {
229 const { href } = this.$router.resolve( 231 const { href } = this.$router.resolve(
230 "/djbworkFrame?bsmSlsq=" + 232 "/djbworkFrame?bsmSlsq=" +
231 item.bsmSlsq + 233 item.bsmSlsq +
232 "&bestepid=" + 234 "&bestepid=" +
233 item.bestepid + 235 item.bestepid +
234 "&bsmBusiness=" + 236 "&bsmBusiness=" +
235 "&sqywbm=" + 237 "&sqywbm=" +
236 item.djywbm 238 item.djywbm
237 ); 239 );
238 window.open(href, `djbworkFrame${item.bsmSlsq}`); 240 window.open(href, `djbworkFrame${item.bsmSlsq}`);
239 }else{ 241 } else {
240 const { href } = this.$router.resolve( 242 const { href } = this.$router.resolve(
241 "/workFrame?bsmSlsq=" + 243 "/workFrame?bsmSlsq=" +
242 item.bsmSlsq + 244 item.bsmSlsq +
243 "&bestepid=" + 245 "&bestepid=" +
244 item.bestepid + 246 item.bestepid +
245 "&bsmBusiness=" + 247 "&bsmBusiness=" +
246 "&sqywbm=" + 248 "&sqywbm=" +
247 item.djywbm 249 item.djywbm
248 ); 250 );
249 window.open(href, `workFrame${item.bsmSlsq}`); 251 window.open(href, `workFrame${item.bsmSlsq}`);
250 } 252 }
251 253
252 localStorage.setItem('ywbl', JSON.stringify(item)); 254 localStorage.setItem('ywbl', JSON.stringify(item));
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 14:38:31 4 * @LastEditTime: 2023-07-24 11:26:06
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -166,6 +166,9 @@ ...@@ -166,6 +166,9 @@
166 }, 166 },
167 }; 167 };
168 }, 168 },
169 activated () {
170 this.queryClick();
171 },
169 methods: { 172 methods: {
170 // 列表渲染接口 173 // 列表渲染接口
171 /** 174 /**
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 13:59:35 4 * @LastEditTime: 2023-07-24 14:04:15
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -137,11 +137,14 @@ ...@@ -137,11 +137,14 @@
137 }, 137 },
138 qllxs: [], 138 qllxs: [],
139 isDialog: false, 139 isDialog: false,
140 djbxxData: {}, 140 djbxxData: {}
141 }; 141 }
142 }, 142 },
143 computed: { 143 computed: {
144 ...mapGetters(["dictData"]), 144 ...mapGetters(["dictData"])
145 },
146 activated () {
147 this.queryClick()
145 }, 148 },
146 methods: { 149 methods: {
147 // 初始化数据 150 // 初始化数据
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 13:59:55 4 * @LastEditTime: 2023-07-24 14:02:07
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -110,6 +110,9 @@ ...@@ -110,6 +110,9 @@
110 } 110 }
111 } 111 }
112 }, 112 },
113 activated () {
114 this.queryClick()
115 },
113 methods: { 116 methods: {
114 // 初始化数据 117 // 初始化数据
115 /** 118 /**
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-21 11:25:20 4 * @LastEditTime: 2023-07-24 14:04:47
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -78,6 +78,9 @@ ...@@ -78,6 +78,9 @@
78 } 78 }
79 } 79 }
80 }, 80 },
81 activated () {
82 this.queryClick()
83 },
81 methods: { 84 methods: {
82 // 初始化数据 85 // 初始化数据
83 /** 86 /**
...@@ -118,7 +121,7 @@ ...@@ -118,7 +121,7 @@
118 openlpbClick (scope) { 121 openlpbClick (scope) {
119 this.$popupDialog('楼盘表', 'lpb/index', { 122 this.$popupDialog('楼盘表', 'lpb/index', {
120 bsm: scope.row.bsm, 123 bsm: scope.row.bsm,
121 onlyShow:true 124 onlyShow: true
122 }, '90%', true) 125 }, '90%', true)
123 } 126 }
124 } 127 }
......
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
58 import { getBdcqzReceiveList } from "@/api/search.js" 58 import { getBdcqzReceiveList } from "@/api/search.js"
59 import { bdcqzPreview } from "@/api/bdcqz.js" 59 import { bdcqzPreview } from "@/api/bdcqz.js"
60 export default { 60 export default {
61 components: {}, 61 name: "zslqcx",
62 mixins: [table], 62 mixins: [table],
63 mounted () { 63 mounted () {
64 sendThis(this); 64 sendThis(this);
...@@ -79,6 +79,9 @@ ...@@ -79,6 +79,9 @@
79 }, 79 },
80 }; 80 };
81 }, 81 },
82 activated () {
83 this.queryClick();
84 },
82 methods: { 85 methods: {
83 // 查询 86 // 查询
84 /** 87 /**
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-19 13:32:04 4 * @LastEditTime: 2023-07-24 14:07:02
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
50 import { datas, sendThis } from "./zxgcdycx"; 50 import { datas, sendThis } from "./zxgcdycx";
51 import { getZjgcdyList } from "@/api/search.js" 51 import { getZjgcdyList } from "@/api/search.js"
52 export default { 52 export default {
53 components: {}, 53 name: "zxgcdycx",
54 mixins: [table], 54 mixins: [table],
55 mounted () { 55 mounted () {
56 sendThis(this); 56 sendThis(this);
...@@ -69,6 +69,9 @@ ...@@ -69,6 +69,9 @@
69 }, 69 },
70 }; 70 };
71 }, 71 },
72 activated () {
73 this.queryClick()
74 },
72 methods: { 75 methods: {
73 // 查询 76 // 查询
74 /** 77 /**
......
...@@ -44,137 +44,140 @@ ...@@ -44,137 +44,140 @@
44 </div> 44 </div>
45 </template> 45 </template>
46 <script> 46 <script>
47 import table from "@/utils/mixin/table"; 47 import table from "@/utils/mixin/table";
48 import { datas, sendThis } from "./zsffdata"; 48 import { datas, sendThis } from "./zsffdata";
49 import { getZsglffList, removeZsgl, confirmZsff } from "@/api/zsgl.js" 49 import { getZsglffList, removeZsgl, confirmZsff } from "@/api/zsgl.js"
50 export default { 50 export default {
51 name: "zsff", 51 name: "zsff",
52 mixins: [table], 52 mixins: [table],
53 mounted () { 53 mounted () {
54 sendThis(this); 54 sendThis(this);
55 }, 55 },
56 data () { 56 activated () {
57 return { 57 this.queryClick()
58 value: '', 58 },
59 ruleForm: { 59 data () {
60 batchno: '', 60 return {
61 ffkssj: '', 61 value: '',
62 ffjssj: '' 62 ruleForm: {
63 }, 63 batchno: '',
64 tableData: { 64 ffkssj: '',
65 total: 0, 65 ffjssj: ''
66 columns: datas.columns(), 66 },
67 data: [], 67 tableData: {
68 }, 68 total: 0,
69 // 开始结束日期限制 69 columns: datas.columns(),
70 pickerOptionsStart: { 70 data: [],
71 disabledDate: (time) => { 71 },
72 if (this.ruleForm.ffjssj) { 72 // 开始结束日期限制
73 return ( 73 pickerOptionsStart: {
74 time.getTime() >= new Date(this.ruleForm.ffjssj).getTime() 74 disabledDate: (time) => {
75 ); 75 if (this.ruleForm.ffjssj) {
76 return (
77 time.getTime() >= new Date(this.ruleForm.ffjssj).getTime()
78 );
79 }
76 } 80 }
77 } 81 },
78 }, 82 // 结束日期限制
79 // 结束日期限制 83 pickerOptionsEnd: {
80 pickerOptionsEnd: { 84 disabledDate: (time) => {
81 disabledDate: (time) => { 85 if (this.ruleForm.ffkssj) {
82 if (this.ruleForm.ffkssj) { 86 return (
83 return ( 87 time.getTime() <= new Date(this.ruleForm.ffkssj).getTime()
84 time.getTime() <= new Date(this.ruleForm.ffkssj).getTime() 88 );
85 ); 89 }
86 } 90 }
87 } 91 }
88 } 92 }
89 }
90 },
91 methods: {
92 // 查看弹框
93 /**
94 * @description: 查看弹框
95 * @param {*} bsmBatch
96 * @author: renchao
97 */
98 openDialog (bsmBatch) {
99 this.$popupDialog("证书分发", "zsgl/zsff/components/addDialog", {
100 bsmBatch: bsmBatch
101 }, "50%")
102 },
103 /**
104 * @description: queryClick
105 * @author: renchao
106 */
107 queryClick () {
108 getZsglffList({ ...this.ruleForm, ...this.pageData }).then(res => {
109 if (res.code === 200) {
110 let { total, records } = res.result
111 this.tableData.total = total;
112 this.tableData.data = records ? records : []
113 }
114 })
115 }, 93 },
116 //确定证书分发 94 methods: {
117 /** 95 // 查看弹框
118 * @description: 确定证书分发 96 /**
119 * @param {*} item 97 * @description: 查看弹框
120 * @author: renchao 98 * @param {*} bsmBatch
121 */ 99 * @author: renchao
122 confrimVerify (item) { 100 */
123 this.$confirm('是否确定分发', '提示', { 101 openDialog (bsmBatch) {
124 confirmButtonText: '确定', 102 this.$popupDialog("证书分发", "zsgl/zsff/components/addDialog", {
125 cancelButtonText: '取消', 103 bsmBatch: bsmBatch
126 type: 'warning' 104 }, "50%")
127 }).then(() => { 105 },
128 confirmZsff({ "bsmBatch": item.bsmBatch }).then(res => { 106 /**
129 if (res.code == 200) { 107 * @description: queryClick
130 this.$message.success("分发成功") 108 * @author: renchao
131 this.queryClick(); 109 */
132 } else { 110 queryClick () {
133 this.$message.error(res.message) 111 getZsglffList({ ...this.ruleForm, ...this.pageData }).then(res => {
112 if (res.code === 200) {
113 let { total, records } = res.result
114 this.tableData.total = total;
115 this.tableData.data = records ? records : []
134 } 116 }
135 }) 117 })
136 }).catch(() => { 118 },
137 this.$message({ 119 //确定证书分发
138 type: 'info', 120 /**
139 message: '已取消审核' 121 * @description: 确定证书分发
122 * @param {*} item
123 * @author: renchao
124 */
125 confrimVerify (item) {
126 this.$confirm('是否确定分发', '提示', {
127 confirmButtonText: '确定',
128 cancelButtonText: '取消',
129 type: 'warning'
130 }).then(() => {
131 confirmZsff({ "bsmBatch": item.bsmBatch }).then(res => {
132 if (res.code == 200) {
133 this.$message.success("分发成功")
134 this.queryClick();
135 } else {
136 this.$message.error(res.message)
137 }
138 })
139 }).catch(() => {
140 this.$message({
141 type: 'info',
142 message: '已取消审核'
143 });
140 }); 144 });
141 }); 145 },
142 }, 146 //删除证书分发数据
143 //删除证书分发数据 147 /**
144 /** 148 * @description: 删除证书分发数据
145 * @description: 删除证书分发数据 149 * @param {*} item
146 * @param {*} item 150 * @author: renchao
147 * @author: renchao 151 */
148 */ 152 delZsff (item) {
149 delZsff (item) { 153 this.$confirm('确定要删除吗, 是否继续?', '提示', {
150 this.$confirm('确定要删除吗, 是否继续?', '提示', { 154 confirmButtonText: '确定',
151 confirmButtonText: '确定', 155 cancelButtonText: '取消',
152 cancelButtonText: '取消', 156 type: 'warning'
153 type: 'warning' 157 }).then(() => {
154 }).then(() => { 158 removeZsgl({ "bsmBatch": item.bsmBatch }).then(res => {
155 removeZsgl({ "bsmBatch": item.bsmBatch }).then(res => { 159 if (res.code == 200) {
156 if (res.code == 200) { 160 this.$message.success("删除成功")
157 this.$message.success("删除成功") 161 this.handleDel()
158 this.handleDel() 162 this.queryClick()
159 this.queryClick() 163 } else {
160 } else { 164 this.$message.error(res.message)
161 this.$message.error(res.message) 165 }
162 } 166 })
163 }) 167 }).catch(() => {
164 }).catch(() => { 168 this.$message({
165 this.$message({ 169 type: 'info',
166 type: 'info', 170 message: '已取消删除'
167 message: '已取消删除' 171 })
168 }) 172 })
169 }) 173 }
170 } 174 }
171 } 175 }
172 }
173 </script> 176 </script>
174 <style scoped lang="scss"> 177 <style scoped lang="scss">
175 @import "~@/styles/public.scss"; 178 @import "~@/styles/public.scss";
176 179
177 /deep/.el-icon-date { 180 /deep/.el-icon-date {
178 display: none; 181 display: none;
179 } 182 }
180 </style> 183 </style>
......
...@@ -42,132 +42,135 @@ ...@@ -42,132 +42,135 @@
42 </div> 42 </div>
43 </template> 43 </template>
44 <script> 44 <script>
45 import table from "@/utils/mixin/table"; 45 import table from "@/utils/mixin/table";
46 import { datas, sendThis } from "./zsrkdata"; 46 import { datas, sendThis } from "./zsrkdata";
47 import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js"; 47 import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js";
48 export default { 48 export default {
49 name: "zsrk", 49 name: "zsrk",
50 mixins: [table], 50 mixins: [table],
51 mounted () { 51 mounted () {
52 sendThis(this); 52 sendThis(this);
53 }, 53 },
54 data () { 54 activated () {
55 return { 55 this.queryClick()
56 ruleForm: { 56 },
57 batchno: '', 57 data () {
58 rkkssj: '', 58 return {
59 rkjssj: '' 59 ruleForm: {
60 }, 60 batchno: '',
61 tableData: { 61 rkkssj: '',
62 total: 0, 62 rkjssj: ''
63 columns: datas.columns(), 63 },
64 data: [], 64 tableData: {
65 }, 65 total: 0,
66 // 开始结束日期限制 66 columns: datas.columns(),
67 pickerOptionsStart: { 67 data: [],
68 disabledDate: (time) => { 68 },
69 if (this.ruleForm.rkjssj) { 69 // 开始结束日期限制
70 return ( 70 pickerOptionsStart: {
71 time.getTime() >= new Date(this.ruleForm.rkjssj).getTime() 71 disabledDate: (time) => {
72 ); 72 if (this.ruleForm.rkjssj) {
73 return (
74 time.getTime() >= new Date(this.ruleForm.rkjssj).getTime()
75 );
76 }
73 } 77 }
74 } 78 },
75 }, 79 // 结束日期限制
76 // 结束日期限制 80 pickerOptionsEnd: {
77 pickerOptionsEnd: { 81 disabledDate: (time) => {
78 disabledDate: (time) => { 82 if (this.ruleForm.rkkssj) {
79 if (this.ruleForm.rkkssj) { 83 return (
80 return ( 84 time.getTime() <= new Date(this.ruleForm.rkkssj).getTime()
81 time.getTime() <= new Date(this.ruleForm.rkkssj).getTime() 85 );
82 ); 86 }
83 } 87 }
84 } 88 }
85 } 89 }
86 }
87 },
88 methods: {
89 // 查看弹框
90 /**
91 * @description: 查看弹框
92 * @param {*} bsmBatch
93 * @author: renchao
94 */
95 openDialog (bsmBatch) {
96 this.$popupDialog("证书入库", "zsgl/zsrk/components/addDialog", {
97 bsmBatch: bsmBatch
98 }, "50%")
99 },
100 /**
101 * @description: queryClick
102 * @author: renchao
103 */
104 queryClick () {
105 getZsglrkList({ ...this.ruleForm, ...this.pageData }).then(res => {
106 if (res.code === 200) {
107 let { total, records } = res.result
108 this.tableData.total = total;
109 this.tableData.data = records ? records : []
110 }
111 })
112 }, 90 },
113 //删除证书入库数据 91 methods: {
114 /** 92 // 查看弹框
115 * @description: 删除证书入库数据 93 /**
116 * @param {*} item 94 * @description: 查看弹框
117 * @author: renchao 95 * @param {*} bsmBatch
118 */ 96 * @author: renchao
119 delZsrk (item) { 97 */
120 this.$confirm('确定要删除吗, 是否继续?', '提示', { 98 openDialog (bsmBatch) {
121 confirmButtonText: '确定', 99 this.$popupDialog("证书入库", "zsgl/zsrk/components/addDialog", {
122 cancelButtonText: '取消', 100 bsmBatch: bsmBatch
123 type: 'warning' 101 }, "50%")
124 }).then(() => { 102 },
125 removeZsgl({ "bsmBatch": item.bsmBatch }).then(res => { 103 /**
126 if (res.code == 200) { 104 * @description: queryClick
127 this.$message.success("删除成功") 105 * @author: renchao
128 this.handleDel() 106 */
129 this.queryClick() 107 queryClick () {
130 } else { 108 getZsglrkList({ ...this.ruleForm, ...this.pageData }).then(res => {
131 this.$message.error(res.message) 109 if (res.code === 200) {
110 let { total, records } = res.result
111 this.tableData.total = total;
112 this.tableData.data = records ? records : []
132 } 113 }
133 }) 114 })
134 }).catch(() => { 115 },
135 this.$message({ 116 //删除证书入库数据
136 type: 'info', 117 /**
137 message: '已取消删除' 118 * @description: 删除证书入库数据
119 * @param {*} item
120 * @author: renchao
121 */
122 delZsrk (item) {
123 this.$confirm('确定要删除吗, 是否继续?', '提示', {
124 confirmButtonText: '确定',
125 cancelButtonText: '取消',
126 type: 'warning'
127 }).then(() => {
128 removeZsgl({ "bsmBatch": item.bsmBatch }).then(res => {
129 if (res.code == 200) {
130 this.$message.success("删除成功")
131 this.handleDel()
132 this.queryClick()
133 } else {
134 this.$message.error(res.message)
135 }
136 })
137 }).catch(() => {
138 this.$message({
139 type: 'info',
140 message: '已取消删除'
141 });
138 }); 142 });
139 }); 143 },
140 }, 144 //审核证书入库数据
141 //审核证书入库数据 145 /**
142 /** 146 * @description: 审核证书入库数据
143 * @description: 审核证书入库数据 147 * @param {*} item
144 * @param {*} item 148 * @author: renchao
145 * @author: renchao 149 */
146 */ 150 confrimVerify (item) {
147 confrimVerify (item) { 151 this.$confirm('审核是否通过', '提示', {
148 this.$confirm('审核是否通过', '提示', { 152 confirmButtonText: '确定',
149 confirmButtonText: '确定', 153 cancelButtonText: '取消',
150 cancelButtonText: '取消', 154 type: 'warning'
151 type: 'warning' 155 }).then(() => {
152 }).then(() => { 156 verifyZsrk({ "bsmBatch": item.bsmBatch }).then(res => {
153 verifyZsrk({ "bsmBatch": item.bsmBatch }).then(res => { 157 if (res.code == 200) {
154 if (res.code == 200) { 158 this.$message.success("审核成功")
155 this.$message.success("审核成功") 159 this.queryClick();
156 this.queryClick(); 160 } else {
157 } else { 161 this.$message.error(res.message)
158 this.$message.error(res.message) 162 }
159 } 163 })
160 }) 164 }).catch(() => {
161 }).catch(() => { 165 this.$message({
162 this.$message({ 166 type: 'info',
163 type: 'info', 167 message: '已取消审核'
164 message: '已取消审核' 168 })
165 }) 169 })
166 }) 170 }
167 } 171 }
168 } 172 }
169 }
170 </script> 173 </script>
171 <style scoped lang="scss"> 174 <style scoped lang="scss">
172 @import "~@/styles/public.scss"; 175 @import "~@/styles/public.scss";
173 </style> 176 </style>
......
...@@ -47,62 +47,65 @@ ...@@ -47,62 +47,65 @@
47 </div> 47 </div>
48 </template> 48 </template>
49 <script> 49 <script>
50 import table from "@/utils/mixin/table"; 50 import table from "@/utils/mixin/table";
51 import { getZssyqkList } from "@/api/zsgl.js" 51 import { getZssyqkList } from "@/api/zsgl.js"
52 import { datas, sendThis } from "./zssyjldata"; 52 import { datas, sendThis } from "./zssyjldata";
53 export default { 53 export default {
54 name: "zssyjl", 54 name: "zssyjl",
55 mixins: [table], 55 mixins: [table],
56 mounted () { 56 mounted () {
57 sendThis(this); 57 sendThis(this);
58 }, 58 },
59 data () { 59 data () {
60 return { 60 return {
61 ruleForm: { 61 ruleForm: {
62 ysxlh: "", 62 ysxlh: "",
63 zslx: "", 63 zslx: "",
64 ywh: "", 64 ywh: "",
65 bdcqzh: "", 65 bdcqzh: "",
66 }, 66 },
67 tableData: { 67 tableData: {
68 total: 0, 68 total: 0,
69 columns: datas.columns(), 69 columns: datas.columns(),
70 data: [], 70 data: [],
71 }, 71 },
72 zslxArr: [ 72 zslxArr: [
73 { label: '不动产权证书', value: 'zs' }, 73 { label: '不动产权证书', value: 'zs' },
74 { label: '不动产登记证明', value: 'zm' } 74 { label: '不动产登记证明', value: 'zm' }
75 ] 75 ]
76 }; 76 };
77 },
78 methods: {
79 /**
80 * @description: queryClick
81 * @author: renchao
82 */
83 queryClick () {
84 getZssyqkList({ ...this.ruleForm, ...this.pageData }).then(res => {
85 if (res.code === 200) {
86 let { total, records } = res.result
87 this.tableData.total = total;
88 this.tableData.data = records ? records : []
89 }
90 })
91 }, 77 },
92 // 查看证书使用情况 78 activated () {
93 /** 79 this.queryClick()
94 * @description: 查看证书使用情况 80 },
95 * @param {*} item 81 methods: {
96 * @author: renchao 82 /**
97 */ 83 * @description: queryClick
98 openDialog (item) { 84 * @author: renchao
99 this.$popupDialog("证书使用情况", "zsgl/components/viewDialog", { 85 */
100 bsmZswj: item.bsmZswj 86 queryClick () {
101 }) 87 getZssyqkList({ ...this.ruleForm, ...this.pageData }).then(res => {
88 if (res.code === 200) {
89 let { total, records } = res.result
90 this.tableData.total = total;
91 this.tableData.data = records ? records : []
92 }
93 })
94 },
95 // 查看证书使用情况
96 /**
97 * @description: 查看证书使用情况
98 * @param {*} item
99 * @author: renchao
100 */
101 openDialog (item) {
102 this.$popupDialog("证书使用情况", "zsgl/components/viewDialog", {
103 bsmZswj: item.bsmZswj
104 })
105 }
102 } 106 }
103 } 107 }
104 }
105 </script> 108 </script>
106 <style scoped lang="scss"> 109 <style scoped lang="scss">
107 @import "~@/styles/public.scss"; 110 @import "~@/styles/public.scss";
108 </style> 111 </style>
......