From 73b40d54554307ced5aab5b89dff6e1980e8a242 Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期四, 26 十月 2023 16:48:01 +0800
Subject: [PATCH] 分险排名页面增加站点清单 辅助审核增加了选择日期以及查看详情页面的样式调整
---
src/views/setting/SetConfiguration.vue | 224 ++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 162 insertions(+), 62 deletions(-)
diff --git a/src/views/setting/SetConfiguration.vue b/src/views/setting/SetConfiguration.vue
index d8d07c5..62ca902 100644
--- a/src/views/setting/SetConfiguration.vue
+++ b/src/views/setting/SetConfiguration.vue
@@ -1,76 +1,176 @@
<script>
-import {useCounterStore} from '@/stores/counter';
+import TimeSelectWithShortCuts from '@/sfc/TimeSelectWithShortCuts.vue'
+import settingApi from '@/api/data_access_setting/settingApi.js'
+import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
+// import exceptionApi from '@/api/exceptionApi.js'
+
export default {
- data(){
- return{
+ components: {
+ TimeSelectWithShortCuts
+ },
+ data() {
+ return {
+ // 鍖哄煙
+ radio: 0,
+ // 瀹氭椂
+ radio1: '',
+ beginTime: '',
+ endTime: '',
- }
- },
- setup(){
- const store = useCounterStore()
- const unsubscribe = store.$onAction(
- ({
- name, // action 鐨勫悕瀛�
- store, // store 瀹炰緥
- args, // 璋冪敤杩欎釜 action 鐨勫弬鏁�
- after, // 鍦ㄨ繖涓� action 鎵ц瀹屾瘯涔嬪悗锛屾墽琛岃繖涓嚱鏁�
- onError, // 鍦ㄨ繖涓� action 鎶涘嚭寮傚父鐨勬椂鍊欙紝鎵ц杩欎釜鍑芥暟
- }) => {
- // 璁板綍寮�濮嬬殑鏃堕棿鍙橀噺
- const startTime = Date.now()
- // 杩欏皢鍦� `store` 涓婄殑鎿嶄綔鎵ц涔嬪墠瑙﹀彂
- console.log(`Start "${name}" with params [${args.join(', ')}].`)
-
- // 濡傛灉 action 鎴愬姛骞朵笖瀹屽叏杩愯鍚庯紝after 灏嗚Е鍙戙��
- // 瀹冨皢绛夊緟浠讳綍杩斿洖鐨� promise
- after((result) => {
- console.log(
- `Finished "${name}" after ${
- Date.now() - startTime
- }ms.\nResult: ${result}.`
- )
- })
-
- // 濡傛灉 action 鎶涘嚭鎴栬繑鍥� Promise.reject 锛宱nError 灏嗚Е鍙�
- onError((error) => {
- console.warn(
- `Failed "${name}" after ${Date.now() - startTime}ms.\nError: ${error}.`
- )
- })
- }
-)
- return{
- store,unsubscribe
+ // a :[],
+ // exception: {
+ // // 鏂數鎴栨柇缃�
+ // exception0: [],
+ // // 鏁版嵁瓒呬綆
+ // exception1: [],
+ // // 瓒呮爣
+ // exception2: [],
+ // // 鏁版嵁闀挎椂娈垫棤娉㈠姩
+ // exception3: [],
+ // // 閲忕骇绐佸彉寮傚父
+ // exception4: [],
+ // }
}
- },
- computed:{
- a(){
- return this.store.doubleCount*2
+ },
+ mounted() {
+ // this.get()
+ // this.getAll()
+ console.log('鏃堕棿',new Date().getMilliseconds());
+ },
+ methods: {
+ giveTime(val) {
+ //灏嗕腑鍥芥爣鍑嗘椂闂磋浆涓烘寚瀹氭牸寮�(璇ョ粍浠惰繑鍥炵殑鏍囧噯鏃堕棿鐨勬牸寮忥紝鎵�浠ュ繀椤荤殑鍔犺繖涓嚱鏁�)
+ this.beginTime = dayjs(val[0]).format('YYYY-MM-DD HH:mm:ss')
+ this.endTime = dayjs(val[1]).format('YYYY-MM-DD HH:mm:ss')
},
+ set() {
+ const params = {}
+ params.user = 'admin'
+ params.beginTime = this.beginTime
+ params.endTime = this.endTime
+ params.region = '閲戝北'
+ params.isRegularTime = this.radio1
+ settingApi.submitSetting(params).then((res) => {
+ if (res.data.code == 1) {
+ ElMessage.success('璁剧疆鎴愬姛')
+ } else {
+ ElMessage('璁剧疆澶辫触')
+ }
+ })
+ },
+ // get(){
- },
- mounted(){
+ // exceptionApi.analysisdata('閲戝北鍖洪噾灞辨柊鍩嶫SC1-0401鍗曞厓1-11-01鍦板潡椤圭洰09','2023-07-01 00:00:00','2023-07-03 00:00:00').then((res)=>{
+ // this.a = res.data.data
+ // // console.log('鏁版嵁涓猴細',res.data.data);
+ // return res.data.data
+ // }).then(result =>{
+ // console.log('閾撅細',result);
+ // exceptionApi.analysisdata('涓婃捣鍥芥灄寤烘潗鏈夐檺鍏徃','2023-07-01 00:00:00','2023-07-03 00:00:00')
+ // }
+ // )
+ // },
- },
- methods:{
- doThing(){
- this.store.increment(5)
- this.store.doubleCount
- }
- }
+ // async getAll(){
+ // const a = await this.$http
+ // .get('/dust/sitenamecode', {
+ // params: {
+ // exceptionType: '0',
+ // beginTime: this.beginTime,
+ // endTime: this.endTime
+ // }
+ // }).then((result) => {
+ // this.exception.exception0 = result.data.data
+ // })
+
+ // const b = await this.$http
+ // .get('/dust/sitenamecode', {
+ // params: {
+ // exceptionType: '1',
+ // beginTime: this.beginTime,
+ // endTime: this.endTime
+ // }
+ // }).then((result) => {
+ // this.exception.exception1 = result.data.data
+ // })
+
+
+ // const c = await this.$http
+ // .get('/dust/sitenamecode', {
+ // params: {
+ // exceptionType: '2',
+ // beginTime: this.beginTime,
+ // endTime: this.endTime
+ // }
+ // }).then((result) => {
+ // this.exception.exception2 = result.data.data
+ // })
+ // const d = await this.$http
+ // .get('/dust/sitenamecode', {
+ // params: {
+ // exceptionType: '3',
+ // beginTime: this.beginTime,
+ // endTime: this.endTime
+ // }
+ // }).then((result) => {
+ // this.exception.exception3 = result.data.data
+ // })
+
+ // console.log('澶�1锛�',this.exception.exception0);
+ // console.log('澶�2锛�',this.exception.exception1);
+ // console.log('澶�3锛�',this.exception.exception2);
+ // console.log('澶�4锛�',this.exception.exception3);
+ // // Promise.all([a,b,c,d,e,f,g,h]).then((responses)=>{
+ // // console.log('鍏ㄩ儴鏁版嵁涓猴細');
+ // // for (const response of responses) {
+ // // console.log('鏁版嵁锛�',response.data.data);
+
+ // // }
+ // // })
+ // }
+ }
}
</script>
<template>
- <div>
- <el-button type="primary" @click="doThing">鐐瑰嚮{{ store.doubleCount }}</el-button>
- </div>
- <div>{{ a }}</div>
- <div>{{ store.secret }}</div>
- <div>{{ store.vue }}</div>
- <div>{{ store.澶� }}</div>
+ <el-card>
+ <el-form>
+ <div>鐢熸垚閰嶇疆鏂囦欢</div>
+ <el-form-item label="鍖哄煙锛�">
+ <el-radio-group v-model="radio">
+ <el-radio :label="0">閲戝北</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item>
+ <TimeSelectWithShortCuts @submit-time="giveTime"></TimeSelectWithShortCuts>
+ </el-form-item>
+ <el-form-item label="鏄惁瀹氭椂锛�">
+ <el-radio-group v-model="radio1">
+ <el-radio label="1" size="large">鏄�</el-radio>
+ <el-radio label="2" size="large">鍚�</el-radio>
+ </el-radio-group>
+ </el-form-item>
+
+ <el-form-item> <el-button type="success" @click="set">璁剧疆</el-button></el-form-item>
+ </el-form>
+ <correct theme="outline" size="24" fill="#333"/>
+
+</el-card>
</template>
-<style scoped>
-</style>
\ No newline at end of file
+<style scoped>
+.el-card {
+ margin: 10px;
+}
+div {
+ margin-bottom: 10px;
+ color: #333333;
+}
+:deep(.el-form-item__label) {
+ font-weight: bold;
+ font-size: 16px;
+ color: #333333;
+}
+</style>
--
Gitblit v1.9.3