|
@@ -204,12 +204,16 @@
|
|
import { ref, defineEmits, computed } from 'vue';
|
|
import { ref, defineEmits, computed } from 'vue';
|
|
import { TemplateJsCode } from './jscodetpl.js'
|
|
import { TemplateJsCode } from './jscodetpl.js'
|
|
import { Link } from '@element-plus/icons-vue'
|
|
import { Link } from '@element-plus/icons-vue'
|
|
|
|
+import { useStore } from 'vuex'
|
|
|
|
+import { USER_ROLE_ADMIN, USER_ROLE_DEVELOPER, USER_ROLE_REVIEWER } from '../../data/user'
|
|
import { ServerActionCurrentOpenTab } from "../../../wailsjs/go/main/App"
|
|
import { ServerActionCurrentOpenTab } from "../../../wailsjs/go/main/App"
|
|
const emit = defineEmits(['custom-event', 'data-tag', 'form-change']);
|
|
const emit = defineEmits(['custom-event', 'data-tag', 'form-change']);
|
|
let originData = {}
|
|
let originData = {}
|
|
|
|
|
|
const dialogTitle = ref('仅编辑 CSS选择器部分')
|
|
const dialogTitle = ref('仅编辑 CSS选择器部分')
|
|
|
|
|
|
|
|
+const store = useStore()
|
|
|
|
+
|
|
const defaultFormValue = {
|
|
const defaultFormValue = {
|
|
delayTime: 500,
|
|
delayTime: 500,
|
|
maxPages: 1,
|
|
maxPages: 1,
|
|
@@ -273,20 +277,24 @@ const fastKeyDownMap = {
|
|
}
|
|
}
|
|
// 背景色map
|
|
// 背景色map
|
|
const cssInputBg = {
|
|
const cssInputBg = {
|
|
- listItemCss: { color: "#fff9c4", label: "列表条目", formLabel: '条目区域块' },
|
|
|
|
- listLinkCss: { color: "#bbdefb", label: "列表标题", formLabel: '条目链接' },
|
|
|
|
- listPublishTimeCss: { color: "#c8e6c9", label: "列表发布时间", formLabel: '条目发布时间' },
|
|
|
|
- listNextPageCss: { color: "#dcedc8", label: "列表下一页", formLabel: '翻页下一页' },
|
|
|
|
- titleCss: { color: "#e7f3fe", label: "文章标题", formLabel: '详情页标题' },
|
|
|
|
- publishTimeCss: { color: "#ffe0b2", label: "文章发布时间", formLabel: '详情页发布时间' },
|
|
|
|
- publishUnitCss: { color: "#ffe1e1", label: "文章发布单位", formLabel: '详情页发布单位' },
|
|
|
|
- contentCss: { color: "#e0f7fa", label: "文章正文", formLabel: '详情页正文' },
|
|
|
|
- attachCss: { color: "#fff1e5", label: "文章附件", formLabel: '详情页附件' },
|
|
|
|
|
|
+ listItemCss: { color: "#fff9c4", label: "列表条目", formLabel: '条目区域块CSS' },
|
|
|
|
+ listLinkCss: { color: "#bbdefb", label: "列表标题", formLabel: '条目链接CSS' },
|
|
|
|
+ listPublishTimeCss: { color: "#c8e6c9", label: "列表发布时间", formLabel: '条目发布时间CSS' },
|
|
|
|
+ listNextPageCss: { color: "#dcedc8", label: "列表下一页", formLabel: '翻页下一页CSS' },
|
|
|
|
+ titleCss: { color: "#e7f3fe", label: "文章标题", formLabel: '详情页标题CSS' },
|
|
|
|
+ publishTimeCss: { color: "#ffe0b2", label: "文章发布时间", formLabel: '详情页发布时间CSS' },
|
|
|
|
+ publishUnitCss: { color: "#ffe1e1", label: "文章发布单位", formLabel: '详情页发布单位CSS' },
|
|
|
|
+ contentCss: { color: "#e0f7fa", label: "文章正文", formLabel: '详情页正文CSS' },
|
|
|
|
+ attachCss: { color: "#fff1e5", label: "文章附件", formLabel: '详情页附件CSS' },
|
|
}
|
|
}
|
|
|
|
|
|
const activeName = ref("first")
|
|
const activeName = ref("first")
|
|
const dialogVisible = ref(false)
|
|
const dialogVisible = ref(false)
|
|
|
|
|
|
|
|
+// 用户身份标识
|
|
|
|
+const userRole = computed(() => store.getters.userRole)
|
|
|
|
+const isDeveloper = computed(() => [USER_ROLE_DEVELOPER].includes(userRole.value))
|
|
|
|
+
|
|
// 待完成和未通过的爬虫可以保存,其他都不可以提交(并禁用保存按钮)
|
|
// 待完成和未通过的爬虫可以保存,其他都不可以提交(并禁用保存按钮)
|
|
const canSubmitStatusArr = [0, 2]
|
|
const canSubmitStatusArr = [0, 2]
|
|
const canSubmit = computed(() => canSubmitStatusArr.includes(formData.value.state))
|
|
const canSubmit = computed(() => canSubmitStatusArr.includes(formData.value.state))
|