测试环境打包
commit
646e064bea
|
|
@ -1,2 +1,2 @@
|
|||
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
|
||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel="stylesheet" href="http://lcny.sk797.cn/h5/static/index.97465e7b.css"></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div><script src="http://lcny.sk797.cn/h5/static/js/chunk-vendors.6e372103.js"></script><script src="http://lcny.sk797.cn/h5/static/js/index.cd5f72a2.js"></script></body></html>
|
||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel="stylesheet" href="/static/index.97465e7b.css"></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div><script src="/static/js/chunk-vendors.959091ef.js"></script><script src="/static/js/index.0de2b65b.js"></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-user-password-edit"],{"0771":function(n,t,o){"use strict";o.d(t,"b",(function(){return a})),o.d(t,"c",(function(){return e})),o.d(t,"a",(function(){return s}));var s={uForm:o("aa8f").default,uFormItem:o("e0a3").default,uInput:o("d5da").default,uButton:o("d9ad").default},a=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("v-uni-view",{staticClass:"password-page"},[o("u-form",{ref:"uForm",attrs:{model:n.form}},[o("u-form-item",{attrs:{label:"密码：","label-width":"100"}},[o("u-input",{attrs:{type:n.type,"password-icon":n.passwordIcon,clearable:!0},model:{value:n.form.password,callback:function(t){n.$set(n.form,"password",t)},expression:"form.password"}})],1),o("u-form-item",{attrs:{label:"确认密码：","label-width":"150"}},[o("u-input",{attrs:{type:n.type,"password-icon":n.passwordIcon,clearable:!0},model:{value:n.form.password_confirmation,callback:function(t){n.$set(n.form,"password_confirmation",t)},expression:"form.password_confirmation"}})],1),o("v-uni-view",{staticClass:"btns",staticStyle:{"margin-top":"68rpx"}},[o("u-button",{attrs:{type:"primary"},on:{click:function(t){arguments[0]=t=n.$handleEvent(t),n.passwordEditFn()}}},[n._v("确定")])],1)],1)],1)},e=[]},"37df":function(n,t,o){"use strict";o.r(t);var s=o("0771"),a=o("b082");for(var e in a)["default"].indexOf(e)<0&&function(n){o.d(t,n,(function(){return a[n]}))}(e);o("ad0e");var r,i=o("f0c5"),u=Object(i["a"])(a["default"],s["b"],s["c"],!1,null,"c5bae556",null,!1,s["a"],r);t["default"]=u.exports},"413f":function(n,t,o){var s=o("24fb");t=s(!1),t.push([n.i,'@charset "UTF-8";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/* 颜色变量 */\n/* 行为相关颜色 */\n/* 文字基本颜色 */\n/* 背景颜色 */\n/* 边框颜色 */\n/* 尺寸变量 */\n/* 文字尺寸 */\n/* 图片尺寸 */\n/* Border Radius */\n/* 水平间距 */\n/* 垂直间距 */\n/* 透明度 */\n/* 文章场景相关 */.password-page[data-v-c5bae556]{padding:%?32?%}',""]),n.exports=t},5947:function(n,t,o){var s=o("413f");s.__esModule&&(s=s.default),"string"===typeof s&&(s=[[n.i,s,""]]),s.locals&&(n.exports=s.locals);var a=o("4f06").default;a("c342612e",s,!0,{sourceMap:!1,shadowMode:!1})},"95f7":function(n,t,o){"use strict";o("7a82"),Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=o("815d"),a={data:function(){return{form:{password:"",password_confirmation:""},type:"password",passwordIcon:!0}},onLoad:function(){},methods:{passwordEditFn:function(){console.log(this.form),this.form.password?this.form.password_confirmation?this.form.password==this.form.password_confirmation?((0,s.showLoading)("请稍等..."),this.$http.put("/api/users/reset-password",this.form).then((function(n){var t=n.data;(0,s.hideLoading)(),console.log(t),200==t.code?uni.showToast({title:"修改成功",icon:"none"}):uni.showToast({title:t.message,icon:"none"})})).catch((function(){(0,s.hideLoading)()}))):uni.showToast({title:"两次密码不一致",icon:"none"}):uni.showToast({title:"请输入确认密码",icon:"none"}):uni.showToast({title:"请输入新密码",icon:"none"})}}};t.default=a},ad0e:function(n,t,o){"use strict";var s=o("5947"),a=o.n(s);a.a},b082:function(n,t,o){"use strict";o.r(t);var s=o("95f7"),a=o.n(s);for(var e in s)["default"].indexOf(e)<0&&function(n){o.d(t,n,(function(){return s[n]}))}(e);t["default"]=a.a}}]);
|
||||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-user-password-edit"],{"0771":function(n,t,o){"use strict";o.d(t,"b",(function(){return a})),o.d(t,"c",(function(){return e})),o.d(t,"a",(function(){return s}));var s={uForm:o("aa8f").default,uFormItem:o("e0a3").default,uInput:o("d5da").default,uButton:o("d9ad").default},a=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("v-uni-view",{staticClass:"password-page"},[o("u-form",{ref:"uForm",attrs:{model:n.form}},[o("u-form-item",{attrs:{label:"密码：","label-width":"100"}},[o("u-input",{attrs:{type:n.type,"password-icon":n.passwordIcon,clearable:!0},model:{value:n.form.password,callback:function(t){n.$set(n.form,"password",t)},expression:"form.password"}})],1),o("u-form-item",{attrs:{label:"确认密码：","label-width":"150"}},[o("u-input",{attrs:{type:n.type,"password-icon":n.passwordIcon,clearable:!0},model:{value:n.form.password_confirmation,callback:function(t){n.$set(n.form,"password_confirmation",t)},expression:"form.password_confirmation"}})],1),o("v-uni-view",{staticClass:"btns",staticStyle:{"margin-top":"68rpx"}},[o("u-button",{attrs:{type:"primary"},on:{click:function(t){arguments[0]=t=n.$handleEvent(t),n.passwordEditFn()}}},[n._v("确定")])],1)],1)],1)},e=[]},"37df":function(n,t,o){"use strict";o.r(t);var s=o("0771"),a=o("b082");for(var e in a)["default"].indexOf(e)<0&&function(n){o.d(t,n,(function(){return a[n]}))}(e);o("ad0e");var r,i=o("f0c5"),u=Object(i["a"])(a["default"],s["b"],s["c"],!1,null,"c5bae556",null,!1,s["a"],r);t["default"]=u.exports},"413f":function(n,t,o){var s=o("24fb");t=s(!1),t.push([n.i,'@charset "UTF-8";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/* 颜色变量 */\n/* 行为相关颜色 */\n/* 文字基本颜色 */\n/* 背景颜色 */\n/* 边框颜色 */\n/* 尺寸变量 */\n/* 文字尺寸 */\n/* 图片尺寸 */\n/* Border Radius */\n/* 水平间距 */\n/* 垂直间距 */\n/* 透明度 */\n/* 文章场景相关 */.password-page[data-v-c5bae556]{padding:%?32?%}',""]),n.exports=t},5947:function(n,t,o){var s=o("413f");s.__esModule&&(s=s.default),"string"===typeof s&&(s=[[n.i,s,""]]),s.locals&&(n.exports=s.locals);var a=o("4f06").default;a("c342612e",s,!0,{sourceMap:!1,shadowMode:!1})},"95f7":function(n,t,o){"use strict";o("7a82"),Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=o("815d");t.default={data:function(){return{form:{password:"",password_confirmation:""},type:"password",passwordIcon:!0}},onLoad:function(){},methods:{passwordEditFn:function(){console.log(this.form),this.form.password?this.form.password_confirmation?this.form.password==this.form.password_confirmation?((0,s.showLoading)("请稍等..."),this.$http.put("/api/users/reset-password",this.form).then((function(n){var t=n.data;(0,s.hideLoading)(),console.log(t),200==t.code?uni.showToast({title:"修改成功",icon:"none"}):uni.showToast({title:t.message,icon:"none"})})).catch((function(){(0,s.hideLoading)()}))):uni.showToast({title:"两次密码不一致",icon:"none"}):uni.showToast({title:"请输入确认密码",icon:"none"}):uni.showToast({title:"请输入新密码",icon:"none"})}}}},ad0e:function(n,t,o){"use strict";var s=o("5947"),a=o.n(s);a.a},b082:function(n,t,o){"use strict";o.r(t);var s=o("95f7"),a=o.n(s);for(var e in s)["default"].indexOf(e)<0&&function(n){o.d(t,n,(function(){return s[n]}))}(e);t["default"]=a.a}}]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -77,6 +77,8 @@
|
|||
"node-sass": "^6.0.1",
|
||||
"sass-loader": "^13.3.2",
|
||||
"uview-ui": "^1.8.8",
|
||||
"video.js": "^8.6.1",
|
||||
"videojs-contrib-hls": "^5.15.0",
|
||||
"vue": "^2.6.11",
|
||||
"vuex": "^3.2.0",
|
||||
"vuex-persistedstate": "^4.1.0"
|
||||
|
|
|
|||
10
src/App.vue
10
src/App.vue
|
|
@ -4,12 +4,13 @@ export default {
|
|||
onLaunch: function () {
|
||||
console.log('App Launch')
|
||||
|
||||
if (!(store.state.user_access_token && store.state.userInfo['id'])) {
|
||||
if (!store.state.user_access_token) {
|
||||
//未登录
|
||||
uni.redirectTo({
|
||||
url: '/pages/login/login',
|
||||
})
|
||||
} else {
|
||||
this.$store.dispatch('getUserInfo')
|
||||
// console.log(store.state.user_access_token)
|
||||
}
|
||||
},
|
||||
|
|
@ -28,7 +29,8 @@ export default {
|
|||
<style lang="scss">
|
||||
@import 'uview-ui/index.scss';
|
||||
/*每个页面公共css */
|
||||
body, uni-page-body {
|
||||
body,
|
||||
uni-page-body {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
|
|
@ -647,8 +649,8 @@ body, uni-page-body {
|
|||
}
|
||||
}
|
||||
|
||||
.dropdownClose{
|
||||
.u-dropdown__content{
|
||||
.dropdownClose {
|
||||
.u-dropdown__content {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,6 +32,7 @@
|
|||
</u-popup>
|
||||
</template>
|
||||
<script>
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
export default {
|
||||
props: {
|
||||
value: {
|
||||
|
|
@ -46,6 +47,14 @@ export default {
|
|||
type: Array,
|
||||
default: () => [],
|
||||
},
|
||||
editAuth: {
|
||||
type: Array,
|
||||
default: () => [],
|
||||
},
|
||||
delAuth: {
|
||||
type: Array,
|
||||
default: () => [],
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
show: {
|
||||
|
|
@ -57,10 +66,10 @@ export default {
|
|||
},
|
||||
},
|
||||
isEdit() {
|
||||
return !!this.$listeners.onEdit
|
||||
return !!this.$listeners.onEdit && checkPermission(this.editAuth)
|
||||
},
|
||||
isDel() {
|
||||
return !!this.$listeners.onDel
|
||||
return !!this.$listeners.onDel && checkPermission(this.delAuth)
|
||||
},
|
||||
columsList() {
|
||||
const arr = []
|
||||
|
|
|
|||
|
|
@ -0,0 +1,103 @@
|
|||
<template>
|
||||
<div class="video-js" ref="videos" style="width: 100%; height: 100%"></div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import videojs from 'video.js'
|
||||
import 'videojs-contrib-hls'
|
||||
import 'video.js/dist/video-js.css'
|
||||
export default {
|
||||
props: {
|
||||
url: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
id: {
|
||||
type: String,
|
||||
default: 'videoRefI',
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
player: null,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.initVideo()
|
||||
},
|
||||
beforeDestroy() {
|
||||
this.player?.dispose()
|
||||
},
|
||||
methods: {
|
||||
initVideo() {
|
||||
let video = document.createElement('video')
|
||||
video.id = this.id
|
||||
video.style = 'width: 100%; height: 100%;'
|
||||
video.controls = true
|
||||
video.preload = 'auto'
|
||||
video.setAttribute('playsinline', true) //IOS微信浏览器支持小窗内播放
|
||||
video.setAttribute('webkit-playsinline', true) //这个bai属性是ios 10中设置可以让视频在小du窗内播放，也就是不是全zhi屏播放的video标签的一个属性
|
||||
video.setAttribute('x5-video-player-type', 'h5') //安卓 声明启用同层H5播放器 可以在video上面加东西
|
||||
let source = document.createElement('source')
|
||||
source.src = this.url
|
||||
video.appendChild(source)
|
||||
// return
|
||||
this.$refs.videos.appendChild(video)
|
||||
let that = this
|
||||
let player = videojs(
|
||||
this.id,
|
||||
{
|
||||
playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
|
||||
autoDisable: true,
|
||||
preload: 'none', //auto - 当页面加载后载入整个视频 meta - 当页面加载后只载入元数据 none - 当页面加载后不载入视频
|
||||
language: 'zh-CN',
|
||||
fluid: true, // 自适应宽高
|
||||
muted: true, // 是否静音
|
||||
aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
|
||||
controls: false, //是否拥有控制条 【默认true】,如果设为false ,那么只能通过api进行控制了。也就是说界面上不会出现任何控制按钮
|
||||
autoplay: true, //如果true,浏览器准备好时开始回放。 autoplay: "muted", // //自动播放属性,muted:静音播放
|
||||
loop: true, // 导致视频一结束就重新开始。 视频播放结束后，是否循环播放
|
||||
screenshot: true,
|
||||
controlBar: {
|
||||
volumePanel: {
|
||||
//声音样式
|
||||
inline: false, // 不使用水平方式
|
||||
},
|
||||
timeDivider: true, // 时间分割线
|
||||
durationDisplay: true, // 总时间
|
||||
progressControl: true, // 进度条
|
||||
remainingTimeDisplay: true, //当前以播放时间
|
||||
fullscreenToggle: true, //全屏按钮
|
||||
pictureInPictureToggle: true, //画中画
|
||||
},
|
||||
},
|
||||
function () {
|
||||
this.on('error', function (err) {
|
||||
//请求数据时遇到错误
|
||||
console.log('请求数据时遇到错误', err)
|
||||
})
|
||||
this.on('stalled', function (stalled) {
|
||||
//网速失速
|
||||
console.log('网速失速', stalled)
|
||||
})
|
||||
}
|
||||
)
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
// .vjs-loading-spinner {
|
||||
// .vjs-control-text {
|
||||
// display: none !important;
|
||||
// }
|
||||
// }
|
||||
|
||||
.myvideo {
|
||||
@apply w-full h-full;
|
||||
|
||||
video {
|
||||
@apply w-full h-full;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
|
||||
import permission from './permission'
|
||||
|
||||
const install = function(Vue) {
|
||||
Vue.directive('permission', permission)
|
||||
}
|
||||
|
||||
if (window.Vue) {
|
||||
window['permission'] = permission
|
||||
Vue.use(install); // eslint-disable-line
|
||||
}
|
||||
|
||||
permission.install = install
|
||||
export default permission
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
import store from '@/store'
|
||||
|
||||
function checkPermission(el, binding) {
|
||||
const { value } = binding
|
||||
const roles = store.getters && (store.getters.userInfo?.permissions_slug ?? [])
|
||||
if (value && value instanceof Array) {
|
||||
if (value.length > 0) {
|
||||
const permissionRoles = value
|
||||
|
||||
const hasPermission = roles.some(role => {
|
||||
return permissionRoles.includes(role)
|
||||
})
|
||||
|
||||
if (!hasPermission) {
|
||||
el.parentNode && el.parentNode.removeChild(el)
|
||||
}
|
||||
}
|
||||
} else {
|
||||
throw new Error(`need roles! Like v-permission="['admin','editor']"`)
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
inserted(el, binding) {
|
||||
checkPermission(el, binding)
|
||||
},
|
||||
update(el, binding) {
|
||||
checkPermission(el, binding)
|
||||
}
|
||||
}
|
||||
|
|
@ -13,6 +13,9 @@ Vue.component('ynSelectInputList', ynSelectInputList)
|
|||
Vue.prototype.$http = http
|
||||
Vue.prototype.$getFullUrl = getFullUrl
|
||||
App.mpType = 'app'
|
||||
import permission from '@/directive/permission/index.js'
|
||||
|
||||
Vue.directive('auth', permission)
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -2,7 +2,12 @@
|
|||
<view>
|
||||
<Appbar title="基地数据">
|
||||
<template #right>
|
||||
<view class="text-white mr-20px" @click="handleCreate">新增</view>
|
||||
<view
|
||||
v-auth="['endpoint.agricultural_basic.create']"
|
||||
class="text-white mr-20px"
|
||||
@click="handleCreate"
|
||||
>新增</view
|
||||
>
|
||||
</template>
|
||||
</Appbar>
|
||||
<u-sticky>
|
||||
|
|
@ -61,6 +66,8 @@
|
|||
:data="currentData"
|
||||
@onEdit="handleEdit"
|
||||
@onDel="handleDel"
|
||||
:editAuth="['endpoint.agricultural_basic.edit']"
|
||||
:delAuth="['endpoint.agricultural_basic.destroy']"
|
||||
></BaseTablePopup>
|
||||
<!-- 编辑 -->
|
||||
<cuPopup v-model="formShow" :title="currentData ? '编辑基地' : '新增基地'">
|
||||
|
|
@ -80,6 +87,7 @@ import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/me
|
|||
import cuPopup from '@/components/cu-popup/index.vue'
|
||||
import BaseTablePopup from '@/components/base-table/popup.vue'
|
||||
import BasicsEdit from './components/basics-edit.vue'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
const baseTableColums = [
|
||||
{
|
||||
title: '基地名称',
|
||||
|
|
@ -164,22 +172,7 @@ export default {
|
|||
},
|
||||
},
|
||||
dataList: [],
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
formShow: false,
|
||||
baseShow: false,
|
||||
searchFormSchema: [
|
||||
|
|
@ -211,6 +204,30 @@ export default {
|
|||
],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.agricultural_basic.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.agricultural_basic.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
].filter((e) =>
|
||||
checkPermission(e.permission)
|
||||
)
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
handleSubmit(e) {
|
||||
this.filterParmas = e
|
||||
|
|
|
|||
|
|
@ -3,9 +3,9 @@
|
|||
<view class="bg-white p-30rpx">
|
||||
<view class="flex justify-between items-center">
|
||||
<view class="text-32rpx">全市数据统计</view>
|
||||
<u-button size="mini" @click="cityEditShow = true">编辑</u-button>
|
||||
<u-button size="mini" v-auth="['endpoint.town_street.base_statistics_edit']" @click="cityEditShow = true">编辑</u-button>
|
||||
</view>
|
||||
<view class="grid grid-cols-2 mt-20rpx">
|
||||
<view class="grid grid-cols-2 mt-20rpx" v-auth="['endpoint.town_street.base_statistics']">
|
||||
<CountItem
|
||||
v-for="(item, i) in showCityList"
|
||||
:key="i"
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<view>
|
||||
<Appbar title="基地农作物">
|
||||
<template #right>
|
||||
<view class="text-white mr-20px" @click="handleCreate">新增</view>
|
||||
<view v-auth="['endpoint.crops.create']" class="text-white mr-20px" @click="handleCreate">新增</view>
|
||||
</template>
|
||||
</Appbar>
|
||||
<u-sticky>
|
||||
|
|
@ -52,17 +52,9 @@
|
|||
:data="currentData"
|
||||
@onEdit="handleEdit"
|
||||
@onDel="handleDel"
|
||||
:editAuth="['endpoint.crops.edit']"
|
||||
:delAuth="['endpoint.crops.destroy']"
|
||||
>
|
||||
<!-- <template #extends="{ data }">
|
||||
<view
|
||||
class="flex justify-between w-full px-30rpx py-20rpx"
|
||||
v-for="(item, i) in data.value"
|
||||
:key="i"
|
||||
>
|
||||
<view> 名称：{{ item.name }}</view>
|
||||
<view> 单位：{{ item.unit }}</view>
|
||||
</view>
|
||||
</template> -->
|
||||
</BaseTablePopup>
|
||||
<!-- 编辑 -->
|
||||
<cuPopup v-model="formShow" :title="currentData ? '编辑农作物' : '新增农作物'">
|
||||
|
|
@ -83,6 +75,7 @@ import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/me
|
|||
import cuPopup from '@/components/cu-popup/index.vue'
|
||||
import BaseTablePopup from '@/components/base-table/popup.vue'
|
||||
import BasicsEdit from './components/basics-edit.vue'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
const baseTableColums = [
|
||||
{
|
||||
title: '名称',
|
||||
|
|
@ -128,22 +121,6 @@ export default {
|
|||
},
|
||||
},
|
||||
dataList: [],
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
],
|
||||
formShow: false,
|
||||
baseShow: false,
|
||||
searchFormSchema: [
|
||||
|
|
@ -158,6 +135,28 @@ export default {
|
|||
],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.crops.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.crops.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
].filter((e) => checkPermission(e.permission))
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
handleSubmit(e) {
|
||||
this.filterParmas = e
|
||||
|
|
|
|||
|
|
@ -2,7 +2,12 @@
|
|||
<view>
|
||||
<Appbar title="城镇农作物">
|
||||
<template #right>
|
||||
<view class="text-white mr-20px" @click="handleCreate">新增</view>
|
||||
<view
|
||||
v-auth="['endpoint.town_crops.create']"
|
||||
class="text-white mr-20px"
|
||||
@click="handleCreate"
|
||||
>新增</view
|
||||
>
|
||||
</template>
|
||||
</Appbar>
|
||||
<u-sticky>
|
||||
|
|
@ -52,20 +57,15 @@
|
|||
:data="currentData"
|
||||
@onEdit="handleEdit"
|
||||
@onDel="handleDel"
|
||||
:editAuth="['endpoint.town_crops.edit']"
|
||||
:delAuth="['endpoint.town_crops.destroy']"
|
||||
>
|
||||
<!-- <template #extends="{ data }">
|
||||
<view
|
||||
class="flex justify-between w-full px-30rpx py-20rpx"
|
||||
v-for="(item, i) in data.value"
|
||||
:key="i"
|
||||
>
|
||||
<view> 名称：{{ item.name }}</view>
|
||||
<view> 单位：{{ item.unit }}</view>
|
||||
</view>
|
||||
</template> -->
|
||||
</BaseTablePopup>
|
||||
<!-- 编辑 -->
|
||||
<cuPopup v-model="formShow" :title="currentData ? '编辑农作物' : '新增农作物'">
|
||||
<cuPopup
|
||||
v-model="formShow"
|
||||
:title="currentData ? '编辑农作物' : '新增农作物'"
|
||||
>
|
||||
<BasicsEdit
|
||||
@cancel="formShow = false"
|
||||
@confirm="handleEditConfirm"
|
||||
|
|
@ -82,6 +82,7 @@ import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/me
|
|||
import cuPopup from '@/components/cu-popup/index.vue'
|
||||
import BaseTablePopup from '@/components/base-table/popup.vue'
|
||||
import BasicsEdit from './components/basics-edit.vue'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
const baseTableColums = [
|
||||
{
|
||||
title: '名称',
|
||||
|
|
@ -127,22 +128,6 @@ export default {
|
|||
},
|
||||
},
|
||||
dataList: [],
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
],
|
||||
formShow: false,
|
||||
baseShow: false,
|
||||
searchFormSchema: [
|
||||
|
|
@ -157,6 +142,28 @@ export default {
|
|||
],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.town_crops.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.town_crops.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
].filter((e) => checkPermission(e.permission))
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
handleSubmit(e) {
|
||||
this.filterParmas = e
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<u-navbar title="设备管理" :background="background" :custom-back="goback"
|
||||
:title-color="titleColor" :back-icon-color="titleColor">
|
||||
<view class="nav_slot_right_box" slot="right">
|
||||
<view class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
<view v-auth="['endpoint.device.create']" class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
</view>
|
||||
</u-navbar>
|
||||
<view class="secreen-section">
|
||||
|
|
@ -172,8 +172,8 @@
|
|||
<view class="popup-form-info">
|
||||
<view class="top_box u-border-bottom">
|
||||
<view class="handle-btns">
|
||||
<view class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
<view class="btn_del" v-auth="['endpoint.device.destroy']" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view class="btn_edit" v-auth="['endpoint.device.edit']" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section_c">
|
||||
|
|
@ -288,6 +288,7 @@
|
|||
|
||||
<script>
|
||||
import {navigateBack} from '@/com/utils.js'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -299,20 +300,6 @@
|
|||
page:1,
|
||||
list:[],
|
||||
loading:'loadmore',
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
style: {
|
||||
backgroundColor: '#007aff'
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
style: {
|
||||
backgroundColor: '#dd524d'
|
||||
}
|
||||
}
|
||||
],
|
||||
popupShow:false,
|
||||
cindex:-1,//操作的索引
|
||||
editShow:false,
|
||||
|
|
@ -433,7 +420,28 @@
|
|||
}
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.device.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.device.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
].filter((e) => checkPermission(e.permission))
|
||||
},
|
||||
},
|
||||
onLoad() {
|
||||
this.queryDataList();
|
||||
this.getDeviceTypes();
|
||||
|
|
|
|||
|
|
@ -1,9 +1,19 @@
|
|||
<template>
|
||||
<view class="bg-page">
|
||||
<u-navbar title="稻虾流向" :background="background" :custom-back="goback"
|
||||
:title-color="titleColor" :back-icon-color="titleColor">
|
||||
<u-navbar
|
||||
title="稻虾流向"
|
||||
:background="background"
|
||||
:custom-back="goback"
|
||||
:title-color="titleColor"
|
||||
:back-icon-color="titleColor"
|
||||
>
|
||||
<view class="nav_slot_right_box" slot="right">
|
||||
<view class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
<view
|
||||
v-auth="['endpoint.rice_shrimp_flows.create']"
|
||||
class="custom_btn add_btn"
|
||||
@click="addBtn()"
|
||||
>新增</view
|
||||
>
|
||||
</view>
|
||||
</u-navbar>
|
||||
<view class="secreen-section">
|
||||
|
|
@ -14,98 +24,120 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="content-box u-padding-25">
|
||||
<u-swipe-action class="tb_swipe_list"
|
||||
<u-swipe-action
|
||||
class="tb_swipe_list"
|
||||
v-for="(item, index) in list"
|
||||
:show="item.show" :index="index" :key="item.id"
|
||||
:show="item.show"
|
||||
:index="index"
|
||||
:key="item.id"
|
||||
@click="click"
|
||||
@open="open"
|
||||
:options="options"
|
||||
>
|
||||
|
||||
<view class="tb_body" @click="showInfo(index)">
|
||||
<view class="row_box">
|
||||
<view class="text">年份：{{ item.year }}</view>
|
||||
</view>
|
||||
|
||||
<view class="row_box">
|
||||
<view class="text">季度：{{item.quarter|quartername}}</view>
|
||||
<view class="text">季度：{{ item.quarter | quartername }}</view>
|
||||
</view>
|
||||
<view class="row_box">
|
||||
<view class="text">地区：{{ item.area }}</view>
|
||||
</view>
|
||||
<view class="row_box">
|
||||
<view class="text">销量：{{ item.sales }}{{item.unit}}</view>
|
||||
<view class="text">销量：{{ item.sales }}{{ item.unit }}</view>
|
||||
</view>
|
||||
<!-- <view class="row_box">
|
||||
<view class="text">创建人：{{ item.created_by?item.created_by.name:'-' }}</view>
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
</u-swipe-action>
|
||||
<u-loadmore :status="loading" margin-top="60"/>
|
||||
<u-loadmore :status="loading" margin-top="60" />
|
||||
</view>
|
||||
<!-- 编辑 -->
|
||||
<u-popup v-model="editShow" border-radius="28" width="92%" height="60%"
|
||||
mode="center" :closeable="true" :mask-close-able="false" z-index="910">
|
||||
<u-popup
|
||||
v-model="editShow"
|
||||
border-radius="28"
|
||||
width="92%"
|
||||
height="60%"
|
||||
mode="center"
|
||||
:closeable="true"
|
||||
:mask-close-able="false"
|
||||
z-index="910"
|
||||
>
|
||||
<view class="popup-form-ubox">
|
||||
<view class="top_box">
|
||||
<view class="title" v-if="setInfo.id">编辑价格</view>
|
||||
<view class="title" v-else>新增价格</view>
|
||||
</view>
|
||||
<scroll-view class="scroll-y" scroll-y="true">
|
||||
<view class="form_edit" style="padding-left: 50rpx;">
|
||||
<view class="form_edit" style="padding-left: 50rpx">
|
||||
<u-form>
|
||||
<u-form-item label="ID" label-width="140" v-if="setInfo.id">
|
||||
<view class="input_box bg_colorf8 pdlr12">
|
||||
<u-input v-model="setInfo.id" :disabled="true" />
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="年份" label-width="140" :required='true'>
|
||||
<u-form-item label="年份" label-width="140" :required="true">
|
||||
<view class="input_box">
|
||||
<view class="u-select-list" @click="selectFn1()">
|
||||
<view class="value u-line-2"
|
||||
v-if="setInfo.year">{{setInfo.year}}</view>
|
||||
<view class="value u-line-2" v-if="setInfo.year">{{
|
||||
setInfo.year
|
||||
}}</view>
|
||||
<view class="placeholder" v-else>请选择</view>
|
||||
<view class="right">
|
||||
<u-icon name="arrow-right" color="#999" size="28"></u-icon>
|
||||
<u-icon
|
||||
name="arrow-right"
|
||||
color="#999"
|
||||
size="28"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="季度" label-width="140" :required='true'>
|
||||
<u-form-item label="季度" label-width="140" :required="true">
|
||||
<view class="input_box">
|
||||
<view class="u-select-list" @click="selectFn2()">
|
||||
<view class="value u-line-2"
|
||||
v-if="setInfo.quarter_name">{{setInfo.quarter_name}}</view>
|
||||
<view class="value u-line-2" v-if="setInfo.quarter_name">{{
|
||||
setInfo.quarter_name
|
||||
}}</view>
|
||||
<view class="placeholder" v-else>请选择</view>
|
||||
<view class="right">
|
||||
<u-icon name="arrow-right" color="#999" size="28"></u-icon>
|
||||
<u-icon
|
||||
name="arrow-right"
|
||||
color="#999"
|
||||
size="28"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="地区" label-width="140" :required='true'>
|
||||
<u-form-item label="地区" label-width="140" :required="true">
|
||||
<view class="input_box">
|
||||
<u-input v-model="setInfo.area" />
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="销量" label-width="140" :required='true'>
|
||||
<u-form-item label="销量" label-width="140" :required="true">
|
||||
<view class="input_box">
|
||||
<u-input v-model="setInfo.sales" type="number"/>
|
||||
<u-input v-model="setInfo.sales" type="number" />
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="单位" label-width="140" :required='true'>
|
||||
<u-form-item label="单位" label-width="140" :required="true">
|
||||
<view class="input_box">
|
||||
<u-input v-model="setInfo.unit" />
|
||||
</view>
|
||||
</u-form-item>
|
||||
</u-form>
|
||||
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="buttom_section">
|
||||
<u-button class="btn" type="default" @click="editShow = false">取消</u-button>
|
||||
<u-button class="btn" @click="editInfoBtn()" type="primary">确定</u-button>
|
||||
<u-button class="btn" type="default" @click="editShow = false"
|
||||
>取消</u-button
|
||||
>
|
||||
<u-button class="btn" @click="editInfoBtn()" type="primary"
|
||||
>确定</u-button
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
|
@ -113,36 +145,47 @@
|
|||
<view class="popup-form-info">
|
||||
<view class="top_box u-border-bottom">
|
||||
<view class="handle-btns">
|
||||
<view class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
<view
|
||||
v-auth="['endpoint.rice_shrimp_flows.destroy']"
|
||||
class="btn_del"
|
||||
@click="deleteInfoId(formInfo.id)"
|
||||
>删除</view
|
||||
>
|
||||
<view
|
||||
v-auth="['endpoint.rice_shrimp_flows.edit']"
|
||||
class="btn_edit"
|
||||
@click="editInfoId(formInfo.id)"
|
||||
>编辑</view
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section_c">
|
||||
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">年份</view>
|
||||
<view class="flex-1">{{formInfo.year}}</view>
|
||||
<view class="flex-1">{{ formInfo.year }}</view>
|
||||
</view>
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">季度</view>
|
||||
<view class="flex-1">{{formInfo.quarter|quartername}}</view>
|
||||
<view class="flex-1">{{ formInfo.quarter | quartername }}</view>
|
||||
</view>
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">地区</view>
|
||||
<view class="flex-1">{{formInfo.area}}</view>
|
||||
<view class="flex-1">{{ formInfo.area }}</view>
|
||||
</view>
|
||||
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">销量</view>
|
||||
<view class="flex-1">{{ formInfo.sales }}{{formInfo.unit}}</view>
|
||||
<view class="flex-1">{{ formInfo.sales }}{{ formInfo.unit }}</view>
|
||||
</view>
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">创建人</view>
|
||||
<view class="flex-1">{{ formInfo.created_by?formInfo.created_by.name:'-' }}</view>
|
||||
<view class="flex-1">{{
|
||||
formInfo.created_by ? formInfo.created_by.name : '-'
|
||||
}}</view>
|
||||
</view>
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">更新时间</view>
|
||||
<view class="flex-1">{{ formInfo.updated_at|timeFormat}}</view>
|
||||
<view class="flex-1">{{ formInfo.updated_at | timeFormat }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -155,303 +198,341 @@
|
|||
<view class="row_ul u-padding-right-20 u-padding-top-40">
|
||||
<view class="row_list u-flex">
|
||||
<view class="label_tit small">年份</view>
|
||||
<yn-select-input-list :value="queryCond.year"
|
||||
rightIcon="calendar" placeholder="请选择年份"
|
||||
@click="selectFn1('q')"></yn-select-input-list>
|
||||
<yn-select-input-list
|
||||
:value="queryCond.year"
|
||||
rightIcon="calendar"
|
||||
placeholder="请选择年份"
|
||||
@click="selectFn1('q')"
|
||||
></yn-select-input-list>
|
||||
</view>
|
||||
<view class="row_list u-flex">
|
||||
<view class="label_tit small">季度</view>
|
||||
<yn-select-input-list :value="queryCond.quarter_name" placeholder="请选择季度"
|
||||
@click="selectFn2('q')"></yn-select-input-list>
|
||||
<yn-select-input-list
|
||||
:value="queryCond.quarter_name"
|
||||
placeholder="请选择季度"
|
||||
@click="selectFn2('q')"
|
||||
></yn-select-input-list>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="buttom_section u-padding-top-40">
|
||||
<u-button class="btn small_btn" type="default" @click="resetQuery()">重置</u-button>
|
||||
<u-button class="btn small_btn" @click="queryBtn()" type="primary">查询</u-button>
|
||||
<u-button class="btn small_btn" type="default" @click="resetQuery()"
|
||||
>重置</u-button
|
||||
>
|
||||
<u-button class="btn small_btn" @click="queryBtn()" type="primary"
|
||||
>查询</u-button
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-picker mode="time" v-model="selectShow1"
|
||||
:params="timeParams" :default-time="selectValue1"
|
||||
@confirm="uselectConfirm1"></u-picker>
|
||||
<u-select v-model="selectShow2" :list="quarterlist"
|
||||
:default-value="selectValue2" mode="single-column"
|
||||
@confirm="uselectConfirm2"></u-select>
|
||||
<u-picker
|
||||
mode="time"
|
||||
v-model="selectShow1"
|
||||
:params="timeParams"
|
||||
:default-time="selectValue1"
|
||||
@confirm="uselectConfirm1"
|
||||
></u-picker>
|
||||
<u-select
|
||||
v-model="selectShow2"
|
||||
:list="quarterlist"
|
||||
:default-value="selectValue2"
|
||||
mode="single-column"
|
||||
@confirm="uselectConfirm2"
|
||||
></u-select>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {formatDate,showLoading,hideLoading,navigateBack} from '@/com/utils.js'
|
||||
export default {
|
||||
import {
|
||||
formatDate,
|
||||
showLoading,
|
||||
hideLoading,
|
||||
navigateBack,
|
||||
} from '@/com/utils.js'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
background: {
|
||||
backgroundColor:'#2a7dc9',
|
||||
backgroundColor: '#2a7dc9',
|
||||
},
|
||||
titleColor:"#ffffff",
|
||||
per_page:15,
|
||||
page:1,
|
||||
list:[],
|
||||
loading:'loadmore',
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
style: {
|
||||
backgroundColor: '#007aff'
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
style: {
|
||||
backgroundColor: '#dd524d'
|
||||
}
|
||||
}
|
||||
],
|
||||
popupShow:false,
|
||||
cindex:-1,//操作的索引
|
||||
editShow:false,
|
||||
formInfo:{},
|
||||
titleColor: '#ffffff',
|
||||
per_page: 15,
|
||||
page: 1,
|
||||
list: [],
|
||||
loading: 'loadmore',
|
||||
|
||||
popupShow: false,
|
||||
cindex: -1, //操作的索引
|
||||
editShow: false,
|
||||
formInfo: {},
|
||||
timeParams: {
|
||||
year: true,
|
||||
month: false,
|
||||
day: false,
|
||||
hour: false,
|
||||
minute: false,
|
||||
second: false
|
||||
second: false,
|
||||
},
|
||||
screenShow:false,
|
||||
isqueryselect:false,
|
||||
setInfo:{
|
||||
id:'',
|
||||
year:'',
|
||||
quarter:'',
|
||||
quarter_name:'',
|
||||
area:'',
|
||||
sales:'',
|
||||
unit:''
|
||||
screenShow: false,
|
||||
isqueryselect: false,
|
||||
setInfo: {
|
||||
id: '',
|
||||
year: '',
|
||||
quarter: '',
|
||||
quarter_name: '',
|
||||
area: '',
|
||||
sales: '',
|
||||
unit: '',
|
||||
},
|
||||
editShow:false,
|
||||
queryCond:{
|
||||
year:'',
|
||||
quarter:'',
|
||||
quarter_name:'',
|
||||
editShow: false,
|
||||
queryCond: {
|
||||
year: '',
|
||||
quarter: '',
|
||||
quarter_name: '',
|
||||
},
|
||||
selectShow1:false,
|
||||
selectShow2:false,
|
||||
selectValue1:'',
|
||||
selectValue2:[0],
|
||||
quarterlist:[
|
||||
selectShow1: false,
|
||||
selectShow2: false,
|
||||
selectValue1: '',
|
||||
selectValue2: [0],
|
||||
quarterlist: [
|
||||
{
|
||||
label:'第一季度',
|
||||
value:1,
|
||||
label: '第一季度',
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
label:'第二季度',
|
||||
value:2,
|
||||
label: '第二季度',
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
label:'第三季度',
|
||||
value:3,
|
||||
label: '第三季度',
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
label:'第四季度',
|
||||
value:4,
|
||||
label: '第四季度',
|
||||
value: 4,
|
||||
},
|
||||
],
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
filters:{
|
||||
quartername(val){
|
||||
let keys = {1:'第一季度',2:'第二季度',3:'第三季度',4:'第四季度'}
|
||||
let name = keys[val]?keys[val]:val
|
||||
return name;
|
||||
},
|
||||
timeFormat(val){
|
||||
return formatDate(val*1000, 'yyyy-MM-dd hh:mm');
|
||||
computed: {
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.rice_shrimp_flows.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
onLoad(){
|
||||
this.queryDataList();
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.rice_shrimp_flows.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
methods:{
|
||||
addBtn(){
|
||||
this.setInfoKeys('add');
|
||||
this.editShow = true;
|
||||
},
|
||||
selectFn1(type){
|
||||
this.isqueryselect = false;
|
||||
let year = this.setInfo.year;
|
||||
if(type=='q'){
|
||||
this.isqueryselect = true;
|
||||
this.selectShow1 = true;
|
||||
year = this.queryCond.year;
|
||||
].filter((e) => checkPermission(e.permission))
|
||||
},
|
||||
},
|
||||
filters: {
|
||||
quartername(val) {
|
||||
let keys = { 1: '第一季度', 2: '第二季度', 3: '第三季度', 4: '第四季度' }
|
||||
let name = keys[val] ? keys[val] : val
|
||||
return name
|
||||
},
|
||||
timeFormat(val) {
|
||||
return formatDate(val * 1000, 'yyyy-MM-dd hh:mm')
|
||||
},
|
||||
},
|
||||
onLoad() {
|
||||
this.queryDataList()
|
||||
},
|
||||
methods: {
|
||||
addBtn() {
|
||||
this.setInfoKeys('add')
|
||||
this.editShow = true
|
||||
},
|
||||
selectFn1(type) {
|
||||
this.isqueryselect = false
|
||||
let year = this.setInfo.year
|
||||
if (type == 'q') {
|
||||
this.isqueryselect = true
|
||||
this.selectShow1 = true
|
||||
year = this.queryCond.year
|
||||
}
|
||||
if(year){
|
||||
this.selectValue1 = `${year}-01-01 00:00:01`;
|
||||
if (year) {
|
||||
this.selectValue1 = `${year}-01-01 00:00:01`
|
||||
}
|
||||
console.log(this.selectValue1)
|
||||
this.selectShow1 = true;
|
||||
this.selectShow1 = true
|
||||
},
|
||||
selectFn2(type){
|
||||
this.isqueryselect = false;
|
||||
let quarter = this.setInfo.quarter;
|
||||
if(type=='q'){
|
||||
this.isqueryselect = true;
|
||||
quarter = this.queryCond.quarter;
|
||||
selectFn2(type) {
|
||||
this.isqueryselect = false
|
||||
let quarter = this.setInfo.quarter
|
||||
if (type == 'q') {
|
||||
this.isqueryselect = true
|
||||
quarter = this.queryCond.quarter
|
||||
}
|
||||
for(let [index,item] of this.quarterlist.entries()){
|
||||
if(quarter==item.value){
|
||||
this.selectValue2 = [index];
|
||||
break;
|
||||
for (let [index, item] of this.quarterlist.entries()) {
|
||||
if (quarter == item.value) {
|
||||
this.selectValue2 = [index]
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
this.selectShow2 = true;
|
||||
this.selectShow2 = true
|
||||
},
|
||||
resetQuery(){
|
||||
resetQuery() {
|
||||
this.queryCond = {
|
||||
year:'',
|
||||
quarter:'',
|
||||
quarter_name:'',
|
||||
year: '',
|
||||
quarter: '',
|
||||
quarter_name: '',
|
||||
}
|
||||
},
|
||||
queryBtn(){
|
||||
this.list = [];
|
||||
this.queryDataList(true);
|
||||
this.screenShow = false;
|
||||
queryBtn() {
|
||||
this.list = []
|
||||
this.queryDataList(true)
|
||||
this.screenShow = false
|
||||
},
|
||||
uselectConfirm1(e){
|
||||
if(this.isqueryselect){
|
||||
console.log(e);
|
||||
this.queryCond.year = e.year;
|
||||
}else{
|
||||
this.setInfo.year = e.year;
|
||||
uselectConfirm1(e) {
|
||||
if (this.isqueryselect) {
|
||||
console.log(e)
|
||||
this.queryCond.year = e.year
|
||||
} else {
|
||||
this.setInfo.year = e.year
|
||||
}
|
||||
},
|
||||
uselectConfirm2(e){
|
||||
if(this.isqueryselect){
|
||||
console.log(e);
|
||||
this.queryCond.quarter = e[0].value;
|
||||
this.queryCond.quarter_name = e[0].label;
|
||||
}else{
|
||||
this.setInfo.quarter = e[0].value;
|
||||
this.setInfo.quarter_name = e[0].label;
|
||||
uselectConfirm2(e) {
|
||||
if (this.isqueryselect) {
|
||||
console.log(e)
|
||||
this.queryCond.quarter = e[0].value
|
||||
this.queryCond.quarter_name = e[0].label
|
||||
} else {
|
||||
this.setInfo.quarter = e[0].value
|
||||
this.setInfo.quarter_name = e[0].label
|
||||
}
|
||||
},
|
||||
screenShowFn(){
|
||||
this.screenShow = true;
|
||||
screenShowFn() {
|
||||
this.screenShow = true
|
||||
},
|
||||
showInfo(index){
|
||||
this.cindex = index;
|
||||
let _id = this.list[index].id;
|
||||
this.queryInfo(_id);
|
||||
this.formInfo = this.list[index];
|
||||
this.popupShow = true;
|
||||
|
||||
showInfo(index) {
|
||||
this.cindex = index
|
||||
let _id = this.list[index].id
|
||||
this.queryInfo(_id)
|
||||
this.formInfo = this.list[index]
|
||||
this.popupShow = true
|
||||
},
|
||||
open(index){
|
||||
this.list[index].show = true;
|
||||
open(index) {
|
||||
this.list[index].show = true
|
||||
},
|
||||
click(index, index1) {
|
||||
console.log(index,index1,this.list[index])
|
||||
if(index1 == 1) {
|
||||
this.cindex = index;
|
||||
let _id = this.list[index].id;
|
||||
this.deleteInfoId(_id);
|
||||
} else {//编辑
|
||||
let _id = this.list[index].id;
|
||||
this.formInfo = this.list[index];
|
||||
this.queryInfo(_id);
|
||||
this.setInfoKeys();
|
||||
this.editShow = true;
|
||||
this.list[index].show = false;
|
||||
|
||||
console.log(index, index1, this.list[index])
|
||||
if (index1 == 1) {
|
||||
this.cindex = index
|
||||
let _id = this.list[index].id
|
||||
this.deleteInfoId(_id)
|
||||
} else {
|
||||
//编辑
|
||||
let _id = this.list[index].id
|
||||
this.formInfo = this.list[index]
|
||||
this.queryInfo(_id)
|
||||
this.setInfoKeys()
|
||||
this.editShow = true
|
||||
this.list[index].show = false
|
||||
}
|
||||
|
||||
},
|
||||
queryDataList(refresh){
|
||||
if(refresh){
|
||||
this.loading = 'loadmore';
|
||||
this.page = 1;
|
||||
queryDataList(refresh) {
|
||||
if (refresh) {
|
||||
this.loading = 'loadmore'
|
||||
this.page = 1
|
||||
}
|
||||
if(this.loading=='nomore'){//超出最大页
|
||||
return false;
|
||||
if (this.loading == 'nomore') {
|
||||
//超出最大页
|
||||
return false
|
||||
}
|
||||
let params = {
|
||||
per_page:this.per_page,
|
||||
page: this.page ++,
|
||||
_t: new Date().getTime()
|
||||
per_page: this.per_page,
|
||||
page: this.page++,
|
||||
_t: new Date().getTime(),
|
||||
}
|
||||
for(let k in this.queryCond){
|
||||
if(this.queryCond[k]||this.queryCond[k]=='0'){
|
||||
params[k] = this.queryCond[k];
|
||||
for (let k in this.queryCond) {
|
||||
if (this.queryCond[k] || this.queryCond[k] == '0') {
|
||||
params[k] = this.queryCond[k]
|
||||
}
|
||||
}
|
||||
|
||||
this.loading = 'loading';
|
||||
this.$http.get('/api/rice-shrimp-flows',{params:params}).then(({data})=>{
|
||||
this.loading = 'loading'
|
||||
this.$http
|
||||
.get('/api/rice-shrimp-flows', { params: params })
|
||||
.then(({ data }) => {
|
||||
console.log(data)
|
||||
this.screenShow = false;
|
||||
if(refresh){
|
||||
this.list = [];
|
||||
this.screenShow = false
|
||||
if (refresh) {
|
||||
this.list = []
|
||||
}
|
||||
this.loading = 'loadmore';
|
||||
if(data.code==200){
|
||||
let _list = data.data|| [];
|
||||
for(let item of _list){
|
||||
item.show = false;
|
||||
this.loading = 'loadmore'
|
||||
if (data.code == 200) {
|
||||
let _list = data.data || []
|
||||
for (let item of _list) {
|
||||
item.show = false
|
||||
}
|
||||
this.list = this.list.concat(_list);
|
||||
console.log(this.list);
|
||||
if(this.list.length>= data.meta.total){
|
||||
this.loading ='nomore';
|
||||
this.list = this.list.concat(_list)
|
||||
console.log(this.list)
|
||||
if (this.list.length >= data.meta.total) {
|
||||
this.loading = 'nomore'
|
||||
}
|
||||
}
|
||||
}).catch(()=>{
|
||||
this.loading = 'loadmore';
|
||||
this.screenShow = false;
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = 'loadmore'
|
||||
this.screenShow = false
|
||||
})
|
||||
},
|
||||
//修改
|
||||
editInfoBtn(){
|
||||
if(!this.valiFormRule()){
|
||||
return false;
|
||||
editInfoBtn() {
|
||||
if (!this.valiFormRule()) {
|
||||
return false
|
||||
}
|
||||
let params = {}
|
||||
params = this.setInfo;
|
||||
showLoading('请稍等...');
|
||||
if(params['id']){
|
||||
this.$http.put(`/api/rice-shrimp-flows/${params['id']}`,params).then(({data})=>{
|
||||
hideLoading();
|
||||
if(data.code==200){
|
||||
|
||||
this.editShow = false;
|
||||
this.queryDataList(true);
|
||||
|
||||
params = this.setInfo
|
||||
showLoading('请稍等...')
|
||||
if (params['id']) {
|
||||
this.$http
|
||||
.put(`/api/rice-shrimp-flows/${params['id']}`, params)
|
||||
.then(({ data }) => {
|
||||
hideLoading()
|
||||
if (data.code == 200) {
|
||||
this.editShow = false
|
||||
this.queryDataList(true)
|
||||
}
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
}).catch(()=>{
|
||||
hideLoading();
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
})
|
||||
}else{
|
||||
delete params['id'];
|
||||
this.$http.post(`/api/rice-shrimp-flows`,params).then(({data})=>{
|
||||
hideLoading();
|
||||
if(data.code==200){
|
||||
this.queryDataList(true);
|
||||
this.editShow = false;
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
}else{
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
.catch(() => {
|
||||
hideLoading()
|
||||
})
|
||||
} else {
|
||||
delete params['id']
|
||||
this.$http
|
||||
.post(`/api/rice-shrimp-flows`, params)
|
||||
.then(({ data }) => {
|
||||
hideLoading()
|
||||
if (data.code == 200) {
|
||||
this.queryDataList(true)
|
||||
this.editShow = false
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
} else {
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
}
|
||||
}).catch(()=>{
|
||||
hideLoading();
|
||||
})
|
||||
.catch(() => {
|
||||
hideLoading()
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
queryInfo(id){
|
||||
queryInfo(id) {
|
||||
// this.$http.get(`/api/rice-shrimp-flows/${id}`).then(({data})=>{
|
||||
// console.log(data,'queryInfo===')
|
||||
// if(data.code==200){
|
||||
|
|
@ -459,114 +540,112 @@
|
|||
// this.setInfoKeys();
|
||||
// }
|
||||
// }).catch((err)=>{
|
||||
|
||||
// })
|
||||
},
|
||||
editInfoId(id){
|
||||
editInfoId(id) {
|
||||
// this.queryInfo(id);
|
||||
|
||||
this.setInfoKeys();
|
||||
this.editShow = true;
|
||||
this.popupShow = false;
|
||||
this.setInfoKeys()
|
||||
this.editShow = true
|
||||
this.popupShow = false
|
||||
},
|
||||
//删除deleteInfoId
|
||||
deleteInfoId(id){
|
||||
deleteInfoId(id) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否确定删除？',
|
||||
success: (res)=> {
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
console.log('用户点击确定');
|
||||
showLoading('请稍等...');
|
||||
this.$http.delete(`/api/rice-shrimp-flows/${id}`).then(({data})=>{
|
||||
hideLoading();
|
||||
if(data.code==200){
|
||||
this.formInfo = {};//重置删除
|
||||
this.popupShow = false;
|
||||
this.list.splice(this.cindex,1);
|
||||
console.log('用户点击确定')
|
||||
showLoading('请稍等...')
|
||||
this.$http
|
||||
.delete(`/api/rice-shrimp-flows/${id}`)
|
||||
.then(({ data }) => {
|
||||
hideLoading()
|
||||
if (data.code == 200) {
|
||||
this.formInfo = {} //重置删除
|
||||
this.popupShow = false
|
||||
this.list.splice(this.cindex, 1)
|
||||
// this.queryDataList(true);
|
||||
}
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
}).catch(()=>{
|
||||
hideLoading();
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
})
|
||||
.catch(() => {
|
||||
hideLoading()
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
console.log('用户点击取消')
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
setInfoKeys(type){
|
||||
})
|
||||
},
|
||||
setInfoKeys(type) {
|
||||
let info = {
|
||||
id:'',
|
||||
year:'',
|
||||
quarter:'',
|
||||
quarter_name:'',
|
||||
area:'',
|
||||
sales:'',
|
||||
unit:''
|
||||
id: '',
|
||||
year: '',
|
||||
quarter: '',
|
||||
quarter_name: '',
|
||||
area: '',
|
||||
sales: '',
|
||||
unit: '',
|
||||
}
|
||||
if(type=='add'){
|
||||
this.setInfo = info;
|
||||
}else{
|
||||
let {id,year,quarter,area,sales,unit} = this.formInfo;
|
||||
try{
|
||||
for(let k in info){
|
||||
info[k] = this.formInfo[k];
|
||||
if (type == 'add') {
|
||||
this.setInfo = info
|
||||
} else {
|
||||
let { id, year, quarter, area, sales, unit } = this.formInfo
|
||||
try {
|
||||
for (let k in info) {
|
||||
info[k] = this.formInfo[k]
|
||||
}
|
||||
for(let item of this.quarterlist){
|
||||
if(quarter == item.value){
|
||||
info.quarter_name = item.label;
|
||||
break;
|
||||
for (let item of this.quarterlist) {
|
||||
if (quarter == item.value) {
|
||||
info.quarter_name = item.label
|
||||
break
|
||||
}
|
||||
}
|
||||
this.setInfo = info;
|
||||
|
||||
}catch(e){
|
||||
this.setInfo = info
|
||||
} catch (e) {
|
||||
//TODO handle the exception
|
||||
uni.showToast({ title: '数据错误', icon: 'none' })
|
||||
}
|
||||
}
|
||||
},
|
||||
valiFormRule(){
|
||||
let {id,year,quarter,area,sales,unit} = this.setInfo;
|
||||
valiFormRule() {
|
||||
let { id, year, quarter, area, sales, unit } = this.setInfo
|
||||
|
||||
if(year==''){
|
||||
uni.showToast({ title: '年份不能为空', icon: 'none' });
|
||||
return false;
|
||||
if (year == '') {
|
||||
uni.showToast({ title: '年份不能为空', icon: 'none' })
|
||||
return false
|
||||
}
|
||||
if(quarter==''){
|
||||
uni.showToast({ title: '季度不能为空', icon: 'none' });
|
||||
return false;
|
||||
if (quarter == '') {
|
||||
uni.showToast({ title: '季度不能为空', icon: 'none' })
|
||||
return false
|
||||
}
|
||||
if(area==''){
|
||||
uni.showToast({ title: '地区不能为空', icon: 'none' });
|
||||
return false;
|
||||
if (area == '') {
|
||||
uni.showToast({ title: '地区不能为空', icon: 'none' })
|
||||
return false
|
||||
}
|
||||
if(sales==''){
|
||||
uni.showToast({ title: '销量不能为空', icon: 'none' });
|
||||
return false;
|
||||
if (sales == '') {
|
||||
uni.showToast({ title: '销量不能为空', icon: 'none' })
|
||||
return false
|
||||
}
|
||||
if(unit==''){
|
||||
uni.showToast({ title: '单位不能为空', icon: 'none' });
|
||||
return false;
|
||||
if (unit == '') {
|
||||
uni.showToast({ title: '单位不能为空', icon: 'none' })
|
||||
return false
|
||||
}
|
||||
return true;
|
||||
return true
|
||||
},
|
||||
goback(){
|
||||
goback() {
|
||||
navigateBack()
|
||||
}
|
||||
},
|
||||
},
|
||||
//触底加载
|
||||
onReachBottom() {
|
||||
if(this.loading=='loadmore'){
|
||||
this.queryDataList();
|
||||
if (this.loading == 'loadmore') {
|
||||
this.queryDataList()
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
<style lang="scss"></style>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<u-navbar title="稻虾产业" :background="background" :custom-back="goback"
|
||||
:title-color="titleColor" :back-icon-color="titleColor">
|
||||
<view class="nav_slot_right_box" slot="right">
|
||||
<view class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
<view v-auth="['endpoint.rice_shrimp_industries.create']" class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
</view>
|
||||
</u-navbar>
|
||||
<view class="secreen-section">
|
||||
|
|
@ -125,8 +125,8 @@
|
|||
<view class="popup-form-info">
|
||||
<view class="top_box u-border-bottom">
|
||||
<view class="handle-btns">
|
||||
<view class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
<view v-auth="['endpoint.rice_shrimp_industries.destroy']" class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view v-auth="['endpoint.rice_shrimp_industries.edit']" class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section_c">
|
||||
|
|
@ -195,6 +195,7 @@
|
|||
|
||||
<script>
|
||||
import {formatDate,showLoading,hideLoading,navigateBack} from '@/com/utils.js'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -206,20 +207,7 @@
|
|||
page:1,
|
||||
list:[],
|
||||
loading:'loadmore',
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
style: {
|
||||
backgroundColor: '#007aff'
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
style: {
|
||||
backgroundColor: '#dd524d'
|
||||
}
|
||||
}
|
||||
],
|
||||
|
||||
popupShow:false,
|
||||
cindex:-1,//操作的索引
|
||||
editShow:false,
|
||||
|
|
@ -275,6 +263,28 @@
|
|||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.rice_shrimp_industries.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.rice_shrimp_industries.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
].filter((e) => checkPermission(e.permission))
|
||||
},
|
||||
},
|
||||
filters:{
|
||||
quartername(val){
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<u-navbar title="大宗物资" :background="background" :custom-back="goback"
|
||||
:title-color="titleColor" :back-icon-color="titleColor">
|
||||
<view class="nav_slot_right_box" slot="right">
|
||||
<view class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
<view v-auth="['endpoint.materiels.create']" class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
</view>
|
||||
</u-navbar>
|
||||
<view class="secreen-section">
|
||||
|
|
@ -134,8 +134,8 @@
|
|||
<view class="popup-form-info">
|
||||
<view class="top_box u-border-bottom">
|
||||
<view class="handle-btns">
|
||||
<view class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
<view class="btn_del" v-auth="['endpoint.materiels.destroy']" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view class="btn_edit" v-auth="['endpoint.materiels.edit']" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section_c">
|
||||
|
|
@ -225,6 +225,7 @@
|
|||
|
||||
<script>
|
||||
import {formatDate,showLoading,hideLoading,navigateBack} from '@/com/utils.js'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -236,20 +237,6 @@
|
|||
page:1,
|
||||
list:[],
|
||||
loading:'loadmore',
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
style: {
|
||||
backgroundColor: '#007aff'
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
style: {
|
||||
backgroundColor: '#dd524d'
|
||||
}
|
||||
}
|
||||
],
|
||||
popupShow:false,
|
||||
cindex:-1,//操作的索引
|
||||
editShow:false,
|
||||
|
|
@ -318,6 +305,28 @@
|
|||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.materiels.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.materiels.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
].filter((e) => checkPermission(e.permission))
|
||||
},
|
||||
},
|
||||
filters:{
|
||||
quartername(val){
|
||||
|
|
|
|||
|
|
@ -1,9 +1,19 @@
|
|||
<template>
|
||||
<view class="bg-page">
|
||||
<u-navbar title="稻虾价格" :background="background" :custom-back="goback"
|
||||
:title-color="titleColor" :back-icon-color="titleColor">
|
||||
<u-navbar
|
||||
title="稻虾价格"
|
||||
:background="background"
|
||||
:custom-back="goback"
|
||||
:title-color="titleColor"
|
||||
:back-icon-color="titleColor"
|
||||
>
|
||||
<view class="nav_slot_right_box" slot="right">
|
||||
<view class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
<view
|
||||
v-auth="['endpoint.rice_shrimp_prices.create']"
|
||||
class="custom_btn add_btn"
|
||||
@click="addBtn()"
|
||||
>新增</view
|
||||
>
|
||||
</view>
|
||||
</u-navbar>
|
||||
<view class="secreen-section">
|
||||
|
|
@ -14,21 +24,23 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="content-box u-padding-25">
|
||||
<u-swipe-action class="tb_swipe_list"
|
||||
<u-swipe-action
|
||||
class="tb_swipe_list"
|
||||
v-for="(item, index) in list"
|
||||
:show="item.show" :index="index" :key="item.id"
|
||||
:show="item.show"
|
||||
:index="index"
|
||||
:key="item.id"
|
||||
@click="click"
|
||||
@open="open"
|
||||
:options="options"
|
||||
>
|
||||
|
||||
<view class="tb_body" @click="showInfo(index)">
|
||||
<view class="row_box">
|
||||
<view class="text">年份：{{ item.year }}</view>
|
||||
</view>
|
||||
|
||||
<view class="row_box">
|
||||
<view class="text">季度：{{item.quarter|quartername}}</view>
|
||||
<view class="text">季度：{{ item.quarter | quartername }}</view>
|
||||
</view>
|
||||
<view class="row_box">
|
||||
<view class="text">价格：{{ item.price }}</view>
|
||||
|
|
@ -36,63 +48,83 @@
|
|||
<!-- <view class="row_box">
|
||||
<view class="text">创建人：{{ item.created_by?item.created_by.name:'-' }}</view>
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
</u-swipe-action>
|
||||
<u-loadmore :status="loading" margin-top="60"/>
|
||||
<u-loadmore :status="loading" margin-top="60" />
|
||||
</view>
|
||||
<!-- 编辑 -->
|
||||
<u-popup v-model="editShow" border-radius="28" width="92%" height="700rpx"
|
||||
mode="center" :closeable="true" :mask-close-able="false" z-index="910">
|
||||
<u-popup
|
||||
v-model="editShow"
|
||||
border-radius="28"
|
||||
width="92%"
|
||||
height="700rpx"
|
||||
mode="center"
|
||||
:closeable="true"
|
||||
:mask-close-able="false"
|
||||
z-index="910"
|
||||
>
|
||||
<view class="popup-form-ubox">
|
||||
<view class="top_box">
|
||||
<view class="title" v-if="setInfo.id">编辑价格</view>
|
||||
<view class="title" v-else>新增价格</view>
|
||||
</view>
|
||||
<scroll-view class="scroll-y" scroll-y="true">
|
||||
<view class="form_edit" style="padding-left: 50rpx;">
|
||||
<view class="form_edit" style="padding-left: 50rpx">
|
||||
<u-form>
|
||||
<u-form-item label="ID" label-width="140" v-if="setInfo.id">
|
||||
<view class="input_box bg_colorf8 pdlr12">
|
||||
<u-input v-model="setInfo.id" :disabled="true" />
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="年份" label-width="140" :required='true'>
|
||||
<u-form-item label="年份" label-width="140" :required="true">
|
||||
<view class="input_box">
|
||||
<view class="u-select-list" @click="selectFn1()">
|
||||
<view class="value u-line-2"
|
||||
v-if="setInfo.year">{{setInfo.year}}</view>
|
||||
<view class="value u-line-2" v-if="setInfo.year">{{
|
||||
setInfo.year
|
||||
}}</view>
|
||||
<view class="placeholder" v-else>请选择</view>
|
||||
<view class="right">
|
||||
<u-icon name="arrow-right" color="#999" size="28"></u-icon>
|
||||
<u-icon
|
||||
name="arrow-right"
|
||||
color="#999"
|
||||
size="28"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="季度" label-width="140" :required='true'>
|
||||
<u-form-item label="季度" label-width="140" :required="true">
|
||||
<view class="input_box">
|
||||
<view class="u-select-list" @click="selectFn2()">
|
||||
<view class="value u-line-2"
|
||||
v-if="setInfo.quarter_name">{{setInfo.quarter_name}}</view>
|
||||
<view class="value u-line-2" v-if="setInfo.quarter_name">{{
|
||||
setInfo.quarter_name
|
||||
}}</view>
|
||||
<view class="placeholder" v-else>请选择</view>
|
||||
<view class="right">
|
||||
<u-icon name="arrow-right" color="#999" size="28"></u-icon>
|
||||
<u-icon
|
||||
name="arrow-right"
|
||||
color="#999"
|
||||
size="28"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="价格" label-width="140" :required='true'>
|
||||
<u-form-item label="价格" label-width="140" :required="true">
|
||||
<view class="input_box">
|
||||
<u-input v-model="setInfo.price" type="number" />
|
||||
</view>
|
||||
</u-form-item>
|
||||
</u-form>
|
||||
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="buttom_section">
|
||||
<u-button class="btn" type="default" @click="editShow = false">取消</u-button>
|
||||
<u-button class="btn" @click="editInfoBtn()" type="primary">确定</u-button>
|
||||
<u-button class="btn" type="default" @click="editShow = false"
|
||||
>取消</u-button
|
||||
>
|
||||
<u-button class="btn" @click="editInfoBtn()" type="primary"
|
||||
>确定</u-button
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
|
@ -100,29 +132,39 @@
|
|||
<view class="popup-form-info">
|
||||
<view class="top_box u-border-bottom">
|
||||
<view class="handle-btns">
|
||||
<view class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
<view
|
||||
v-auth="['endpoint.rice_shrimp_prices.destroy']"
|
||||
class="btn_del"
|
||||
@click="deleteInfoId(formInfo.id)"
|
||||
>删除</view
|
||||
>
|
||||
<view
|
||||
v-auth="['endpoint.rice_shrimp_prices.edit']"
|
||||
class="btn_edit"
|
||||
@click="editInfoId(formInfo.id)"
|
||||
>编辑</view
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section_c">
|
||||
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">年份</view>
|
||||
<view class="flex-1">{{formInfo.year}}</view>
|
||||
<view class="flex-1">{{ formInfo.year }}</view>
|
||||
</view>
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">季度</view>
|
||||
<view class="flex-1">{{formInfo.quarter|quartername}}</view>
|
||||
<view class="flex-1">{{ formInfo.quarter | quartername }}</view>
|
||||
</view>
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">价格</view>
|
||||
<view class="flex-1">{{formInfo.price}}</view>
|
||||
<view class="flex-1">{{ formInfo.price }}</view>
|
||||
</view>
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">创建人</view>
|
||||
<view class="flex-1">{{ formInfo.created_by?formInfo.created_by.name:'-' }}</view>
|
||||
<view class="flex-1">{{
|
||||
formInfo.created_by ? formInfo.created_by.name : '-'
|
||||
}}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
|
@ -134,299 +176,335 @@
|
|||
<view class="row_ul u-padding-right-20 u-padding-top-40">
|
||||
<view class="row_list u-flex">
|
||||
<view class="label_tit small">年份</view>
|
||||
<yn-select-input-list :value="queryCond.year"
|
||||
rightIcon="calendar" placeholder="请选择年份"
|
||||
@click="selectFn1('q')"></yn-select-input-list>
|
||||
<yn-select-input-list
|
||||
:value="queryCond.year"
|
||||
rightIcon="calendar"
|
||||
placeholder="请选择年份"
|
||||
@click="selectFn1('q')"
|
||||
></yn-select-input-list>
|
||||
</view>
|
||||
<view class="row_list u-flex">
|
||||
<view class="label_tit small">季度</view>
|
||||
<yn-select-input-list :value="queryCond.quarter_name" placeholder="请选择季度"
|
||||
@click="selectFn2('q')"></yn-select-input-list>
|
||||
<yn-select-input-list
|
||||
:value="queryCond.quarter_name"
|
||||
placeholder="请选择季度"
|
||||
@click="selectFn2('q')"
|
||||
></yn-select-input-list>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="buttom_section u-padding-top-40">
|
||||
<u-button class="btn small_btn" type="default" @click="resetQuery()">重置</u-button>
|
||||
<u-button class="btn small_btn" @click="queryBtn()" type="primary">查询</u-button>
|
||||
<u-button class="btn small_btn" type="default" @click="resetQuery()"
|
||||
>重置</u-button
|
||||
>
|
||||
<u-button class="btn small_btn" @click="queryBtn()" type="primary"
|
||||
>查询</u-button
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-picker mode="time" v-model="selectShow1"
|
||||
:params="timeParams" :default-time="selectValue1"
|
||||
@confirm="uselectConfirm1"></u-picker>
|
||||
<u-select v-model="selectShow2" :list="quarterlist"
|
||||
:default-value="selectValue2" mode="single-column"
|
||||
@confirm="uselectConfirm2"></u-select>
|
||||
<u-picker
|
||||
mode="time"
|
||||
v-model="selectShow1"
|
||||
:params="timeParams"
|
||||
:default-time="selectValue1"
|
||||
@confirm="uselectConfirm1"
|
||||
></u-picker>
|
||||
<u-select
|
||||
v-model="selectShow2"
|
||||
:list="quarterlist"
|
||||
:default-value="selectValue2"
|
||||
mode="single-column"
|
||||
@confirm="uselectConfirm2"
|
||||
></u-select>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {formatDate,showLoading,hideLoading,navigateBack} from '@/com/utils.js'
|
||||
export default {
|
||||
import {
|
||||
formatDate,
|
||||
showLoading,
|
||||
hideLoading,
|
||||
navigateBack,
|
||||
} from '@/com/utils.js'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
background: {
|
||||
backgroundColor:'#2a7dc9',
|
||||
backgroundColor: '#2a7dc9',
|
||||
},
|
||||
titleColor:"#ffffff",
|
||||
per_page:15,
|
||||
page:1,
|
||||
list:[],
|
||||
loading:'loadmore',
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
style: {
|
||||
backgroundColor: '#007aff'
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
style: {
|
||||
backgroundColor: '#dd524d'
|
||||
}
|
||||
}
|
||||
],
|
||||
popupShow:false,
|
||||
cindex:-1,//操作的索引
|
||||
editShow:false,
|
||||
formInfo:{},
|
||||
titleColor: '#ffffff',
|
||||
per_page: 15,
|
||||
page: 1,
|
||||
list: [],
|
||||
loading: 'loadmore',
|
||||
popupShow: false,
|
||||
cindex: -1, //操作的索引
|
||||
editShow: false,
|
||||
formInfo: {},
|
||||
timeParams: {
|
||||
year: true,
|
||||
month: false,
|
||||
day: false,
|
||||
hour: false,
|
||||
minute: false,
|
||||
second: false
|
||||
second: false,
|
||||
},
|
||||
screenShow:false,
|
||||
isqueryselect:false,
|
||||
setInfo:{
|
||||
id:'',
|
||||
year:'',
|
||||
quarter:'',
|
||||
quarter_name:'',
|
||||
price:''
|
||||
screenShow: false,
|
||||
isqueryselect: false,
|
||||
setInfo: {
|
||||
id: '',
|
||||
year: '',
|
||||
quarter: '',
|
||||
quarter_name: '',
|
||||
price: '',
|
||||
},
|
||||
editShow:false,
|
||||
queryCond:{
|
||||
year:'',
|
||||
quarter:'',
|
||||
quarter_name:'',
|
||||
editShow: false,
|
||||
queryCond: {
|
||||
year: '',
|
||||
quarter: '',
|
||||
quarter_name: '',
|
||||
},
|
||||
selectShow1:false,
|
||||
selectShow2:false,
|
||||
selectValue1:'',
|
||||
selectValue2:[0],
|
||||
quarterlist:[
|
||||
selectShow1: false,
|
||||
selectShow2: false,
|
||||
selectValue1: '',
|
||||
selectValue2: [0],
|
||||
quarterlist: [
|
||||
{
|
||||
label:'第一季度',
|
||||
value:1,
|
||||
label: '第一季度',
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
label:'第二季度',
|
||||
value:2,
|
||||
label: '第二季度',
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
label:'第三季度',
|
||||
value:3,
|
||||
label: '第三季度',
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
label:'第四季度',
|
||||
value:4,
|
||||
label: '第四季度',
|
||||
value: 4,
|
||||
},
|
||||
],
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
filters:{
|
||||
quartername(val){
|
||||
let keys = {1:'第一季度',2:'第二季度',3:'第三季度',4:'第四季度'}
|
||||
let name = keys[val]?keys[val]:val
|
||||
return name;
|
||||
filters: {
|
||||
quartername(val) {
|
||||
let keys = { 1: '第一季度', 2: '第二季度', 3: '第三季度', 4: '第四季度' }
|
||||
let name = keys[val] ? keys[val] : val
|
||||
return name
|
||||
},
|
||||
|
||||
},
|
||||
onLoad(){
|
||||
this.queryDataList();
|
||||
computed: {
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.rice_shrimp_prices.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
methods:{
|
||||
addBtn(){
|
||||
this.setInfoKeys('add');
|
||||
this.editShow = true;
|
||||
},
|
||||
selectFn1(type){
|
||||
this.isqueryselect = false;
|
||||
let year = this.setInfo.year;
|
||||
if(type=='q'){
|
||||
this.isqueryselect = true;
|
||||
this.selectShow1 = true;
|
||||
year = this.queryCond.year;
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.rice_shrimp_prices.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
].filter((e) => checkPermission(e.permission))
|
||||
},
|
||||
},
|
||||
onLoad() {
|
||||
this.queryDataList()
|
||||
},
|
||||
methods: {
|
||||
addBtn() {
|
||||
this.setInfoKeys('add')
|
||||
this.editShow = true
|
||||
},
|
||||
selectFn1(type) {
|
||||
this.isqueryselect = false
|
||||
let year = this.setInfo.year
|
||||
if (type == 'q') {
|
||||
this.isqueryselect = true
|
||||
this.selectShow1 = true
|
||||
year = this.queryCond.year
|
||||
}
|
||||
if(year){
|
||||
this.selectValue1 = `${year}-01-01 00:00:01`;
|
||||
if (year) {
|
||||
this.selectValue1 = `${year}-01-01 00:00:01`
|
||||
}
|
||||
console.log(this.selectValue1)
|
||||
this.selectShow1 = true;
|
||||
this.selectShow1 = true
|
||||
},
|
||||
selectFn2(type){
|
||||
this.isqueryselect = false;
|
||||
let quarter = this.setInfo.quarter;
|
||||
if(type=='q'){
|
||||
this.isqueryselect = true;
|
||||
quarter = this.queryCond.quarter;
|
||||
selectFn2(type) {
|
||||
this.isqueryselect = false
|
||||
let quarter = this.setInfo.quarter
|
||||
if (type == 'q') {
|
||||
this.isqueryselect = true
|
||||
quarter = this.queryCond.quarter
|
||||
}
|
||||
for(let [index,item] of this.quarterlist.entries()){
|
||||
if(quarter==item.value){
|
||||
this.selectValue2 = [index];
|
||||
break;
|
||||
for (let [index, item] of this.quarterlist.entries()) {
|
||||
if (quarter == item.value) {
|
||||
this.selectValue2 = [index]
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
this.selectShow2 = true;
|
||||
this.selectShow2 = true
|
||||
},
|
||||
resetQuery(){
|
||||
resetQuery() {
|
||||
this.queryCond = {
|
||||
year:'',
|
||||
quarter:'',
|
||||
quarter_name:'',
|
||||
year: '',
|
||||
quarter: '',
|
||||
quarter_name: '',
|
||||
}
|
||||
},
|
||||
queryBtn(){
|
||||
this.list = [];
|
||||
this.queryDataList(true);
|
||||
this.screenShow = false;
|
||||
queryBtn() {
|
||||
this.list = []
|
||||
this.queryDataList(true)
|
||||
this.screenShow = false
|
||||
},
|
||||
uselectConfirm1(e){
|
||||
if(this.isqueryselect){
|
||||
console.log(e);
|
||||
this.queryCond.year = e.year;
|
||||
}else{
|
||||
this.setInfo.year = e.year;
|
||||
uselectConfirm1(e) {
|
||||
if (this.isqueryselect) {
|
||||
console.log(e)
|
||||
this.queryCond.year = e.year
|
||||
} else {
|
||||
this.setInfo.year = e.year
|
||||
}
|
||||
},
|
||||
uselectConfirm2(e){
|
||||
if(this.isqueryselect){
|
||||
console.log(e);
|
||||
this.queryCond.quarter = e[0].value;
|
||||
this.queryCond.quarter_name = e[0].label;
|
||||
}else{
|
||||
this.setInfo.quarter = e[0].value;
|
||||
this.setInfo.quarter_name = e[0].label;
|
||||
uselectConfirm2(e) {
|
||||
if (this.isqueryselect) {
|
||||
console.log(e)
|
||||
this.queryCond.quarter = e[0].value
|
||||
this.queryCond.quarter_name = e[0].label
|
||||
} else {
|
||||
this.setInfo.quarter = e[0].value
|
||||
this.setInfo.quarter_name = e[0].label
|
||||
}
|
||||
},
|
||||
screenShowFn(){
|
||||
this.screenShow = true;
|
||||
screenShowFn() {
|
||||
this.screenShow = true
|
||||
},
|
||||
showInfo(index){
|
||||
this.cindex = index;
|
||||
let _id = this.list[index].id;
|
||||
this.queryInfo(_id);
|
||||
this.formInfo = this.list[index];
|
||||
this.popupShow = true;
|
||||
|
||||
showInfo(index) {
|
||||
this.cindex = index
|
||||
let _id = this.list[index].id
|
||||
this.queryInfo(_id)
|
||||
this.formInfo = this.list[index]
|
||||
this.popupShow = true
|
||||
},
|
||||
open(index){
|
||||
this.list[index].show = true;
|
||||
open(index) {
|
||||
this.list[index].show = true
|
||||
},
|
||||
click(index, index1) {
|
||||
console.log(index,index1,this.list[index])
|
||||
if(index1 == 1) {
|
||||
this.cindex = index;
|
||||
let _id = this.list[index].id;
|
||||
this.deleteInfoId(_id);
|
||||
} else {//编辑
|
||||
let _id = this.list[index].id;
|
||||
this.formInfo = this.list[index];
|
||||
this.queryInfo(_id);
|
||||
this.setInfoKeys();
|
||||
this.editShow = true;
|
||||
this.list[index].show = false;
|
||||
|
||||
console.log(index, index1, this.list[index])
|
||||
if (index1 == 1) {
|
||||
this.cindex = index
|
||||
let _id = this.list[index].id
|
||||
this.deleteInfoId(_id)
|
||||
} else {
|
||||
//编辑
|
||||
let _id = this.list[index].id
|
||||
this.formInfo = this.list[index]
|
||||
this.queryInfo(_id)
|
||||
this.setInfoKeys()
|
||||
this.editShow = true
|
||||
this.list[index].show = false
|
||||
}
|
||||
|
||||
},
|
||||
queryDataList(refresh){
|
||||
if(refresh){
|
||||
this.loading = 'loadmore';
|
||||
this.page = 1;
|
||||
queryDataList(refresh) {
|
||||
if (refresh) {
|
||||
this.loading = 'loadmore'
|
||||
this.page = 1
|
||||
}
|
||||
if(this.loading=='nomore'){//超出最大页
|
||||
return false;
|
||||
if (this.loading == 'nomore') {
|
||||
//超出最大页
|
||||
return false
|
||||
}
|
||||
let params = {
|
||||
per_page:this.per_page,
|
||||
page: this.page ++,
|
||||
_t: new Date().getTime()
|
||||
per_page: this.per_page,
|
||||
page: this.page++,
|
||||
_t: new Date().getTime(),
|
||||
}
|
||||
for(let k in this.queryCond){
|
||||
if(this.queryCond[k]||this.queryCond[k]=='0'){
|
||||
params[k] = this.queryCond[k];
|
||||
for (let k in this.queryCond) {
|
||||
if (this.queryCond[k] || this.queryCond[k] == '0') {
|
||||
params[k] = this.queryCond[k]
|
||||
}
|
||||
}
|
||||
|
||||
this.loading = 'loading';
|
||||
this.$http.get('/api/rice-shrimp-prices',{params:params}).then(({data})=>{
|
||||
this.loading = 'loading'
|
||||
this.$http
|
||||
.get('/api/rice-shrimp-prices', { params: params })
|
||||
.then(({ data }) => {
|
||||
console.log(data)
|
||||
this.screenShow = false;
|
||||
if(refresh){
|
||||
this.list = [];
|
||||
this.screenShow = false
|
||||
if (refresh) {
|
||||
this.list = []
|
||||
}
|
||||
this.loading = 'loadmore';
|
||||
if(data.code==200){
|
||||
let _list = data.data|| [];
|
||||
for(let item of _list){
|
||||
item.show = false;
|
||||
this.loading = 'loadmore'
|
||||
if (data.code == 200) {
|
||||
let _list = data.data || []
|
||||
for (let item of _list) {
|
||||
item.show = false
|
||||
}
|
||||
this.list = this.list.concat(_list);
|
||||
console.log(this.list);
|
||||
if(this.list.length>= data.meta.total){
|
||||
this.loading ='nomore';
|
||||
this.list = this.list.concat(_list)
|
||||
console.log(this.list)
|
||||
if (this.list.length >= data.meta.total) {
|
||||
this.loading = 'nomore'
|
||||
}
|
||||
}
|
||||
}).catch(()=>{
|
||||
this.loading = 'loadmore';
|
||||
this.screenShow = false;
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = 'loadmore'
|
||||
this.screenShow = false
|
||||
})
|
||||
},
|
||||
//修改
|
||||
editInfoBtn(){
|
||||
if(!this.valiFormRule()){
|
||||
return false;
|
||||
editInfoBtn() {
|
||||
if (!this.valiFormRule()) {
|
||||
return false
|
||||
}
|
||||
let params = {}
|
||||
params = this.setInfo;
|
||||
showLoading('请稍等');
|
||||
if(params['id']){
|
||||
this.$http.put(`/api/rice-shrimp-prices/${params['id']}`,params).then(({data})=>{
|
||||
hideLoading();
|
||||
if(data.code==200){
|
||||
|
||||
this.editShow = false;
|
||||
this.queryDataList(true);
|
||||
|
||||
params = this.setInfo
|
||||
showLoading('请稍等')
|
||||
if (params['id']) {
|
||||
this.$http
|
||||
.put(`/api/rice-shrimp-prices/${params['id']}`, params)
|
||||
.then(({ data }) => {
|
||||
hideLoading()
|
||||
if (data.code == 200) {
|
||||
this.editShow = false
|
||||
this.queryDataList(true)
|
||||
}
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
}).catch(()=>{
|
||||
hideLoading();
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
})
|
||||
}else{
|
||||
delete params['id'];
|
||||
this.$http.post(`/api/rice-shrimp-prices`,params).then(({data})=>{
|
||||
hideLoading();
|
||||
if(data.code==200){
|
||||
this.queryDataList(true);
|
||||
this.editShow = false;
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
}else{
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
.catch(() => {
|
||||
hideLoading()
|
||||
})
|
||||
} else {
|
||||
delete params['id']
|
||||
this.$http
|
||||
.post(`/api/rice-shrimp-prices`, params)
|
||||
.then(({ data }) => {
|
||||
hideLoading()
|
||||
if (data.code == 200) {
|
||||
this.queryDataList(true)
|
||||
this.editShow = false
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
} else {
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
}
|
||||
}).catch(()=>{
|
||||
hideLoading();
|
||||
})
|
||||
.catch(() => {
|
||||
hideLoading()
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
queryInfo(id){
|
||||
queryInfo(id) {
|
||||
// this.$http.get(`/api/rice-shrimp-prices/${id}`).then(({data})=>{
|
||||
// console.log(data,'queryInfo===')
|
||||
// if(data.code==200){
|
||||
|
|
@ -434,104 +512,102 @@
|
|||
// this.setInfoKeys();
|
||||
// }
|
||||
// }).catch((err)=>{
|
||||
|
||||
// })
|
||||
},
|
||||
editInfoId(id){
|
||||
editInfoId(id) {
|
||||
// this.queryInfo(id);
|
||||
|
||||
this.setInfoKeys();
|
||||
this.editShow = true;
|
||||
this.popupShow = false;
|
||||
this.setInfoKeys()
|
||||
this.editShow = true
|
||||
this.popupShow = false
|
||||
},
|
||||
//删除deleteInfoId
|
||||
deleteInfoId(id){
|
||||
deleteInfoId(id) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否确定删除？',
|
||||
success: (res)=> {
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
console.log('用户点击确定');
|
||||
showLoading('请稍等');
|
||||
this.$http.delete(`/api/rice-shrimp-prices/${id}`).then(({data})=>{
|
||||
hideLoading();
|
||||
if(data.code==200){
|
||||
this.formInfo = {};//重置删除
|
||||
this.popupShow = false;
|
||||
this.list.splice(this.cindex,1);
|
||||
console.log('用户点击确定')
|
||||
showLoading('请稍等')
|
||||
this.$http
|
||||
.delete(`/api/rice-shrimp-prices/${id}`)
|
||||
.then(({ data }) => {
|
||||
hideLoading()
|
||||
if (data.code == 200) {
|
||||
this.formInfo = {} //重置删除
|
||||
this.popupShow = false
|
||||
this.list.splice(this.cindex, 1)
|
||||
// this.queryDataList(true);
|
||||
}
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
}).catch(()=>{
|
||||
hideLoading();
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
})
|
||||
.catch(() => {
|
||||
hideLoading()
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
console.log('用户点击取消')
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
setInfoKeys(type){
|
||||
})
|
||||
},
|
||||
setInfoKeys(type) {
|
||||
let info = {
|
||||
id:'',
|
||||
year:'',
|
||||
quarter:'',
|
||||
quarter_name:'',
|
||||
price:''
|
||||
id: '',
|
||||
year: '',
|
||||
quarter: '',
|
||||
quarter_name: '',
|
||||
price: '',
|
||||
}
|
||||
if(type=='add'){
|
||||
this.setInfo = info;
|
||||
}else{
|
||||
let {id,year,quarter,price} = this.formInfo;
|
||||
try{
|
||||
for(let item of this.quarterlist){
|
||||
if(quarter == item.value){
|
||||
info.quarter_name = item.label;
|
||||
break;
|
||||
if (type == 'add') {
|
||||
this.setInfo = info
|
||||
} else {
|
||||
let { id, year, quarter, price } = this.formInfo
|
||||
try {
|
||||
for (let item of this.quarterlist) {
|
||||
if (quarter == item.value) {
|
||||
info.quarter_name = item.label
|
||||
break
|
||||
}
|
||||
}
|
||||
info['id'] = id;
|
||||
info['year'] = year;
|
||||
info['quarter'] = quarter;
|
||||
info['price'] = price;
|
||||
this.setInfo = info;
|
||||
|
||||
}catch(e){
|
||||
info['id'] = id
|
||||
info['year'] = year
|
||||
info['quarter'] = quarter
|
||||
info['price'] = price
|
||||
this.setInfo = info
|
||||
} catch (e) {
|
||||
//TODO handle the exception
|
||||
uni.showToast({ title: '数据错误', icon: 'none' })
|
||||
}
|
||||
}
|
||||
},
|
||||
valiFormRule(){
|
||||
let {id,year,quarter,price} = this.setInfo;
|
||||
if(year==''){
|
||||
uni.showToast({ title: '年份不能为空', icon: 'none' });
|
||||
return false;
|
||||
valiFormRule() {
|
||||
let { id, year, quarter, price } = this.setInfo
|
||||
if (year == '') {
|
||||
uni.showToast({ title: '年份不能为空', icon: 'none' })
|
||||
return false
|
||||
}
|
||||
if(quarter==''){
|
||||
uni.showToast({ title: '季度不能为空', icon: 'none' });
|
||||
return false;
|
||||
if (quarter == '') {
|
||||
uni.showToast({ title: '季度不能为空', icon: 'none' })
|
||||
return false
|
||||
}
|
||||
if(price==''){
|
||||
uni.showToast({ title: '价格不能为空', icon: 'none' });
|
||||
return false;
|
||||
if (price == '') {
|
||||
uni.showToast({ title: '价格不能为空', icon: 'none' })
|
||||
return false
|
||||
}
|
||||
return true;
|
||||
return true
|
||||
},
|
||||
goback(){
|
||||
goback() {
|
||||
navigateBack()
|
||||
}
|
||||
},
|
||||
},
|
||||
//触底加载
|
||||
onReachBottom() {
|
||||
if(this.loading=='loadmore'){
|
||||
this.queryDataList();
|
||||
if (this.loading == 'loadmore') {
|
||||
this.queryDataList()
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
<style lang="scss"></style>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,14 @@
|
|||
<template>
|
||||
<view class="bg-page">
|
||||
<u-navbar title="稻虾每周价格" :background="background" :custom-back="goback"
|
||||
:title-color="titleColor" :back-icon-color="titleColor">
|
||||
<u-navbar
|
||||
title="稻虾每周价格"
|
||||
:background="background"
|
||||
:custom-back="goback"
|
||||
:title-color="titleColor"
|
||||
:back-icon-color="titleColor"
|
||||
>
|
||||
<view class="nav_slot_right_box" slot="right">
|
||||
<view class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
<view v-auth="['endpoint.rice_shrimp_weekly_prices.create']" class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
</view>
|
||||
</u-navbar>
|
||||
<view class="secreen-section">
|
||||
|
|
@ -14,21 +19,23 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="content-box u-padding-25">
|
||||
<u-swipe-action class="tb_swipe_list"
|
||||
<u-swipe-action
|
||||
class="tb_swipe_list"
|
||||
v-for="(item, index) in list"
|
||||
:show="item.show" :index="index" :key="item.id"
|
||||
:show="item.show"
|
||||
:index="index"
|
||||
:key="item.id"
|
||||
@click="click"
|
||||
@open="open"
|
||||
:options="options"
|
||||
>
|
||||
|
||||
<view class="tb_body" @click="showInfo(index)">
|
||||
<view class="row_box">
|
||||
<view class="text">年份：{{ item.year }}</view>
|
||||
</view>
|
||||
|
||||
<view class="row_box">
|
||||
<view class="text">周：{{item.week_label}}</view>
|
||||
<view class="text">周：{{ item.week_label }}</view>
|
||||
</view>
|
||||
<view class="row_box">
|
||||
<view class="text">价格：{{ item.price }}</view>
|
||||
|
|
@ -36,66 +43,98 @@
|
|||
<!-- <view class="row_box">
|
||||
<view class="text">创建人：{{ item.created_by?item.created_by.name:'-' }}</view>
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
</u-swipe-action>
|
||||
<u-loadmore :status="loading" margin-top="60"/>
|
||||
<u-loadmore :status="loading" margin-top="60" />
|
||||
</view>
|
||||
<!-- 编辑 -->
|
||||
<u-popup v-model="editShow" border-radius="28" width="92%" height="700rpx"
|
||||
mode="center" :closeable="true" :mask-close-able="false" z-index="910">
|
||||
<u-popup
|
||||
v-model="editShow"
|
||||
border-radius="28"
|
||||
width="92%"
|
||||
height="700rpx"
|
||||
mode="center"
|
||||
:closeable="true"
|
||||
:mask-close-able="false"
|
||||
z-index="910"
|
||||
>
|
||||
<view class="popup-form-ubox">
|
||||
<view class="top_box">
|
||||
<view class="title" v-if="setInfo.id">编辑价格</view>
|
||||
<view class="title" v-else>新增价格</view>
|
||||
</view>
|
||||
<scroll-view class="scroll-y" scroll-y="true">
|
||||
<view class="form_edit" style="padding-left: 50rpx;">
|
||||
<u-form >
|
||||
<view class="form_edit" style="padding-left: 50rpx">
|
||||
<u-form>
|
||||
<u-form-item label="ID" label-width="140" v-if="setInfo.id">
|
||||
<view class="input_box bg_colorf8 pdlr12">
|
||||
<u-input v-model="setInfo.id" :disabled="true" />
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="年份" label-width="140"
|
||||
prop="year" :required='true'>
|
||||
<u-form-item
|
||||
label="年份"
|
||||
label-width="140"
|
||||
prop="year"
|
||||
:required="true"
|
||||
>
|
||||
<view class="input_box">
|
||||
<view class="u-select-list" @click="selectFn1()">
|
||||
<view class="value u-line-2"
|
||||
v-if="setInfo.year">{{setInfo.year}}</view>
|
||||
<view class="value u-line-2" v-if="setInfo.year">{{
|
||||
setInfo.year
|
||||
}}</view>
|
||||
<view class="placeholder" v-else>请选择</view>
|
||||
<view class="right">
|
||||
<u-icon name="arrow-right" color="#999" size="28"></u-icon>
|
||||
<u-icon
|
||||
name="arrow-right"
|
||||
color="#999"
|
||||
size="28"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="周" label-width="140"
|
||||
prop="week" :required='true'>
|
||||
<u-form-item
|
||||
label="周"
|
||||
label-width="140"
|
||||
prop="week"
|
||||
:required="true"
|
||||
>
|
||||
<view class="input_box">
|
||||
<view class="u-select-list" @click="selectFn2()">
|
||||
<view class="value u-line-2"
|
||||
v-if="setInfo.week_name">{{setInfo.week_name}}</view>
|
||||
<view class="value u-line-2" v-if="setInfo.week_name">{{
|
||||
setInfo.week_name
|
||||
}}</view>
|
||||
<view class="placeholder" v-else>请选择</view>
|
||||
<view class="right">
|
||||
<u-icon name="arrow-right" color="#999" size="28"></u-icon>
|
||||
<u-icon
|
||||
name="arrow-right"
|
||||
color="#999"
|
||||
size="28"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="价格" label-width="140"
|
||||
prop="week" :required='true'>
|
||||
<u-form-item
|
||||
label="价格"
|
||||
label-width="140"
|
||||
prop="week"
|
||||
:required="true"
|
||||
>
|
||||
<view class="input_box">
|
||||
<u-input v-model="setInfo.price" type="number"/>
|
||||
<u-input v-model="setInfo.price" type="number" />
|
||||
</view>
|
||||
</u-form-item>
|
||||
</u-form>
|
||||
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="buttom_section">
|
||||
<u-button class="btn" type="default" @click="editShow = false">取消</u-button>
|
||||
<u-button class="btn" @click="editInfoBtn()" type="primary">确定</u-button>
|
||||
<u-button class="btn" type="default" @click="editShow = false"
|
||||
>取消</u-button
|
||||
>
|
||||
<u-button class="btn" @click="editInfoBtn()" type="primary"
|
||||
>确定</u-button
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
|
@ -103,29 +142,29 @@
|
|||
<view class="popup-form-info">
|
||||
<view class="top_box u-border-bottom">
|
||||
<view class="handle-btns">
|
||||
<view class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
<view v-auth="['endpoint.rice_shrimp_weekly_prices.destroy']" class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view v-auth="['endpoint.rice_shrimp_weekly_prices.edit']" class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section_c">
|
||||
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">年份</view>
|
||||
<view class="flex-1">{{formInfo.year}}</view>
|
||||
<view class="flex-1">{{ formInfo.year }}</view>
|
||||
</view>
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">周</view>
|
||||
<view class="flex-1">{{formInfo.week_label}}</view>
|
||||
<view class="flex-1">{{ formInfo.week_label }}</view>
|
||||
</view>
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">价格</view>
|
||||
<view class="flex-1">{{formInfo.price}}</view>
|
||||
<view class="flex-1">{{ formInfo.price }}</view>
|
||||
</view>
|
||||
<view class="plist u-border-bottom">
|
||||
<view class="label_t">创建人</view>
|
||||
<view class="flex-1">{{ formInfo.created_by?formInfo.created_by.name:'-' }}</view>
|
||||
<view class="flex-1">{{
|
||||
formInfo.created_by ? formInfo.created_by.name : '-'
|
||||
}}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
|
@ -137,276 +176,312 @@
|
|||
<view class="row_ul u-padding-right-20 u-padding-top-40">
|
||||
<view class="row_list u-flex">
|
||||
<view class="label_tit small">年份</view>
|
||||
<yn-select-input-list :value="queryCond.year"
|
||||
rightIcon="calendar" placeholder="请选择年份"
|
||||
@click="selectFn1('q')"></yn-select-input-list>
|
||||
<yn-select-input-list
|
||||
:value="queryCond.year"
|
||||
rightIcon="calendar"
|
||||
placeholder="请选择年份"
|
||||
@click="selectFn1('q')"
|
||||
></yn-select-input-list>
|
||||
</view>
|
||||
<view class="row_list u-flex">
|
||||
<view class="label_tit small">周</view>
|
||||
<yn-select-input-list :value="queryCond.week_name" placeholder="请选择季度"
|
||||
@click="selectFn2('q')"></yn-select-input-list>
|
||||
<yn-select-input-list
|
||||
:value="queryCond.week_name"
|
||||
placeholder="请选择季度"
|
||||
@click="selectFn2('q')"
|
||||
></yn-select-input-list>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="buttom_section u-padding-top-40">
|
||||
<u-button class="btn small_btn" type="default" @click="resetQuery()">重置</u-button>
|
||||
<u-button class="btn small_btn" @click="queryBtn()" type="primary">查询</u-button>
|
||||
<u-button class="btn small_btn" type="default" @click="resetQuery()"
|
||||
>重置</u-button
|
||||
>
|
||||
<u-button class="btn small_btn" @click="queryBtn()" type="primary"
|
||||
>查询</u-button
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-picker mode="time" v-model="selectShow1"
|
||||
:params="timeParams" :default-time="selectValue1"
|
||||
@confirm="uselectConfirm1"></u-picker>
|
||||
<u-select v-model="selectShow2" :list="weeksperyearlist"
|
||||
:default-value="selectValue2" mode="single-column"
|
||||
@confirm="uselectConfirm2"></u-select>
|
||||
<u-picker
|
||||
mode="time"
|
||||
v-model="selectShow1"
|
||||
:params="timeParams"
|
||||
:default-time="selectValue1"
|
||||
@confirm="uselectConfirm1"
|
||||
></u-picker>
|
||||
<u-select
|
||||
v-model="selectShow2"
|
||||
:list="weeksperyearlist"
|
||||
:default-value="selectValue2"
|
||||
mode="single-column"
|
||||
@confirm="uselectConfirm2"
|
||||
></u-select>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {formatDate,showLoading,hideLoading,navigateBack} from '@/com/utils.js'
|
||||
export default {
|
||||
import {
|
||||
formatDate,
|
||||
showLoading,
|
||||
hideLoading,
|
||||
navigateBack,
|
||||
} from '@/com/utils.js'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
background: {
|
||||
backgroundColor:'#2a7dc9',
|
||||
backgroundColor: '#2a7dc9',
|
||||
},
|
||||
titleColor:"#ffffff",
|
||||
per_page:15,
|
||||
page:1,
|
||||
list:[],
|
||||
loading:'loadmore',
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
style: {
|
||||
backgroundColor: '#007aff'
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
style: {
|
||||
backgroundColor: '#dd524d'
|
||||
}
|
||||
}
|
||||
],
|
||||
popupShow:false,
|
||||
cindex:-1,//操作的索引
|
||||
editShow:false,
|
||||
formInfo:{},
|
||||
titleColor: '#ffffff',
|
||||
per_page: 15,
|
||||
page: 1,
|
||||
list: [],
|
||||
loading: 'loadmore',
|
||||
popupShow: false,
|
||||
cindex: -1, //操作的索引
|
||||
editShow: false,
|
||||
formInfo: {},
|
||||
timeParams: {
|
||||
year: true,
|
||||
month: false,
|
||||
day: false,
|
||||
hour: false,
|
||||
minute: false,
|
||||
second: false
|
||||
second: false,
|
||||
},
|
||||
screenShow:false,
|
||||
isqueryselect:false,
|
||||
setInfo:{
|
||||
id:'',
|
||||
year:'',
|
||||
week:'',
|
||||
week_name:'',
|
||||
price:''
|
||||
screenShow: false,
|
||||
isqueryselect: false,
|
||||
setInfo: {
|
||||
id: '',
|
||||
year: '',
|
||||
week: '',
|
||||
week_name: '',
|
||||
price: '',
|
||||
},
|
||||
editShow:false,
|
||||
queryCond:{
|
||||
year:'',
|
||||
week:'',
|
||||
week_name:'',
|
||||
editShow: false,
|
||||
queryCond: {
|
||||
year: '',
|
||||
week: '',
|
||||
week_name: '',
|
||||
},
|
||||
selectShow1:false,
|
||||
selectShow2:false,
|
||||
selectValue1:'',
|
||||
selectValue2:[0],
|
||||
weeksperyearlist:[],
|
||||
|
||||
};
|
||||
},
|
||||
onLoad(){
|
||||
this.queryDataList();
|
||||
this.getweeksperyear();
|
||||
},
|
||||
methods:{
|
||||
addBtn(){
|
||||
this.setInfoKeys('add');
|
||||
this.editShow = true;
|
||||
},
|
||||
selectFn1(type){
|
||||
this.isqueryselect = false;
|
||||
let year = this.setInfo.year;
|
||||
if(type=='q'){
|
||||
this.isqueryselect = true;
|
||||
this.selectShow1 = true;
|
||||
year = this.queryCond.year;
|
||||
selectShow1: false,
|
||||
selectShow2: false,
|
||||
selectValue1: '',
|
||||
selectValue2: [0],
|
||||
weeksperyearlist: [],
|
||||
}
|
||||
if(year){
|
||||
this.selectValue1 = `${year}-01-01 00:00:01`;
|
||||
},
|
||||
computed: {
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.rice_shrimp_weekly_prices.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.rice_shrimp_weekly_prices.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
].filter((e) => checkPermission(e.permission))
|
||||
},
|
||||
},
|
||||
onLoad() {
|
||||
this.queryDataList()
|
||||
this.getweeksperyear()
|
||||
},
|
||||
methods: {
|
||||
addBtn() {
|
||||
this.setInfoKeys('add')
|
||||
this.editShow = true
|
||||
},
|
||||
selectFn1(type) {
|
||||
this.isqueryselect = false
|
||||
let year = this.setInfo.year
|
||||
if (type == 'q') {
|
||||
this.isqueryselect = true
|
||||
this.selectShow1 = true
|
||||
year = this.queryCond.year
|
||||
}
|
||||
if (year) {
|
||||
this.selectValue1 = `${year}-01-01 00:00:01`
|
||||
}
|
||||
console.log(this.selectValue1)
|
||||
this.selectShow1 = true;
|
||||
this.selectShow1 = true
|
||||
},
|
||||
selectFn2(type){
|
||||
this.isqueryselect = false;
|
||||
let week = this.setInfo.week;
|
||||
if(type=='q'){
|
||||
this.isqueryselect = true;
|
||||
week = this.queryCond.week;
|
||||
selectFn2(type) {
|
||||
this.isqueryselect = false
|
||||
let week = this.setInfo.week
|
||||
if (type == 'q') {
|
||||
this.isqueryselect = true
|
||||
week = this.queryCond.week
|
||||
}
|
||||
for(let [index,item] of this.weeksperyearlist.entries()){
|
||||
if(week==item.value){
|
||||
this.selectValue2 = [index];
|
||||
break;
|
||||
for (let [index, item] of this.weeksperyearlist.entries()) {
|
||||
if (week == item.value) {
|
||||
this.selectValue2 = [index]
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
this.selectShow2 = true;
|
||||
this.selectShow2 = true
|
||||
},
|
||||
resetQuery(){
|
||||
resetQuery() {
|
||||
this.queryCond = {
|
||||
year:'',
|
||||
week:'',
|
||||
week_name:'',
|
||||
year: '',
|
||||
week: '',
|
||||
week_name: '',
|
||||
}
|
||||
},
|
||||
queryBtn(){
|
||||
this.list = [];
|
||||
this.queryDataList(true);
|
||||
this.screenShow = false;
|
||||
queryBtn() {
|
||||
this.list = []
|
||||
this.queryDataList(true)
|
||||
this.screenShow = false
|
||||
},
|
||||
uselectConfirm1(e){
|
||||
if(this.isqueryselect){
|
||||
console.log(e);
|
||||
this.queryCond.year = e.year;
|
||||
}else{
|
||||
this.setInfo.year = e.year;
|
||||
uselectConfirm1(e) {
|
||||
if (this.isqueryselect) {
|
||||
console.log(e)
|
||||
this.queryCond.year = e.year
|
||||
} else {
|
||||
this.setInfo.year = e.year
|
||||
}
|
||||
},
|
||||
uselectConfirm2(e){
|
||||
if(this.isqueryselect){
|
||||
console.log(e);
|
||||
this.queryCond.week = e[0].value;
|
||||
this.queryCond.week_name = e[0].label;
|
||||
}else{
|
||||
this.setInfo.week = e[0].value;
|
||||
this.setInfo.week_name = e[0].label;
|
||||
uselectConfirm2(e) {
|
||||
if (this.isqueryselect) {
|
||||
console.log(e)
|
||||
this.queryCond.week = e[0].value
|
||||
this.queryCond.week_name = e[0].label
|
||||
} else {
|
||||
this.setInfo.week = e[0].value
|
||||
this.setInfo.week_name = e[0].label
|
||||
}
|
||||
},
|
||||
screenShowFn(){
|
||||
this.screenShow = true;
|
||||
screenShowFn() {
|
||||
this.screenShow = true
|
||||
},
|
||||
showInfo(index){
|
||||
this.cindex = index;
|
||||
let _id = this.list[index].id;
|
||||
this.queryInfo(_id);
|
||||
this.formInfo = this.list[index];
|
||||
this.popupShow = true;
|
||||
|
||||
showInfo(index) {
|
||||
this.cindex = index
|
||||
let _id = this.list[index].id
|
||||
this.queryInfo(_id)
|
||||
this.formInfo = this.list[index]
|
||||
this.popupShow = true
|
||||
},
|
||||
open(index){
|
||||
this.list[index].show = true;
|
||||
open(index) {
|
||||
this.list[index].show = true
|
||||
},
|
||||
click(index, index1) {
|
||||
console.log(index,index1,this.list[index])
|
||||
if(index1 == 1) {
|
||||
this.cindex = index;
|
||||
let _id = this.list[index].id;
|
||||
this.deleteInfoId(_id);
|
||||
} else {//编辑
|
||||
let _id = this.list[index].id;
|
||||
this.formInfo = this.list[index];
|
||||
this.queryInfo(_id);
|
||||
this.setInfoKeys();
|
||||
this.editShow = true;
|
||||
this.list[index].show = false;
|
||||
|
||||
console.log(index, index1, this.list[index])
|
||||
if (index1 == 1) {
|
||||
this.cindex = index
|
||||
let _id = this.list[index].id
|
||||
this.deleteInfoId(_id)
|
||||
} else {
|
||||
//编辑
|
||||
let _id = this.list[index].id
|
||||
this.formInfo = this.list[index]
|
||||
this.queryInfo(_id)
|
||||
this.setInfoKeys()
|
||||
this.editShow = true
|
||||
this.list[index].show = false
|
||||
}
|
||||
|
||||
},
|
||||
queryDataList(refresh){
|
||||
if(refresh){
|
||||
this.loading = 'loadmore';
|
||||
this.page = 1;
|
||||
queryDataList(refresh) {
|
||||
if (refresh) {
|
||||
this.loading = 'loadmore'
|
||||
this.page = 1
|
||||
}
|
||||
if(this.loading=='nomore'){//超出最大页
|
||||
return false;
|
||||
if (this.loading == 'nomore') {
|
||||
//超出最大页
|
||||
return false
|
||||
}
|
||||
let params = {
|
||||
per_page:this.per_page,
|
||||
page: this.page ++,
|
||||
_t: new Date().getTime()
|
||||
per_page: this.per_page,
|
||||
page: this.page++,
|
||||
_t: new Date().getTime(),
|
||||
}
|
||||
for(let k in this.queryCond){
|
||||
if(this.queryCond[k]||this.queryCond[k]=='0'){
|
||||
params[k] = this.queryCond[k];
|
||||
for (let k in this.queryCond) {
|
||||
if (this.queryCond[k] || this.queryCond[k] == '0') {
|
||||
params[k] = this.queryCond[k]
|
||||
}
|
||||
}
|
||||
|
||||
this.loading = 'loading';
|
||||
this.$http.get('/api/rice-shrimp-weekly-prices',{params:params}).then(({data})=>{
|
||||
this.loading = 'loading'
|
||||
this.$http
|
||||
.get('/api/rice-shrimp-weekly-prices', { params: params })
|
||||
.then(({ data }) => {
|
||||
console.log(data)
|
||||
this.screenShow = false;
|
||||
if(refresh){
|
||||
this.list = [];
|
||||
this.screenShow = false
|
||||
if (refresh) {
|
||||
this.list = []
|
||||
}
|
||||
this.loading = 'loadmore';
|
||||
if(data.code==200){
|
||||
let _list = data.data|| [];
|
||||
for(let item of _list){
|
||||
item.show = false;
|
||||
this.loading = 'loadmore'
|
||||
if (data.code == 200) {
|
||||
let _list = data.data || []
|
||||
for (let item of _list) {
|
||||
item.show = false
|
||||
}
|
||||
this.list = this.list.concat(_list);
|
||||
console.log(this.list);
|
||||
if(this.list.length>= data.meta.total){
|
||||
this.loading ='nomore';
|
||||
this.list = this.list.concat(_list)
|
||||
console.log(this.list)
|
||||
if (this.list.length >= data.meta.total) {
|
||||
this.loading = 'nomore'
|
||||
}
|
||||
}
|
||||
}).catch(()=>{
|
||||
this.loading = 'loadmore';
|
||||
this.screenShow = false;
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = 'loadmore'
|
||||
this.screenShow = false
|
||||
})
|
||||
},
|
||||
//修改
|
||||
editInfoBtn(){
|
||||
if(!this.valiFormRule()){
|
||||
return false;
|
||||
editInfoBtn() {
|
||||
if (!this.valiFormRule()) {
|
||||
return false
|
||||
}
|
||||
let params = {}
|
||||
params = this.setInfo;
|
||||
showLoading('请稍等');
|
||||
if(params['id']){
|
||||
this.$http.put(`/api/rice-shrimp-weekly-prices/${params['id']}`,params).then(({data})=>{
|
||||
hideLoading();
|
||||
if(data.code==200){
|
||||
|
||||
this.editShow = false;
|
||||
this.queryDataList(true);
|
||||
|
||||
params = this.setInfo
|
||||
showLoading('请稍等')
|
||||
if (params['id']) {
|
||||
this.$http
|
||||
.put(`/api/rice-shrimp-weekly-prices/${params['id']}`, params)
|
||||
.then(({ data }) => {
|
||||
hideLoading()
|
||||
if (data.code == 200) {
|
||||
this.editShow = false
|
||||
this.queryDataList(true)
|
||||
}
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
}).catch(()=>{
|
||||
hideLoading();
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
})
|
||||
}else{
|
||||
delete params['id'];
|
||||
this.$http.post(`/api/rice-shrimp-weekly-prices`,params).then(({data})=>{
|
||||
hideLoading();
|
||||
if(data.code==200){
|
||||
this.queryDataList(true);
|
||||
this.editShow = false;
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
}else{
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
.catch(() => {
|
||||
hideLoading()
|
||||
})
|
||||
} else {
|
||||
delete params['id']
|
||||
this.$http
|
||||
.post(`/api/rice-shrimp-weekly-prices`, params)
|
||||
.then(({ data }) => {
|
||||
hideLoading()
|
||||
if (data.code == 200) {
|
||||
this.queryDataList(true)
|
||||
this.editShow = false
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
} else {
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
}
|
||||
}).catch(()=>{
|
||||
hideLoading();
|
||||
})
|
||||
.catch(() => {
|
||||
hideLoading()
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
queryInfo(id){
|
||||
queryInfo(id) {
|
||||
// this.$http.get(`/api/rice-shrimp-weekly-prices/${id}`).then(({data})=>{
|
||||
// console.log(data,'queryInfo===')
|
||||
// if(data.code==200){
|
||||
|
|
@ -414,118 +489,117 @@
|
|||
// this.setInfoKeys();
|
||||
// }
|
||||
// }).catch((err)=>{
|
||||
|
||||
// })
|
||||
},
|
||||
editInfoId(id){
|
||||
editInfoId(id) {
|
||||
// this.queryInfo(id);
|
||||
|
||||
this.setInfoKeys();
|
||||
this.editShow = true;
|
||||
this.popupShow = false;
|
||||
this.setInfoKeys()
|
||||
this.editShow = true
|
||||
this.popupShow = false
|
||||
},
|
||||
getweeksperyear(){
|
||||
this.$http.get(`/api/weeks-per-year`).then(({data})=>{
|
||||
if(data.code==200){
|
||||
let list = data.data;
|
||||
let weeks = [];
|
||||
for(let item of list){
|
||||
weeks.push({label:item.name,value:item.id})
|
||||
getweeksperyear() {
|
||||
this.$http
|
||||
.get(`/api/weeks-per-year`)
|
||||
.then(({ data }) => {
|
||||
if (data.code == 200) {
|
||||
let list = data.data
|
||||
let weeks = []
|
||||
for (let item of list) {
|
||||
weeks.push({ label: item.name, value: item.id })
|
||||
}
|
||||
this.weeksperyearlist = weeks;
|
||||
this.weeksperyearlist = weeks
|
||||
}
|
||||
}).catch((err)=>{
|
||||
|
||||
})
|
||||
.catch((err) => {})
|
||||
},
|
||||
//删除deleteInfoId
|
||||
deleteInfoId(id){
|
||||
deleteInfoId(id) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否确定删除？',
|
||||
success: (res)=> {
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
console.log('用户点击确定');
|
||||
showLoading('请稍等');
|
||||
this.$http.delete(`/api/rice-shrimp-weekly-prices/${id}`).then(({data})=>{
|
||||
hideLoading();
|
||||
if(data.code==200){
|
||||
this.formInfo = {};//重置删除
|
||||
this.popupShow = false;
|
||||
this.list.splice(this.cindex,1);
|
||||
console.log('用户点击确定')
|
||||
showLoading('请稍等')
|
||||
this.$http
|
||||
.delete(`/api/rice-shrimp-weekly-prices/${id}`)
|
||||
.then(({ data }) => {
|
||||
hideLoading()
|
||||
if (data.code == 200) {
|
||||
this.formInfo = {} //重置删除
|
||||
this.popupShow = false
|
||||
this.list.splice(this.cindex, 1)
|
||||
// this.queryDataList(true);
|
||||
}
|
||||
uni.showToast({ title: data.message, icon: 'none' });
|
||||
}).catch(()=>{
|
||||
hideLoading();
|
||||
uni.showToast({ title: data.message, icon: 'none' })
|
||||
})
|
||||
.catch(() => {
|
||||
hideLoading()
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
console.log('用户点击取消')
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
setInfoKeys(type){
|
||||
})
|
||||
},
|
||||
setInfoKeys(type) {
|
||||
let info = {
|
||||
id:'',
|
||||
year:'',
|
||||
week:'',
|
||||
week_name:'',
|
||||
price:''
|
||||
id: '',
|
||||
year: '',
|
||||
week: '',
|
||||
week_name: '',
|
||||
price: '',
|
||||
}
|
||||
if(type=='add'){
|
||||
this.setInfo = info;
|
||||
}else{
|
||||
let {id,year,week,price} = this.formInfo;
|
||||
try{
|
||||
for(let item of this.weeksperyearlist){
|
||||
if(week == item.value){
|
||||
info.week_name = item.label;
|
||||
break;
|
||||
if (type == 'add') {
|
||||
this.setInfo = info
|
||||
} else {
|
||||
let { id, year, week, price } = this.formInfo
|
||||
try {
|
||||
for (let item of this.weeksperyearlist) {
|
||||
if (week == item.value) {
|
||||
info.week_name = item.label
|
||||
break
|
||||
}
|
||||
}
|
||||
info['id'] = id;
|
||||
info['year'] = year;
|
||||
info['week'] = week;
|
||||
info['price'] = price;
|
||||
this.setInfo = info;
|
||||
|
||||
}catch(e){
|
||||
info['id'] = id
|
||||
info['year'] = year
|
||||
info['week'] = week
|
||||
info['price'] = price
|
||||
this.setInfo = info
|
||||
} catch (e) {
|
||||
//TODO handle the exception
|
||||
uni.showToast({ title: '数据错误', icon: 'none' })
|
||||
}
|
||||
}
|
||||
},
|
||||
valiFormRule(){
|
||||
let {id,year,week,price} = this.setInfo;
|
||||
if(year==''){
|
||||
uni.showToast({ title: '年份不能为空', icon: 'none' });
|
||||
return false;
|
||||
valiFormRule() {
|
||||
let { id, year, week, price } = this.setInfo
|
||||
if (year == '') {
|
||||
uni.showToast({ title: '年份不能为空', icon: 'none' })
|
||||
return false
|
||||
}
|
||||
if(week==''){
|
||||
uni.showToast({ title: '周不能为空', icon: 'none' });
|
||||
return false;
|
||||
if (week == '') {
|
||||
uni.showToast({ title: '周不能为空', icon: 'none' })
|
||||
return false
|
||||
}
|
||||
if(price==''){
|
||||
uni.showToast({ title: '价格不能为空', icon: 'none' });
|
||||
return false;
|
||||
if (price == '') {
|
||||
uni.showToast({ title: '价格不能为空', icon: 'none' })
|
||||
return false
|
||||
}
|
||||
return true;
|
||||
return true
|
||||
},
|
||||
goback(){
|
||||
goback() {
|
||||
navigateBack()
|
||||
}
|
||||
},
|
||||
},
|
||||
//触底加载
|
||||
onReachBottom() {
|
||||
if(this.loading=='loadmore'){
|
||||
this.queryDataList();
|
||||
if (this.loading == 'loadmore') {
|
||||
this.queryDataList()
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
<style lang="scss"></style>
|
||||
|
|
|
|||
|
|
@ -230,9 +230,15 @@ export default {
|
|||
seriesData.push(resData[key])
|
||||
})
|
||||
const max = Math.max(...seriesData)
|
||||
|
||||
if (max > 5) {
|
||||
let maxN = Math.ceil(max / 5) * 5
|
||||
maxN = maxN === 0 ? 5 : maxN
|
||||
this.opts.yAxis.data[0].max = maxN
|
||||
} else {
|
||||
this.opts.yAxis.splitNumber = max
|
||||
}
|
||||
|
||||
let res = {
|
||||
categories: xAxis,
|
||||
series: [
|
||||
|
|
|
|||
|
|
@ -10,13 +10,13 @@
|
|||
<view class="content-box">
|
||||
<view
|
||||
class="menus-section"
|
||||
v-for="(menu, index) in menuList"
|
||||
v-for="(menu, index) in menus"
|
||||
:key="index"
|
||||
>
|
||||
<view class="title-t" v-if="menu.parent"
|
||||
<view class="title-t" v-if="menu.parent && menu.children.length>0"
|
||||
>{{ menu.parent }}-{{ menu.label }}</view
|
||||
>
|
||||
<view class="title-t" v-else>{{ menu.label }}</view>
|
||||
<view class="title-t" v-if="!menu.parent && menu.children.length>0">{{ menu.label }}</view>
|
||||
<view class="menu-ul">
|
||||
<view class="menu-li" v-for="(cdm, i) in menu.children" :key="i">
|
||||
<view class="menu_item" @click="linknavFn(cdm)">
|
||||
|
|
@ -31,6 +31,7 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -42,44 +43,40 @@ export default {
|
|||
{
|
||||
label: '气象监测',
|
||||
url: '/pages/index/meteorological',
|
||||
permission: 'endpoint.weather.index',
|
||||
},
|
||||
{
|
||||
label: '智能监控',
|
||||
url: '/pages/index/monitor',
|
||||
permission: 'endpoint.camera.index',
|
||||
},
|
||||
{
|
||||
label: '土壤监控',
|
||||
url: '/pages/index/soil-monitoring',
|
||||
permission: 'endpoint.soil.index',
|
||||
},
|
||||
{
|
||||
label: '水质监控',
|
||||
url: '/pages/index/water-quality',
|
||||
permission: 'endpoint.water.index',
|
||||
},
|
||||
{
|
||||
label: '昆虫性诱监测',
|
||||
url: '/pages/index/insect-monitors',
|
||||
permission: 'endpoint.insect.index',
|
||||
},
|
||||
{
|
||||
label: '虫情监测',
|
||||
url: '/pages/index/pests',
|
||||
permission: 'endpoint.worm_statics.index',
|
||||
},
|
||||
{
|
||||
label: '杀虫灯检测',
|
||||
url: '/pages/index/insecticidal-lamp',
|
||||
permission: 'endpoint.insecticidal_lamp.index',
|
||||
},
|
||||
],
|
||||
},
|
||||
// {
|
||||
// label:'基础数据管理',
|
||||
// children:[
|
||||
// {
|
||||
// label:'城镇数据',
|
||||
// },
|
||||
// {
|
||||
// label:'基地数据',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
{
|
||||
label: '全市基础数据',
|
||||
parent: '基础数据管理',
|
||||
|
|
@ -87,10 +84,12 @@ export default {
|
|||
{
|
||||
label: '城镇数据',
|
||||
url: '/pages/basics/town-base',
|
||||
permission: 'endpoint.town_street.index',
|
||||
},
|
||||
{
|
||||
label: '基地数据',
|
||||
url: '/pages/basics/basics-base',
|
||||
permission: 'endpoint.agricultural_basic.index',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -101,10 +100,12 @@ export default {
|
|||
{
|
||||
label: '城镇农作物',
|
||||
url: '/pages/crop/town-crop',
|
||||
permission: 'endpoint.town_crops.index',
|
||||
},
|
||||
{
|
||||
label: '基地农作物',
|
||||
url: '/pages/crop/basics-crop',
|
||||
permission: 'endpoint.crops.index',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -115,10 +116,12 @@ export default {
|
|||
{
|
||||
label: '城镇产量',
|
||||
url: '/pages/yield/town-yield',
|
||||
permission: 'endpoint.town_crops_output.index',
|
||||
},
|
||||
{
|
||||
label: '基地产量',
|
||||
url: '/pages/yield/basics-yield',
|
||||
permission: 'endpoint.crops_output.index',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -129,22 +132,27 @@ export default {
|
|||
{
|
||||
label: '稻虾价格',
|
||||
url: '/pages/estate/estate-price',
|
||||
permission: 'endpoint.rice_shrimp_prices.index',
|
||||
},
|
||||
{
|
||||
label: '稻虾每周价格',
|
||||
url: '/pages/estate/estate-week-price',
|
||||
permission: 'endpoint.rice_shrimp_weekly_prices.index',
|
||||
},
|
||||
{
|
||||
label: '稻虾产业',
|
||||
url: '/pages/estate/estate-industry',
|
||||
permission: 'endpoint.rice_shrimp_industries.index',
|
||||
},
|
||||
{
|
||||
label: '稻虾流向',
|
||||
url: '/pages/estate/estate-flows',
|
||||
permission: 'endpoint.rice_shrimp_flows.index',
|
||||
},
|
||||
{
|
||||
label: '大宗物资',
|
||||
url: '/pages/estate/estate-materiels',
|
||||
permission: 'endpoint.materiels.index',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -154,18 +162,48 @@ export default {
|
|||
{
|
||||
label: '设备管理',
|
||||
url: '/pages/device/index',
|
||||
permission: 'endpoint.device.index',
|
||||
},
|
||||
{
|
||||
label: '警报明细',
|
||||
url: '/pages/device/warning',
|
||||
permission: 'endpoint.warnings.index',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['userInfo']),
|
||||
menus(){
|
||||
|
||||
return this.filterAsyncRoutes(this.menuList, this.userInfo?.permissions_slug ?? [])
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
methods: {
|
||||
hasPermission(roles, route) {
|
||||
if (route.permission) {
|
||||
return roles.some((role) => route.permission.includes(role))
|
||||
} else {
|
||||
return true
|
||||
}
|
||||
},
|
||||
filterAsyncRoutes(routes, roles) {
|
||||
const res = []
|
||||
routes.forEach((route) => {
|
||||
const tmp = { ...route }
|
||||
if (this.hasPermission(roles, tmp)) {
|
||||
if (tmp.children) {
|
||||
tmp.children = this.filterAsyncRoutes(tmp.children, roles)
|
||||
}
|
||||
res.push(tmp)
|
||||
}
|
||||
})
|
||||
return res
|
||||
},
|
||||
|
||||
linknavFn(item) {
|
||||
console.log(item)
|
||||
uni.navigateTo({
|
||||
|
|
|
|||
|
|
@ -1,156 +1,233 @@
|
|||
<template>
|
||||
<view class="monitor-page bg-page" >
|
||||
<view class="monitor-page bg-page">
|
||||
<view class="utab-section">
|
||||
<u-subsection :list="list" :current="current" @change="sectionChange"></u-subsection>
|
||||
<u-subsection
|
||||
:list="list"
|
||||
:current="current"
|
||||
@change="sectionChange"
|
||||
></u-subsection>
|
||||
</view>
|
||||
<view class="secreen-section" style="background-color: #fff;">
|
||||
<u-dropdown class="dropdown-box" v-if="current==0" ref="uDropdown">
|
||||
<u-dropdown-item v-model="addressValue" title="基地"
|
||||
<view class="secreen-section" style="background-color: #fff">
|
||||
<u-dropdown class="dropdown-box" v-if="current == 0" ref="uDropdown">
|
||||
<u-dropdown-item
|
||||
v-model="addressValue"
|
||||
title="基地"
|
||||
height="700rpx"
|
||||
:options="deviceAddressList" @change="change"></u-dropdown-item>
|
||||
<u-dropdown-item v-model="device_id" title="检测点" height="700rpx"
|
||||
:options="options2" @change="change2"></u-dropdown-item>
|
||||
<u-dropdown-item v-model="is_recommend" title="全部"
|
||||
:options="options3" @change="change3"></u-dropdown-item>
|
||||
|
||||
:options="deviceAddressList"
|
||||
@change="change"
|
||||
></u-dropdown-item>
|
||||
<u-dropdown-item
|
||||
v-model="device_id"
|
||||
title="检测点"
|
||||
height="700rpx"
|
||||
:options="options2"
|
||||
@change="change2"
|
||||
></u-dropdown-item>
|
||||
<u-dropdown-item
|
||||
v-model="is_recommend"
|
||||
title="全部"
|
||||
:options="options3"
|
||||
@change="change3"
|
||||
></u-dropdown-item>
|
||||
</u-dropdown>
|
||||
<u-dropdown class="dropdown-box" v-if="current==1" ref="uDropdown2"
|
||||
@open="openDropDown">
|
||||
<u-dropdown-item v-model="addressValue2" title="基地" height="700rpx"
|
||||
:options="deviceAddressList2" @change="change"></u-dropdown-item>
|
||||
<u-dropdown-item v-model="device_id2" title="检测点" height="700rpx"
|
||||
:options="options4" @change="change4"></u-dropdown-item>
|
||||
<u-dropdown-item v-if="current==1" title="日期">
|
||||
<view class="slot-content" style="background-color: #FFFFFF;">
|
||||
<view class="select-date u-border-bottom" style="margin-bottom: 0;">
|
||||
<u-dropdown
|
||||
class="dropdown-box"
|
||||
v-if="current == 1"
|
||||
ref="uDropdown2"
|
||||
@open="openDropDown"
|
||||
>
|
||||
<u-dropdown-item
|
||||
v-model="addressValue2"
|
||||
title="基地"
|
||||
height="700rpx"
|
||||
:options="deviceAddressList2"
|
||||
@change="change"
|
||||
></u-dropdown-item>
|
||||
<u-dropdown-item
|
||||
v-model="device_id2"
|
||||
title="检测点"
|
||||
height="700rpx"
|
||||
:options="options4"
|
||||
@change="change4"
|
||||
></u-dropdown-item>
|
||||
<u-dropdown-item v-if="current == 1" title="日期">
|
||||
<view class="slot-content" style="background-color: #ffffff">
|
||||
<view class="select-date u-border-bottom" style="margin-bottom: 0">
|
||||
<view class="name" @click="pickerTimeFn('start')">
|
||||
<u-icon name="calendar" color="#333" size="32"></u-icon>
|
||||
<text style="margin-left: 6rpx;">开始时间：</text>
|
||||
<text style="margin-left: 6rpx">开始时间：</text>
|
||||
</view>
|
||||
<view class="time_box">
|
||||
<view class="tip_txt" v-if="!start_date_c"
|
||||
@click="pickerTimeFn('start')">请选择开始时间</view>
|
||||
<view class="tile_val" v-else
|
||||
@click="pickerTimeFn('start')">{{start_date_c}}</view>
|
||||
<view class="delete_btn" v-if="start_date_c" @click="deleteDateFn('start')">
|
||||
<view
|
||||
class="tip_txt"
|
||||
v-if="!start_date_c"
|
||||
@click="pickerTimeFn('start')"
|
||||
>请选择开始时间</view
|
||||
>
|
||||
<view class="tile_val" v-else @click="pickerTimeFn('start')">{{
|
||||
start_date_c
|
||||
}}</view>
|
||||
<view
|
||||
class="delete_btn"
|
||||
v-if="start_date_c"
|
||||
@click="deleteDateFn('start')"
|
||||
>
|
||||
<u-icon name="close-circle" color="#333" size="34"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="select-date u-border-bottom" style="margin-bottom: 0;">
|
||||
<view class="select-date u-border-bottom" style="margin-bottom: 0">
|
||||
<view class="name" @click="pickerTimeFn('end')">
|
||||
<u-icon name="calendar" color="#333" size="32"></u-icon>
|
||||
<text style="margin-left: 6rpx;">结束时间：</text>
|
||||
<text style="margin-left: 6rpx">结束时间：</text>
|
||||
</view>
|
||||
<view class="time_box">
|
||||
<view class="tip_txt" v-if="!end_date_c"
|
||||
@click="pickerTimeFn('end')">请选择结束时间</view>
|
||||
<view class="tile_val" v-else
|
||||
@click="pickerTimeFn('end')">{{end_date_c}}</view>
|
||||
<view class="delete_btn" v-if="end_date_c" @click="deleteDateFn('end')">
|
||||
<view
|
||||
class="tip_txt"
|
||||
v-if="!end_date_c"
|
||||
@click="pickerTimeFn('end')"
|
||||
>请选择结束时间</view
|
||||
>
|
||||
<view class="tile_val" v-else @click="pickerTimeFn('end')">{{
|
||||
end_date_c
|
||||
}}</view>
|
||||
<view
|
||||
class="delete_btn"
|
||||
v-if="end_date_c"
|
||||
@click="deleteDateFn('end')"
|
||||
>
|
||||
<u-icon name="close-circle" color="#333" size="34"></u-icon>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="select-date u-border-bottom" v-if="selectedTimeTip">
|
||||
<view class="tip_err_text" >
|
||||
<view class="tip_err_text">
|
||||
请选择开始时间和结束时间，查询视频
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn_group">
|
||||
<u-button class="btn" @click="resetSecreen()">重置</u-button>
|
||||
<u-button class="btn" type="primary" @click="selectedDateConform()">查询</u-button>
|
||||
<u-button
|
||||
class="btn"
|
||||
type="primary"
|
||||
@click="selectedDateConform()"
|
||||
>查询</u-button
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
</u-dropdown-item>
|
||||
</u-dropdown>
|
||||
</view>
|
||||
<view class="secreen-show-box mt20" v-if="current==0&&addressName">
|
||||
<view class="secreen-show-box mt20" v-if="current == 0 && addressName">
|
||||
<view class="label_t">当前位置：</view>
|
||||
<view class="info">{{addressName}}-{{device_id?device_id:'全部'}}-{{is_recommend?'推荐':'全部'}}</view>
|
||||
<view class="info"
|
||||
>{{ addressName }}-{{ device_id ? device_id : '全部' }}-{{
|
||||
is_recommend ? '推荐' : '全部'
|
||||
}}</view
|
||||
>
|
||||
</view>
|
||||
<view class="secreen-show-box mt20" v-if="current==1&&q_start_time">
|
||||
<view class="secreen-show-box mt20" v-if="current == 1 && q_start_time">
|
||||
<view class="label_t">查询：</view>
|
||||
<view class="info">
|
||||
<view>{{addressName2}}-{{device_id2}}</view>
|
||||
<view>{{q_start_time}} 到 {{q_end_time}}</view>
|
||||
<view>{{ addressName2 }}-{{ device_id2 }}</view>
|
||||
<view>{{ q_start_time }} 到 {{ q_end_time }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content-box">
|
||||
<view class="video_ul" v-show="current==0">
|
||||
<view class="video_li" v-for="(video,index) in videoList" :key="index">
|
||||
<view class="video_ul" v-show="current == 0">
|
||||
<view class="video_li" v-for="(video, index) in videoList" :key="index">
|
||||
<view class="video_cd">
|
||||
<!-- #ifdef H5 -->
|
||||
<video-flv-h5 :url="video.video_url"></video-flv-h5>
|
||||
<videoM3u8H5 v-if="video.video_type=='m3u8'" :url="video.video_url" :id="`m_${index}_refsM3u8`"></videoM3u8H5>
|
||||
<video-flv-h5 v-else :url="video.video_url"></video-flv-h5>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
<view class="bottom-box">
|
||||
<view class="row flex-row">
|
||||
<view class="lab">推荐：</view>
|
||||
<u-switch v-model="video.bl_recommend" size="30"
|
||||
@change="changeRecommend($event,index)"></u-switch>
|
||||
<u-switch
|
||||
v-model="video.bl_recommend"
|
||||
size="30"
|
||||
@change="changeRecommend($event, index)"
|
||||
></u-switch>
|
||||
</view>
|
||||
<view class="address">{{video.base_name}}-{{video.monitoring_point}}</view>
|
||||
<view class="address"
|
||||
>{{ video.base_name }}-{{ video.monitoring_point }}</view
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
<u-loadmore :status="loading" />
|
||||
</view>
|
||||
<view class="video_ul" v-show="current==1">
|
||||
<view class="video_li" v-for="(video,index) in videoList2" :key="index">
|
||||
<view class="video_ul" v-show="current == 1">
|
||||
<view
|
||||
class="video_li"
|
||||
v-for="(video, index) in videoList2"
|
||||
:key="index"
|
||||
>
|
||||
<view class="video_cd">
|
||||
<!-- #ifdef H5 -->
|
||||
<video-flv-h5 :url="video.video_url"></video-flv-h5>
|
||||
<videoM3u8H5 v-if="video.video_type=='m3u8'" :url="video.video_url" :id="`m_${index}_refsM3u82`" ></videoM3u8H5>
|
||||
<video-flv-h5 v-else :url="video.video_url"></video-flv-h5>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
<view class="bottom-box">
|
||||
<view class="address">{{video.base_name}}-{{video.monitoring_point}}</view>
|
||||
<view class="address"
|
||||
>{{ video.base_name }}-{{ video.monitoring_point }}</view
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<u-loadmore :status="loading2" v-if="loading2"/>
|
||||
<u-empty text="请选择要查看的视频的日期" mode="history" margin-top="100"
|
||||
v-if="!(videoList2&&videoList2.length)"></u-empty>
|
||||
|
||||
<u-loadmore :status="loading2" v-if="loading2" />
|
||||
<u-empty
|
||||
text="请选择要查看的视频的日期"
|
||||
mode="history"
|
||||
margin-top="100"
|
||||
v-if="!(videoList2 && videoList2.length)"
|
||||
></u-empty>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 选择时间 -->
|
||||
<u-picker mode="time" v-model="pickerShow" @confirm="pickerChange"
|
||||
:params="pickerParams" :default-time="defaultTime"></u-picker>
|
||||
|
||||
<u-picker
|
||||
mode="time"
|
||||
v-model="pickerShow"
|
||||
@confirm="pickerChange"
|
||||
:params="pickerParams"
|
||||
:default-time="defaultTime"
|
||||
></u-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import videoFlvH5 from '@/components/video-flv-h5/video-flv-h5.vue'
|
||||
export default {
|
||||
components: { videoFlvH5 },
|
||||
import videoFlvH5 from '@/components/video-flv-h5/video-flv-h5.vue'
|
||||
import videoM3u8H5 from '@/components/video-m3u8-h5/video-m3u8-h5.vue'
|
||||
import Request from '@/api/luch-request/index.js'
|
||||
const http = new Request()
|
||||
export default {
|
||||
components: { videoFlvH5,videoM3u8H5 },
|
||||
data() {
|
||||
return {
|
||||
list:[
|
||||
list: [
|
||||
{
|
||||
name: '监控'
|
||||
name: '监控',
|
||||
},
|
||||
{
|
||||
name: '视频'
|
||||
name: '视频',
|
||||
},
|
||||
],
|
||||
current:0,
|
||||
current: 0,
|
||||
//筛选
|
||||
q_start_time:'',
|
||||
q_end_time:'',
|
||||
deviceAddressList:[],//筛选设备地区列表
|
||||
addressName:'',
|
||||
addressValue:'',
|
||||
device_id:'',//检测点 - options2中的设备id
|
||||
options2:[],
|
||||
start_date_c:'',
|
||||
end_date_c:'',
|
||||
device_type:1,//监控
|
||||
is_recommend:0,
|
||||
options3:[
|
||||
q_start_time: '',
|
||||
q_end_time: '',
|
||||
deviceAddressList: [], //筛选设备地区列表
|
||||
addressName: '',
|
||||
addressValue: '',
|
||||
device_id: '', //检测点 - options2中的设备id
|
||||
options2: [],
|
||||
start_date_c: '',
|
||||
end_date_c: '',
|
||||
device_type: 1, //监控
|
||||
is_recommend: 0,
|
||||
options3: [
|
||||
{
|
||||
label: '全部',
|
||||
value: 0,
|
||||
|
|
@ -158,373 +235,413 @@
|
|||
{
|
||||
label: '推荐',
|
||||
value: 1,
|
||||
}
|
||||
},
|
||||
],
|
||||
per_page:4,
|
||||
page:1,
|
||||
per_page: 4,
|
||||
page: 1,
|
||||
pickerParams: {
|
||||
year: true,
|
||||
month: true,
|
||||
day: true,
|
||||
hour: true,
|
||||
minute: true,
|
||||
second: false
|
||||
second: false,
|
||||
},
|
||||
defaultTime:'',
|
||||
pickerShow:false,//选择
|
||||
ctimeType:'',//当前点击
|
||||
addressValue2:'',
|
||||
addressName2:'',
|
||||
device_id2:'',
|
||||
options4:[],
|
||||
websocket:{},
|
||||
videoList:[],
|
||||
videoList2:[],
|
||||
per_page2:4,
|
||||
page2:1,
|
||||
loading:'loading',
|
||||
loading2:'',
|
||||
selectedTimeTip:false,//选择时间段提示
|
||||
};
|
||||
defaultTime: '',
|
||||
pickerShow: false, //选择
|
||||
ctimeType: '', //当前点击
|
||||
addressValue2: '',
|
||||
addressName2: '',
|
||||
device_id2: '',
|
||||
options4: [],
|
||||
websocket: {},
|
||||
videoList: [],
|
||||
videoList2: [],
|
||||
per_page2: 4,
|
||||
page2: 1,
|
||||
loading: 'loading',
|
||||
loading2: '',
|
||||
selectedTimeTip: false, //选择时间段提示
|
||||
}
|
||||
},
|
||||
onLoad(){
|
||||
this.queryWebsocketIp();
|
||||
|
||||
onLoad() {
|
||||
this.queryWebsocketIp()
|
||||
},
|
||||
methods:{
|
||||
methods: {
|
||||
sectionChange(index) {
|
||||
this.current = index;
|
||||
this.current = index
|
||||
},
|
||||
//地区1
|
||||
change(val){
|
||||
console.log(val);
|
||||
let narray = this.deviceAddressList.filter(item=>{
|
||||
return item.value==val;
|
||||
change(val) {
|
||||
console.log(val)
|
||||
let narray = this.deviceAddressList.filter((item) => {
|
||||
return item.value == val
|
||||
})
|
||||
console.log(narray);
|
||||
if(this.current==0){
|
||||
this.addressName = narray[0].name;
|
||||
}else{
|
||||
this.addressName2 = narray[0].name;
|
||||
console.log(narray)
|
||||
if (this.current == 0) {
|
||||
this.addressName = narray[0].name
|
||||
} else {
|
||||
this.addressName2 = narray[0].name
|
||||
}
|
||||
if(val==''){
|
||||
this.addressName = '全部';
|
||||
this.queryDevices();
|
||||
}else{
|
||||
this.queryAddressDevicePoints(val);
|
||||
if (val == '') {
|
||||
this.addressName = '全部'
|
||||
this.queryDevices()
|
||||
} else {
|
||||
this.queryAddressDevicePoints(val)
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
//地区下设备id
|
||||
change2(val){
|
||||
change2(val) {
|
||||
console.log(val)
|
||||
this.queryDevices();
|
||||
this.queryDevices()
|
||||
},
|
||||
//推荐
|
||||
change3(val){
|
||||
this.queryDevices();
|
||||
change3(val) {
|
||||
this.queryDevices()
|
||||
},
|
||||
//视频下-设备
|
||||
change4(val){
|
||||
|
||||
},
|
||||
change4(val) {},
|
||||
//时间选择
|
||||
pickerTimeFn(type){
|
||||
this.ctimeType = type;
|
||||
this.pickerShow = true;
|
||||
pickerTimeFn(type) {
|
||||
this.ctimeType = type
|
||||
this.pickerShow = true
|
||||
},
|
||||
//日期范围
|
||||
pickerChange(e){
|
||||
console.log(e,'日期范围')
|
||||
let dateTime = `${e.year}-${e.month}-${e.day} ${e.hour}:${e.minute}`;
|
||||
if(this.ctimeType=='start'){
|
||||
this.start_date_c = dateTime;
|
||||
}else if(this.ctimeType=='end'){
|
||||
this.end_date_c = dateTime;
|
||||
}else{}
|
||||
console.log(dateTime,'日期范围')
|
||||
pickerChange(e) {
|
||||
console.log(e, '日期范围')
|
||||
let dateTime = `${e.year}-${e.month}-${e.day} ${e.hour}:${e.minute}`
|
||||
if (this.ctimeType == 'start') {
|
||||
this.start_date_c = dateTime
|
||||
} else if (this.ctimeType == 'end') {
|
||||
this.end_date_c = dateTime
|
||||
} else {
|
||||
}
|
||||
console.log(dateTime, '日期范围')
|
||||
},
|
||||
//删除选择的时间
|
||||
deleteDateFn(type){
|
||||
if(type=='start'){
|
||||
this.start_date_c = '';
|
||||
}else if(type=='end'){
|
||||
this.end_date_c = '';
|
||||
}else{}
|
||||
deleteDateFn(type) {
|
||||
if (type == 'start') {
|
||||
this.start_date_c = ''
|
||||
} else if (type == 'end') {
|
||||
this.end_date_c = ''
|
||||
} else {
|
||||
}
|
||||
},
|
||||
resetSecreen(){
|
||||
this.start_date_c = '';
|
||||
this.end_date_c = '';
|
||||
resetSecreen() {
|
||||
this.start_date_c = ''
|
||||
this.end_date_c = ''
|
||||
},
|
||||
selectedDateConform(){
|
||||
if(this.start_date_c&&this.end_date_c){
|
||||
this.selectedTimeTip = false;
|
||||
this.q_start_time = this.start_date_c;
|
||||
this.q_end_time = this.end_date_c;
|
||||
this.queryDevices2();
|
||||
this.$refs.uDropdown2.close();
|
||||
}else{
|
||||
this.selectedTimeTip = true;
|
||||
selectedDateConform() {
|
||||
if (this.start_date_c && this.end_date_c) {
|
||||
this.selectedTimeTip = false
|
||||
this.q_start_time = this.start_date_c
|
||||
this.q_end_time = this.end_date_c
|
||||
this.queryDevices2()
|
||||
this.$refs.uDropdown2.close()
|
||||
} else {
|
||||
this.selectedTimeTip = true
|
||||
}
|
||||
},
|
||||
//时间筛选
|
||||
openDropDown(index){
|
||||
console.log(index,'openDropDown');
|
||||
this.selectedTimeTip = false;
|
||||
if(index==2){//日期
|
||||
this.start_date_c = this.q_start_time;
|
||||
this.end_date_c = this.q_end_time;
|
||||
openDropDown(index) {
|
||||
console.log(index, 'openDropDown')
|
||||
this.selectedTimeTip = false
|
||||
if (index == 2) {
|
||||
//日期
|
||||
this.start_date_c = this.q_start_time
|
||||
this.end_date_c = this.q_end_time
|
||||
}
|
||||
},
|
||||
//推特
|
||||
changeRecommend(value,index){
|
||||
console.log(value,index);
|
||||
let id = this.videoList[index].id;
|
||||
this.recommendId(id);
|
||||
changeRecommend(value, index) {
|
||||
console.log(value, index)
|
||||
let id = this.videoList[index].id
|
||||
this.recommendId(id)
|
||||
},
|
||||
recommendId(id){
|
||||
this.$http.put(`/api/devices-update-recommend/${id}`).then(({data})=>{
|
||||
console.log(data,'recommendId===')
|
||||
|
||||
}).catch((err)=>{
|
||||
|
||||
recommendId(id) {
|
||||
this.$http
|
||||
.put(`/api/devices-update-recommend/${id}`)
|
||||
.then(({ data }) => {
|
||||
console.log(data, 'recommendId===')
|
||||
})
|
||||
.catch((err) => {})
|
||||
},
|
||||
async queryWebsocketIp(){
|
||||
async queryWebsocketIp() {
|
||||
let params = {
|
||||
_t: new Date().getTime()
|
||||
_t: new Date().getTime(),
|
||||
}
|
||||
const {data} = await this.$http.get('/api/ffmpeg-websocket-ip',{params:params});
|
||||
try{
|
||||
console.log(data,'queryWebsocketIp');
|
||||
if(data.code==200){
|
||||
this.websocket = data.data;
|
||||
const { data } = await this.$http.get('/api/ffmpeg-websocket-ip', {
|
||||
params: params,
|
||||
})
|
||||
try {
|
||||
console.log(data, 'queryWebsocketIp')
|
||||
if (data.code == 200) {
|
||||
this.websocket = data.data
|
||||
}
|
||||
}catch(e){
|
||||
} catch (e) {
|
||||
//TODO handle the exception
|
||||
}
|
||||
this.queryDeviceBasics('init');
|
||||
this.queryDeviceBasics('init')
|
||||
},
|
||||
//查询监测
|
||||
queryDevices(type){
|
||||
if(type!='more'){
|
||||
this.loading = 'loadmore';
|
||||
this.page = 1;
|
||||
queryDevices(type) {
|
||||
if (type != 'more') {
|
||||
this.loading = 'loadmore'
|
||||
this.page = 1
|
||||
}
|
||||
let params = {
|
||||
type:this.device_type,
|
||||
status:1,//在线
|
||||
per_page:this.per_page,
|
||||
page:this.page++,
|
||||
_t: new Date().getTime()
|
||||
type: this.device_type,
|
||||
status: 1, //在线
|
||||
per_page: this.per_page,
|
||||
page: this.page++,
|
||||
_t: new Date().getTime(),
|
||||
}
|
||||
if(this.addressValue){
|
||||
params['base'] = this.addressValue;
|
||||
if (this.addressValue) {
|
||||
params['base'] = this.addressValue
|
||||
}
|
||||
if(this.device_id){
|
||||
params['point'] = this.device_id;
|
||||
if (this.device_id) {
|
||||
params['point'] = this.device_id
|
||||
}
|
||||
if(this.is_recommend){
|
||||
params['is_recommend'] = this.is_recommend;
|
||||
if (this.is_recommend) {
|
||||
params['is_recommend'] = this.is_recommend
|
||||
}
|
||||
this.loading = 'loading';
|
||||
this.$http.get('/api/devices',{params:params}).then(({data})=>{
|
||||
this.loading = 'loadmore';
|
||||
if(type!='more'){
|
||||
this.videoList = [];
|
||||
this.loading = 'loading'
|
||||
this.$http
|
||||
.get('/api/devices', { params: params })
|
||||
.then(async ({ data }) => {
|
||||
this.loading = 'loadmore'
|
||||
if (type != 'more') {
|
||||
this.videoList = []
|
||||
}
|
||||
console.log(data,'监测视频');
|
||||
if(data.code==200){
|
||||
let list = data.data;
|
||||
for(let item of list){
|
||||
let url = item.extends.rtsp_url;
|
||||
let {ip,port} = this.websocket;
|
||||
if(url){
|
||||
item.video_url = `ws://${ip}:${port}/rtsp?url=${window.btoa(url)}`
|
||||
console.log(data, '监测视频')
|
||||
if (data.code == 200) {
|
||||
let list = data.data
|
||||
for (let item of list) {
|
||||
let url = item.extends.rtsp_url
|
||||
let { ip, port } = this.websocket
|
||||
|
||||
if (url) {
|
||||
item.video_url = `ws://${ip}:${port}/rtsp?url=${window.btoa(
|
||||
url
|
||||
)}`
|
||||
}
|
||||
item.bl_recommend = item.is_recommend==1?true:false;
|
||||
const { supplier, extends: extend, sn } = item
|
||||
|
||||
if (item.supplier.id == 'device-supplier-biang') {
|
||||
const { data } = await http.get(
|
||||
'https://yun.bigdata5s.com/api/open-api/open/getSeedingLive',
|
||||
{
|
||||
params: {
|
||||
username: extend.username,
|
||||
password: extend.password,
|
||||
equipmentCode: sn,
|
||||
channelNo: extend.passage,
|
||||
},
|
||||
}
|
||||
this.videoList = this.videoList.concat(list);
|
||||
if(data.meta.current_page>= data.meta.last_page){
|
||||
this.loading = 'nomore';
|
||||
)
|
||||
item.video_url = data.data
|
||||
item.video_type = 'm3u8'
|
||||
}
|
||||
console.log(this.videoList,data);
|
||||
|
||||
item.bl_recommend = item.is_recommend == 1 ? true : false
|
||||
}
|
||||
}).catch(()=>{
|
||||
this.loading = 'loadmore';
|
||||
this.videoList = this.videoList.concat(list)
|
||||
if (data.meta.current_page >= data.meta.last_page) {
|
||||
this.loading = 'nomore'
|
||||
}
|
||||
console.log(this.videoList, data)
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = 'loadmore'
|
||||
})
|
||||
},
|
||||
//查询视频
|
||||
queryDevices2(type){
|
||||
if(type!='more'){
|
||||
this.loading2 = 'loadmore';
|
||||
this.page2 = 1;
|
||||
queryDevices2(type) {
|
||||
if (type != 'more') {
|
||||
this.loading2 = 'loadmore'
|
||||
this.page2 = 1
|
||||
}
|
||||
let params = {
|
||||
type:this.device_type,
|
||||
status:1,//在线
|
||||
per_page:this.per_page2,
|
||||
page:this.page2++,
|
||||
_t: new Date().getTime()
|
||||
type: this.device_type,
|
||||
status: 1, //在线
|
||||
per_page: this.per_page2,
|
||||
page: this.page2++,
|
||||
_t: new Date().getTime(),
|
||||
}
|
||||
if(this.addressValue2){
|
||||
params['base'] = this.addressValue2;
|
||||
if (this.addressValue2) {
|
||||
params['base'] = this.addressValue2
|
||||
}
|
||||
if(this.device_id){
|
||||
params['point'] = this.device_id2;
|
||||
if (this.device_id) {
|
||||
params['point'] = this.device_id2
|
||||
}
|
||||
if(this.q_start_time){//时间
|
||||
params['start_time'] = this.q_start_time;
|
||||
params['end_time'] = this.q_end_time;
|
||||
if (this.q_start_time) {
|
||||
//时间
|
||||
params['start_time'] = this.q_start_time
|
||||
params['end_time'] = this.q_end_time
|
||||
}
|
||||
this.loading2 = 'loading';
|
||||
this.$http.get('/api/devices',{params:params}).then(({data})=>{
|
||||
this.loading2 = 'loadmore';
|
||||
if(type!='more'){this.videoList2 = [];}
|
||||
console.log(data,'监测视频');
|
||||
if(data.code==200){
|
||||
let list = data.data;
|
||||
for(let item of list){
|
||||
let url = item.extends.rtsp_url;
|
||||
if(url){
|
||||
let {username,password,ip,passage,port} = item.extends
|
||||
let stime = this.$u.timeFormat(params['start_time'], 'yyyy_mm_dd_hh_MM_ss');
|
||||
let etime = this.$u.timeFormat(params['end_time'], 'yyyy_mm_dd_hh_MM_ss');
|
||||
let p_url = `rtsp://${username}:${password}@${ip}:${port}/cam/playback?channel=${passage}&subtype=0`;
|
||||
let rtsp_url = `${p_url}&starttime=${stime}&endtime=${etime}`;
|
||||
item.video_url = `ws://${this.websocket.ip}:${this.websocket.port}/rtsp?url=${window.btoa(rtsp_url)}}`
|
||||
console.log(rtsp_url,item.video_url,'视频url');
|
||||
this.loading2 = 'loading'
|
||||
this.$http
|
||||
.get('/api/devices', { params: params })
|
||||
.then(({ data }) => {
|
||||
this.loading2 = 'loadmore'
|
||||
if (type != 'more') {
|
||||
this.videoList2 = []
|
||||
}
|
||||
console.log(data, '监测视频')
|
||||
if (data.code == 200) {
|
||||
let list = data.data
|
||||
for (let item of list) {
|
||||
let url = item.extends.rtsp_url
|
||||
if (url) {
|
||||
let { username, password, ip, passage, port } = item.extends
|
||||
let stime = this.$u.timeFormat(
|
||||
params['start_time'],
|
||||
'yyyy_mm_dd_hh_MM_ss'
|
||||
)
|
||||
let etime = this.$u.timeFormat(
|
||||
params['end_time'],
|
||||
'yyyy_mm_dd_hh_MM_ss'
|
||||
)
|
||||
let p_url = `rtsp://${username}:${password}@${ip}:${port}/cam/playback?channel=${passage}&subtype=0`
|
||||
let rtsp_url = `${p_url}&starttime=${stime}&endtime=${etime}`
|
||||
item.video_url = `ws://${this.websocket.ip}:${
|
||||
this.websocket.port
|
||||
}/rtsp?url=${window.btoa(rtsp_url)}}`
|
||||
console.log(rtsp_url, item.video_url, '视频url')
|
||||
}
|
||||
}
|
||||
this.videoList2 = this.videoList2.concat(list);
|
||||
if(data.meta.current_page>= data.meta.last_page){
|
||||
this.loading2 = 'nomore';
|
||||
this.videoList2 = this.videoList2.concat(list)
|
||||
if (data.meta.current_page >= data.meta.last_page) {
|
||||
this.loading2 = 'nomore'
|
||||
}
|
||||
}
|
||||
}).catch(()=>{
|
||||
this.loading2 = 'loadmore';
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading2 = 'loadmore'
|
||||
})
|
||||
},
|
||||
//查询地址筛选
|
||||
queryDeviceBasics(type){
|
||||
queryDeviceBasics(type) {
|
||||
let params = {
|
||||
device_type:this.device_type,
|
||||
_t: new Date().getTime()
|
||||
device_type: this.device_type,
|
||||
_t: new Date().getTime(),
|
||||
}
|
||||
this.$http.get('/api/agricultural-device-basic',{params:params}).then(({data})=>{
|
||||
console.log(data);
|
||||
if(data.code==200){
|
||||
let _data = data.data;
|
||||
for(let item of _data){
|
||||
item['label'] = item.name;
|
||||
item['value'] = item.id;
|
||||
this.$http
|
||||
.get('/api/agricultural-device-basic', { params: params })
|
||||
.then(({ data }) => {
|
||||
console.log(data)
|
||||
if (data.code == 200) {
|
||||
let _data = data.data
|
||||
for (let item of _data) {
|
||||
item['label'] = item.name
|
||||
item['value'] = item.id
|
||||
}
|
||||
this.deviceAddressList = JSON.parse(JSON.stringify(_data));
|
||||
this.deviceAddressList2 =_data;
|
||||
this.addressValue = _data[0].id;
|
||||
this.addressName = _data[0].name;
|
||||
this.addressValue2 = _data[0].id;
|
||||
this.addressName2 = _data[0].name;
|
||||
this.deviceAddressList.unshift({label:'全部',value:''});
|
||||
this.queryAddressDevicePoints(_data[0].id,type);
|
||||
this.deviceAddressList = JSON.parse(JSON.stringify(_data))
|
||||
this.deviceAddressList2 = _data
|
||||
this.addressValue = _data[0].id
|
||||
this.addressName = _data[0].name
|
||||
this.addressValue2 = _data[0].id
|
||||
this.addressName2 = _data[0].name
|
||||
this.deviceAddressList.unshift({ label: '全部', value: '' })
|
||||
this.queryAddressDevicePoints(_data[0].id, type)
|
||||
}
|
||||
}).catch(()=>{
|
||||
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
//查询地址下的设备监控点
|
||||
queryAddressDevicePoints(id,type){
|
||||
queryAddressDevicePoints(id, type) {
|
||||
let params = {
|
||||
device_type:this.device_type,
|
||||
agricultural_basic:id,
|
||||
_t: new Date().getTime()
|
||||
device_type: this.device_type,
|
||||
agricultural_basic: id,
|
||||
_t: new Date().getTime(),
|
||||
}
|
||||
this.$http.get(`/api/agricultural-device-point/${id}`,{params:params}).then(({data})=>{
|
||||
console.log(data);
|
||||
if(data.code==200){
|
||||
let _data = data.data;
|
||||
let options = [];
|
||||
for(let k in _data){
|
||||
let item = {};
|
||||
item['label'] = _data[k];
|
||||
item['value'] = _data[k];
|
||||
options.push(item);
|
||||
this.$http
|
||||
.get(`/api/agricultural-device-point/${id}`, { params: params })
|
||||
.then(({ data }) => {
|
||||
console.log(data)
|
||||
if (data.code == 200) {
|
||||
let _data = data.data
|
||||
let options = []
|
||||
for (let k in _data) {
|
||||
let item = {}
|
||||
item['label'] = _data[k]
|
||||
item['value'] = _data[k]
|
||||
options.push(item)
|
||||
}
|
||||
|
||||
console.log(type,'初始查询')
|
||||
|
||||
console.log(this.options2,this.device_id,'this.options2');
|
||||
if(this.current==0){//监控
|
||||
this.options2 = JSON.parse(JSON.stringify(options));;
|
||||
this.device_id = options[0].value;
|
||||
this.options2.unshift({label:'全部',value:''});
|
||||
this.queryDevices();
|
||||
}else{//视频
|
||||
this.options4 = options;
|
||||
this.device_id2 = options[0].value;
|
||||
console.log(type, '初始查询')
|
||||
|
||||
console.log(this.options2, this.device_id, 'this.options2')
|
||||
if (this.current == 0) {
|
||||
//监控
|
||||
this.options2 = JSON.parse(JSON.stringify(options))
|
||||
this.device_id = options[0].value
|
||||
this.options2.unshift({ label: '全部', value: '' })
|
||||
this.queryDevices()
|
||||
} else {
|
||||
//视频
|
||||
this.options4 = options
|
||||
this.device_id2 = options[0].value
|
||||
}
|
||||
if(type=='init'){//初始查询
|
||||
this.options4 = options;
|
||||
this.device_id2 = options[0].value;
|
||||
if (type == 'init') {
|
||||
//初始查询
|
||||
this.options4 = options
|
||||
this.device_id2 = options[0].value
|
||||
}
|
||||
}
|
||||
}).catch(()=>{
|
||||
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
},
|
||||
//触底加载
|
||||
onReachBottom() {
|
||||
if(this.current==0){
|
||||
if(this.loading=='loadmore'){
|
||||
this.queryDevices('more');
|
||||
if (this.current == 0) {
|
||||
if (this.loading == 'loadmore') {
|
||||
this.queryDevices('more')
|
||||
}
|
||||
}else{
|
||||
if(this.loading2=='loadmore'){
|
||||
this.queryDevices2('more');
|
||||
} else {
|
||||
if (this.loading2 == 'loadmore') {
|
||||
this.queryDevices2('more')
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.monitor-page{
|
||||
.monitor-page {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
.utab-section{
|
||||
.utab-section {
|
||||
padding: 30rpx;
|
||||
}
|
||||
.content-box{
|
||||
.content-box {
|
||||
padding: 30rpx;
|
||||
}
|
||||
.video_ul{
|
||||
.video_li{
|
||||
.video_ul {
|
||||
.video_li {
|
||||
background-color: #fff;
|
||||
width: 100%;
|
||||
padding: 0 12rpx;
|
||||
margin-bottom: 30rpx;
|
||||
.video_cd{
|
||||
.video_cd {
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
.bottom-box{
|
||||
.bottom-box {
|
||||
padding-top: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
padding-left: 20rpx;
|
||||
padding-right: 20rpx;
|
||||
.row{
|
||||
.row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
}
|
||||
.address{
|
||||
.address {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@
|
|||
<view class="top_box u-border-bottom">
|
||||
<view class="tit">预警数据统计</view>
|
||||
<view class="set_warning">
|
||||
<u-button class="set_btn" @click="setWarnInfo()" size="mini">设置</u-button>
|
||||
<u-button v-auth="['endpoint.soil.setting','endpoint.soil.setting_edit']" class="set_btn" @click="setWarnInfo()" size="mini">设置</u-button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont-box">
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@
|
|||
<view class="top_box u-border-bottom">
|
||||
<view class="tit">预警数据统计</view>
|
||||
<view class="set_warning">
|
||||
<u-button class="set_btn" @click="setWarnInfo()" size="mini">设置</u-button>
|
||||
<u-button v-auth="['endpoint.water.setting','endpoint.water.setting_edit']" class="set_btn" @click="setWarnInfo()" size="mini">设置</u-button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont-box">
|
||||
|
|
|
|||
|
|
@ -1,23 +1,29 @@
|
|||
<template>
|
||||
<view class="login-page bg-page">
|
||||
<view class="img-a">
|
||||
<view class="t-b">
|
||||
隆昌农业大数据监控平台
|
||||
|
||||
</view>
|
||||
<view class="t-b"> 隆昌农业大数据监控平台 </view>
|
||||
</view>
|
||||
<view class="login-view" style="">
|
||||
<view class="t-login">
|
||||
<form class="cl">
|
||||
<view class="t-a">
|
||||
<text class="txt">账号</text>
|
||||
<input type="text" name="username" placeholder="请输入您的账号"
|
||||
v-model="username" />
|
||||
<input
|
||||
type="text"
|
||||
name="username"
|
||||
placeholder="请输入您的账号"
|
||||
v-model="username"
|
||||
/>
|
||||
</view>
|
||||
<view class="t-a">
|
||||
<text class="txt">密码</text>
|
||||
<input type="password" name="password" maxlength="18"
|
||||
placeholder="请输入您的密码" v-model="password" />
|
||||
<input
|
||||
type="password"
|
||||
name="password"
|
||||
maxlength="18"
|
||||
placeholder="请输入您的密码"
|
||||
v-model="password"
|
||||
/>
|
||||
</view>
|
||||
<button @tap="login()" type="button">登 录</button>
|
||||
<!-- <view class="reg" @tap="reg()">注 册</view> -->
|
||||
|
|
@ -27,64 +33,67 @@
|
|||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {getStorageSync,setStorageSync,setStorage, toast} from '@/com/utils.js'
|
||||
import {
|
||||
getStorageSync,
|
||||
setStorageSync,
|
||||
setStorage,
|
||||
toast,
|
||||
} from '@/com/utils.js'
|
||||
import jwt from '@/api/jwt.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
username: '', //手机号码
|
||||
password: '' //密码
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
password: '', //密码
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
methods: {
|
||||
//当前登录按钮操作
|
||||
login() {
|
||||
if (!this.username) {
|
||||
uni.showToast({ title: '请输入您的账号', icon: 'none' });
|
||||
return;
|
||||
uni.showToast({ title: '请输入您的账号', icon: 'none' })
|
||||
return
|
||||
}
|
||||
|
||||
if (!this.password) {
|
||||
uni.showToast({ title: '请输入您的密码', icon: 'none' });
|
||||
return;
|
||||
uni.showToast({ title: '请输入您的密码', icon: 'none' })
|
||||
return
|
||||
}
|
||||
let params = {
|
||||
username:this.username,
|
||||
password:this.password
|
||||
};
|
||||
|
||||
this.$http.post('/api/auth/login',params,{
|
||||
custom:{
|
||||
auth:false
|
||||
username: this.username,
|
||||
password: this.password,
|
||||
}
|
||||
}).then(({data})=>{
|
||||
console.log(data);
|
||||
if(data.code==200){
|
||||
let _data = data.data;
|
||||
let _info = _data.info;
|
||||
|
||||
this.$http
|
||||
.post('/api/auth/login', params, {
|
||||
custom: {
|
||||
auth: false,
|
||||
},
|
||||
})
|
||||
.then(({ data }) => {
|
||||
console.log(data)
|
||||
if (data.code == 200) {
|
||||
let _data = data.data
|
||||
let _info = _data.info
|
||||
console.log(_data)
|
||||
jwt.setAccessToken(_data.token)
|
||||
this.$store.dispatch('USER_INFO',_info);
|
||||
this.$store.dispatch('getUserInfo')
|
||||
uni.switchTab({
|
||||
url:'/pages/index/index'
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
uni.showToast({ title: '登录成功！', icon: 'none' });
|
||||
uni.showToast({ title: '登录成功！', icon: 'none' })
|
||||
}
|
||||
|
||||
}).catch(()=>{
|
||||
uni.showToast({ title: '登录失败！', icon: 'none' });
|
||||
})
|
||||
|
||||
.catch(() => {
|
||||
uni.showToast({ title: '登录失败！', icon: 'none' })
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
};
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.login-page{
|
||||
.login-page {
|
||||
background-color: #fff;
|
||||
.txt {
|
||||
font-size: 32rpx;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<view class="top-title-box">
|
||||
<view class="title">账号列表</view>
|
||||
<view class="handle-option">
|
||||
<u-button class="btn" size="medium"
|
||||
<u-button v-auth="['endpoint.admin_users.create']" class="btn" size="medium"
|
||||
@click="addBtn()" type="primary">新增</u-button>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -127,9 +127,9 @@
|
|||
<view class="popup-form-info">
|
||||
<view class="top_box u-border-bottom">
|
||||
<view class="handle-btns">
|
||||
<view class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view class="btn_edit" @click="editPwdPopup(formInfo.id)">修改密码</view>
|
||||
<view class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
<view v-auth="['endpoint.admin_users.destroy']" class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view v-auth="['endpoint.admin_users.edit_password']" class="btn_edit" @click="editPwdPopup(formInfo.id)">修改密码</view>
|
||||
<view v-auth="['endpoint.admin_users.edit']" class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section_c">
|
||||
|
|
@ -235,6 +235,7 @@
|
|||
|
||||
<script>
|
||||
import {showLoading,hideLoading} from '@/com/utils.js'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -242,20 +243,6 @@
|
|||
page:1,
|
||||
list:[],
|
||||
loading:'loadmore',
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
style: {
|
||||
backgroundColor: '#007aff'
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
style: {
|
||||
backgroundColor: '#dd524d'
|
||||
}
|
||||
}
|
||||
],
|
||||
popupShow:false,
|
||||
cindex:-1,//操作的索引
|
||||
editShow:false,
|
||||
|
|
@ -324,6 +311,26 @@
|
|||
};
|
||||
},
|
||||
computed:{
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.device.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.device.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
].filter((e) => checkPermission(e.permission))
|
||||
},
|
||||
seletedShow(){
|
||||
let arrName = [];
|
||||
for(let item of this.seletedBaseList){
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<u-navbar title="友情链接" :background="background" :custom-back="goback"
|
||||
:title-color="titleColor" :back-icon-color="titleColor">
|
||||
<view class="nav_slot_right_box" slot="right">
|
||||
<view class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
<view v-auth="['endpoint.friend_links.edit']" class="custom_btn add_btn" @click="addBtn()">新增</view>
|
||||
</view>
|
||||
</u-navbar>
|
||||
<u-sticky z-index="99">
|
||||
|
|
@ -164,8 +164,8 @@
|
|||
<view class="popup-form-info">
|
||||
<view class="top_box u-border-bottom">
|
||||
<view class="handle-btns">
|
||||
<view class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
<view v-auth="['endpoint.friend_links.destroy']" class="btn_del" @click="deleteInfoId(formInfo.id)">删除</view>
|
||||
<view v-auth="['endpoint.friend_links.edit']" class="btn_edit" @click="editInfoId(formInfo.id)">编辑</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section_c">
|
||||
|
|
@ -218,6 +218,7 @@
|
|||
|
||||
<script>
|
||||
import {formatDate,navigateBack,showLoading,hideLoading} from '@/com/utils.js'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -229,20 +230,6 @@
|
|||
page:1,
|
||||
list:[],
|
||||
loading:'loadmore',
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
style: {
|
||||
backgroundColor: '#007aff'
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
style: {
|
||||
backgroundColor: '#dd524d'
|
||||
}
|
||||
}
|
||||
],
|
||||
popupShow:false,
|
||||
cindex:-1,//操作的索引
|
||||
editShow:false,
|
||||
|
|
@ -286,6 +273,28 @@
|
|||
q_type:'',
|
||||
dropDownShow:false,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.friend_links.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.friend_links.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
].filter((e) => checkPermission(e.permission))
|
||||
},
|
||||
},
|
||||
filters:{
|
||||
timeFormat(val){
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<view class="top-title-box">
|
||||
<view class="title">角色列表</view>
|
||||
<view class="handle-option">
|
||||
<u-button class="btn" size="medium"
|
||||
<u-button v-auth="['endpoint.admin_roles.create']" class="btn" size="medium"
|
||||
@click="addBtn()" type="primary">新增</u-button>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -82,8 +82,8 @@
|
|||
<view class="popup-form-info">
|
||||
<view class="top_box">
|
||||
<view class="handle-btns">
|
||||
<view class="btn_del" @click="deleteRoleId(info.id)">删除</view>
|
||||
<view class="btn_edit" @click="editRoleId(info.id)">编辑</view>
|
||||
<view v-auth="['endpoint.admin_roles.destroy']" class="btn_del" @click="deleteRoleId(info.id)">删除</view>
|
||||
<view v-auth="['endpoint.admin_roles.edit']" class="btn_edit" @click="editRoleId(info.id)">编辑</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section_c">
|
||||
|
|
@ -106,6 +106,7 @@
|
|||
<script>
|
||||
import DaTreeVue2 from '@/components/da-tree-vue2/index.vue'
|
||||
import {showLoading,hideLoading} from '@/com/utils.js'
|
||||
import checkPermission from '@/utils/permission.js'
|
||||
export default {
|
||||
components: { DaTreeVue2 },
|
||||
data() {
|
||||
|
|
@ -114,20 +115,6 @@
|
|||
page:1,
|
||||
rolelist:[],
|
||||
loading:'loadmore',
|
||||
options: [
|
||||
{
|
||||
text: '编辑',
|
||||
style: {
|
||||
backgroundColor: '#007aff'
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
style: {
|
||||
backgroundColor: '#dd524d'
|
||||
}
|
||||
}
|
||||
],
|
||||
popupShow:false,
|
||||
info:{},//详情
|
||||
cindex:-1,//操作的索引
|
||||
|
|
@ -143,6 +130,28 @@
|
|||
permissionsList:[],
|
||||
defaultCheckedKeysValue: [],
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
options() {
|
||||
return [
|
||||
{
|
||||
text: '编辑',
|
||||
opt: 'edit',
|
||||
permission: ['endpoint.admin_roles.edit'],
|
||||
style: {
|
||||
backgroundColor: '#007aff',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
opt: 'delete',
|
||||
permission: ['endpoint.admin_roles.destroy'],
|
||||
style: {
|
||||
backgroundColor: '#dd524d',
|
||||
},
|
||||
},
|
||||
].filter((e) => checkPermission(e.permission))
|
||||
},
|
||||
},
|
||||
onLoad() {
|
||||
this.queryAdminRoleList();
|
||||
|
|
|
|||
|
|
@ -40,16 +40,16 @@
|
|||
<view class="arrow_R"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="nav-list" @click="linnavF('/pages/system/role')">
|
||||
<view v-auth="['endpoint.admin_roles.index']" class="nav-list" @click="linnavF('/pages/system/role')">
|
||||
<view class="icon_img">
|
||||
<u-icon name="man-add" size="46"></u-icon>
|
||||
</view>
|
||||
<view class="item-c">
|
||||
<view class="item-c" >
|
||||
<view class="tname">角色管理</view>
|
||||
<view class="arrow_R"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="nav-list" @click="linnavF('/pages/system/account')">
|
||||
<view v-auth="['endpoint.admin_users.index']" class="nav-list" @click="linnavF('/pages/system/account')">
|
||||
<view class="icon_img">
|
||||
<u-icon name="account" size="46"></u-icon>
|
||||
</view>
|
||||
|
|
@ -58,7 +58,7 @@
|
|||
<view class="arrow_R"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="nav-list" @click="linnavF('/pages/system/log')">
|
||||
<view v-auth="['endpoint.operation_log.index']" class="nav-list" @click="linnavF('/pages/system/log')">
|
||||
<view class="icon_img">
|
||||
<u-icon name="clock" size="46"></u-icon>
|
||||
</view>
|
||||
|
|
@ -67,7 +67,7 @@
|
|||
<view class="arrow_R"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="nav-list" @click="linnavF('/pages/system/links')">
|
||||
<view v-auth="['endpoint.friend_links.index']" class="nav-list" @click="linnavF('/pages/system/links')">
|
||||
<view class="icon_img">
|
||||
<u-icon name="attach" size="46"></u-icon>
|
||||
</view>
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue