|
@@ -56,73 +56,77 @@
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tr>
|
|
- <tr>
|
|
|
|
- <th>水印起始位置(横向):</th>
|
|
|
|
- <td>
|
|
|
|
- <a-input
|
|
|
|
- v-model:value="x"
|
|
|
|
- style="width: 600px"
|
|
|
|
- placeholder="数字,默认0.03"
|
|
|
|
- />
|
|
|
|
- </td>
|
|
|
|
- </tr>
|
|
|
|
- <tr>
|
|
|
|
- <th>水印起始位置(纵向):</th>
|
|
|
|
- <td>
|
|
|
|
- <a-input
|
|
|
|
- v-model:value="y"
|
|
|
|
- style="width: 600px"
|
|
|
|
- placeholder="数字,默认0.01"
|
|
|
|
- />
|
|
|
|
- </td>
|
|
|
|
- </tr>
|
|
|
|
- <tr id="watermark-select" v-if="type === '1'">
|
|
|
|
- <th>添加分数水印:</th>
|
|
|
|
- <td>
|
|
|
|
- <div class="input-radio">
|
|
|
|
- <a-radio-group name="radioGroup" v-model:value="watermark">
|
|
|
|
- <a-radio :value="true">是</a-radio>
|
|
|
|
- <a-radio :value="false">否</a-radio>
|
|
|
|
- </a-radio-group>
|
|
|
|
- </div>
|
|
|
|
- </td>
|
|
|
|
- </tr>
|
|
|
|
- <tr id="track-mode-select" v-if="type === '1'">
|
|
|
|
- <th>水印模式:</th>
|
|
|
|
- <td>
|
|
|
|
- <div class="input-radio">
|
|
|
|
- <a-radio-group name="radioGroup" v-model:value="trackMode">
|
|
|
|
- <a-radio value="1">普通</a-radio>
|
|
|
|
- <a-radio value="2">研究生</a-radio>
|
|
|
|
- </a-radio-group>
|
|
|
|
- </div>
|
|
|
|
- </td>
|
|
|
|
- </tr>
|
|
|
|
- <tr id="examNumber-select" v-if="type === '1'">
|
|
|
|
- <th>准考证号:</th>
|
|
|
|
- <td>
|
|
|
|
- <a-input
|
|
|
|
- v-model:value="examNumber"
|
|
|
|
- style="width: 600px"
|
|
|
|
- placeholder="多个准考证号用逗号分隔"
|
|
|
|
- />
|
|
|
|
- </td>
|
|
|
|
- </tr>
|
|
|
|
- <tr id="subjectCode-select" v-if="type === '1'">
|
|
|
|
- <th>科目代码:</th>
|
|
|
|
- <td>
|
|
|
|
- <a-input
|
|
|
|
- v-model:value="subjectCode"
|
|
|
|
- style="width: 600px"
|
|
|
|
- placeholder="多个科目代码用逗号分隔"
|
|
|
|
- />
|
|
|
|
- </td>
|
|
|
|
- </tr>
|
|
|
|
|
|
+ <template v-if="type === '1'">
|
|
|
|
+ <tr>
|
|
|
|
+ <th>水印起始位置(横向):</th>
|
|
|
|
+ <td>
|
|
|
|
+ <a-input
|
|
|
|
+ v-model:value="x"
|
|
|
|
+ style="width: 600px"
|
|
|
|
+ placeholder="数字,默认0.03"
|
|
|
|
+ />
|
|
|
|
+ </td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>水印起始位置(纵向):</th>
|
|
|
|
+ <td>
|
|
|
|
+ <a-input
|
|
|
|
+ v-model:value="y"
|
|
|
|
+ style="width: 600px"
|
|
|
|
+ placeholder="数字,默认0.01"
|
|
|
|
+ />
|
|
|
|
+ </td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr id="watermark-select">
|
|
|
|
+ <th>添加分数水印:</th>
|
|
|
|
+ <td>
|
|
|
|
+ <div class="input-radio">
|
|
|
|
+ <a-radio-group name="radioGroup" v-model:value="watermark">
|
|
|
|
+ <a-radio :value="true">是</a-radio>
|
|
|
|
+ <a-radio :value="false">否</a-radio>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ </div>
|
|
|
|
+ </td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr id="track-mode-select">
|
|
|
|
+ <th>水印模式:</th>
|
|
|
|
+ <td>
|
|
|
|
+ <div class="input-radio">
|
|
|
|
+ <a-radio-group name="radioGroup" v-model:value="trackMode">
|
|
|
|
+ <a-radio value="1">普通</a-radio>
|
|
|
|
+ <a-radio value="2">研究生</a-radio>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ </div>
|
|
|
|
+ </td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr id="examNumber-select">
|
|
|
|
+ <th>准考证号:</th>
|
|
|
|
+ <td>
|
|
|
|
+ <a-input
|
|
|
|
+ v-model:value="examNumber"
|
|
|
|
+ style="width: 600px"
|
|
|
|
+ placeholder="多个准考证号用逗号分隔"
|
|
|
|
+ />
|
|
|
|
+ </td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr id="subjectCode-select">
|
|
|
|
+ <th>科目代码:</th>
|
|
|
|
+ <td>
|
|
|
|
+ <a-input
|
|
|
|
+ v-model:value="subjectCode"
|
|
|
|
+ style="width: 600px"
|
|
|
|
+ placeholder="多个科目代码用逗号分隔"
|
|
|
|
+ />
|
|
|
|
+ </td>
|
|
|
|
+ </tr>
|
|
|
|
+ </template>
|
|
|
|
|
|
<tr id="message-tr">
|
|
<tr id="message-tr">
|
|
<th></th>
|
|
<th></th>
|
|
<td>
|
|
<td>
|
|
- <p class="error-tetx" id="message-text">{{ ruleExample }}</p>
|
|
|
|
|
|
+ <p v-if="ruleExample" class="error-tetx" id="message-text">
|
|
|
|
+ {{ ruleExample }}
|
|
|
|
+ </p>
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
@@ -138,8 +142,9 @@
|
|
|
|
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
import { store } from "@/store";
|
|
import { store } from "@/store";
|
|
-import { computed, ref } from "vue";
|
|
|
|
|
|
+import { computed, ref, watch } from "vue";
|
|
import { useRouter } from "vue-router";
|
|
import { useRouter } from "vue-router";
|
|
|
|
+import { message } from "ant-design-vue";
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
|
|
|
|
let type = ref("");
|
|
let type = ref("");
|
|
@@ -165,8 +170,8 @@ if (config) {
|
|
trackMode.value = config.trackMode;
|
|
trackMode.value = config.trackMode;
|
|
examNumber.value = config.examNumber || "";
|
|
examNumber.value = config.examNumber || "";
|
|
subjectCode.value = config.subjectCode || "";
|
|
subjectCode.value = config.subjectCode || "";
|
|
- x.value = config.x || 30;
|
|
|
|
- y.value = config.y || 10;
|
|
|
|
|
|
+ x.value = config.x || 0.03;
|
|
|
|
+ y.value = config.y || 0.01;
|
|
}
|
|
}
|
|
|
|
|
|
let ruleExample = computed(() => {
|
|
let ruleExample = computed(() => {
|
|
@@ -196,28 +201,30 @@ const chooseDirectory = (e: MouseEvent) => {
|
|
const start = (e: MouseEvent) => {
|
|
const start = (e: MouseEvent) => {
|
|
e.preventDefault();
|
|
e.preventDefault();
|
|
if (!type.value) {
|
|
if (!type.value) {
|
|
- alert("请选择图片类型");
|
|
|
|
|
|
+ message.info("请选择图片类型");
|
|
return false;
|
|
return false;
|
|
}
|
|
}
|
|
if (!dir.value.trim()) {
|
|
if (!dir.value.trim()) {
|
|
- alert("请选择图片转存目录");
|
|
|
|
- return false;
|
|
|
|
- }
|
|
|
|
- if (!x.value) {
|
|
|
|
- alert("水印起始位置(横向)");
|
|
|
|
- return false;
|
|
|
|
- }
|
|
|
|
- if (!y.value) {
|
|
|
|
- alert("水印起始位置(纵向)");
|
|
|
|
|
|
+ message.info("请选择图片转存目录");
|
|
return false;
|
|
return false;
|
|
}
|
|
}
|
|
if (!template.value.trim()) {
|
|
if (!template.value.trim()) {
|
|
- alert("请填写图片转存规则");
|
|
|
|
|
|
+ message.info("请填写图片转存规则");
|
|
return false;
|
|
return false;
|
|
}
|
|
}
|
|
- if (type.value == "1" && trackMode.value == "") {
|
|
|
|
- alert("请选择水印模式");
|
|
|
|
- return false;
|
|
|
|
|
|
+ if (type.value === "1") {
|
|
|
|
+ if (!x.value) {
|
|
|
|
+ message.info("请填写水印起始位置(横向)");
|
|
|
|
+ return false;
|
|
|
|
+ }
|
|
|
|
+ if (!y.value) {
|
|
|
|
+ message.info("请填写水印起始位置(纵向)");
|
|
|
|
+ return false;
|
|
|
|
+ }
|
|
|
|
+ if (type.value == "1" && trackMode.value == "") {
|
|
|
|
+ message.info("请选择水印模式");
|
|
|
|
+ return false;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
store.pageInputs["/image-download"] = {
|
|
store.pageInputs["/image-download"] = {
|
|
@@ -235,4 +242,15 @@ const start = (e: MouseEvent) => {
|
|
};
|
|
};
|
|
router.push("/image-download");
|
|
router.push("/image-download");
|
|
};
|
|
};
|
|
|
|
+
|
|
|
|
+watch(type, () => {
|
|
|
|
+ if (type.value === "2") {
|
|
|
|
+ watermark.value = false;
|
|
|
|
+ trackMode.value = "";
|
|
|
|
+ x.value = 0;
|
|
|
|
+ y.value = 0;
|
|
|
|
+ examNumber.value = "";
|
|
|
|
+ subjectCode.value = "";
|
|
|
|
+ }
|
|
|
|
+});
|
|
</script>
|
|
</script>
|