Skip to content

T
tools
Commit fb7dbea6 by 庄欣
Options

完成

parent f30430c6
Showing with 78 additions and 40 deletions
mp-remark/css/main.css
...@@ -74,29 +74,38 @@ ...@@ -74,29 +74,38 @@
input[type=radio] { input[type=radio] {
background-color: #fffccc; background-color: #fffccc;
-webkit-appearance:checkbox!important; -webkit-appearance:checkbox!important;
height: 20px; height: 15px;
width: 20px; width: 15px;
} }
.id-flex {
display:flex;
justify-content: center;
width: 100%;
align-content: center;
align-items: center;
}
#___container a {
text-decoration: underline;
}
#___container .danger { #___container div.danger {
display: flex; display: flex;
align-content: center; align-content: center;
align-items: center; align-items: center;
text-align: center; text-align: center;
color: #ff0000; color: #ff0000;
width: 100%;
justify-content: center; justify-content: center;
} }
#___container .primary { #___container div.primary {
display: flex; display: flex;
align-content: center; align-content: center;
align-items: center; align-items: center;
text-align: center; text-align: center;
background-color: #0277bd; color: #0277bd;
color: white; justify-content: center;
} }
#___container button.primary { #___container button.primary {
......
mp-remark/js/index.js
...@@ -42,11 +42,12 @@ fetch(UI).then(function(res){ ...@@ -42,11 +42,12 @@ fetch(UI).then(function(res){
email: "", email: "",
nickname:"" nickname:""
}, },
isAuth: false,
objectId: null, objectId: null,
type: null, type: null,
isUserInfo: false, isUserInfo: false,
isWorks: false, isWorks: false,
isYoumi: false, isYoumi: 0,
isReading: false, isReading: false,
access_token: "", access_token: "",
inZone: false, inZone: false,
...@@ -64,7 +65,9 @@ fetch(UI).then(function(res){ ...@@ -64,7 +65,9 @@ fetch(UI).then(function(res){
getRemark: "https://api.mepai.me/manage/youmi/get-remark", getRemark: "https://api.mepai.me/manage/youmi/get-remark",
getUserInfo: "https://api.mepai.me/v5/user/info", getUserInfo: "https://api.mepai.me/v5/user/info",
getReadingInfo: "https://api.mepai.me/v5/reading/info", getReadingInfo: "https://api.mepai.me/v5/reading/info",
getWorksInfo: "https://api.mepai.me/v5/works/info" getWorksInfo: "https://api.mepai.me/v5/works/info",
getIsYoumi: "https://api.mepai.me/manage/youmi/is-youmi",
auth: "https://api.mepai.me/manage/youmi/is-auth"
} }
}, },
methods: { methods: {
...@@ -114,20 +117,33 @@ fetch(UI).then(function(res){ ...@@ -114,20 +117,33 @@ fetch(UI).then(function(res){
} }
}) })
} }
if ($this.isWorks) { if ($this.isWorks ) {
$this.getData($this.API.getWorksInfo, { /* $this.getData($this.API.getWorksInfo, {
works_id: $this.objectId works_id: $this.objectId
}, data => { }, data => {
let works = data.data; let works = data.data;
$this.isYoumi = works.is_youmi; $this.isYoumi = works.is_youmi;
});*/
$this.getData($this.API.getIsYoumi, {
object_id: $this.objectId,
type : $this.type
}, data => {
$this.isYoumi = data.data;
}); });
} }
if ($this.isReading) { if ($this.isReading) {
$this.getData(this.API.getReadingInfo, { /*$this.getData(this.API.getReadingInfo, {
reading_id: $this.objectId reading_id: $this.objectId
}, data => { }, data => {
let reading = data.data; let reading = data.data;
$this.isYoumi = reading.is_youmi; $this.isYoumi = reading.is_youmi;
});*/
$this.getData($this.API.getIsYoumi, {
object_id: $this.objectId,
type : $this.type
}, data => {
$this.isYoumi = data.data;
}); });
} }
if ($this.isReading || $this.isWorks) { if ($this.isReading || $this.isWorks) {
...@@ -172,11 +188,24 @@ fetch(UI).then(function(res){ ...@@ -172,11 +188,24 @@ fetch(UI).then(function(res){
} else { } else {
canOpen = true; canOpen = true;
} }
if (this.isUserInfo) { $this.getAuth();
if ($this.isUserInfo) {
$this.getUserIdFromAvatar($(avatar).attr("src")); $this.getUserIdFromAvatar($(avatar).attr("src"));
} }
return canOpen; return canOpen;
}, },
getAuth: function() {
let $this = this;
this.getData(this.API.auth, {}, (res) => {
if (res.code.toString() === "100001") {
$this.isAuth = true;
}
if (res.code.toString() === "100002") {
$this.isAuth = false;
$this.err = "权限不足";
}
});
},
getData: function(api, data, callback) { getData: function(api, data, callback) {
let $this = this; let $this = this;
api = api + "?"; api = api + "?";
...@@ -192,16 +221,14 @@ fetch(UI).then(function(res){ ...@@ -192,16 +221,14 @@ fetch(UI).then(function(res){
fetch(api, header).then(res => { fetch(api, header).then(res => {
return res.json() return res.json()
}).then(final => { }).then(final => {
if (final.code.toString() === "100001") {
return callback(final);
}
if (final.code.toString() === "100002") { if (final.code.toString() === "100002") {
$this.err = "请您先在网站登录，或者请确定您的操作权限"; $this.err = "请您先在网站登录，或者请确定您的操作权限";
} else { } else {
$this.err = final.message; $this.err = final.message;
} }
return callback(final);
}).catch(e => { }).catch(e => {
console.log("error",e.getMessage()) console.log(e);
}); });
}, },
sendData: function(api, data, callback) { sendData: function(api, data, callback) {
......
mp-remark/ui.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="x" v-on:click="showUi"><img :src="closeX"></div> <div class="x" v-on:click="showUi"><img :src="closeX"></div>
<div class="danger" v-if="err != ''">{{err}}</div> <div class="danger" v-if="err != ''">{{err}}</div>
<!------------------- 用户开始 --------> <!------------------- 用户开始 -------->
<div class="userinfo row" v-if="isUserInfo && canOpen"> <div class="userinfo row" v-if="isUserInfo && canOpen && isAuth">
<div class="col-md-12"> <div class="col-md-12">
<div class="form-group"> <div class="form-group">
<div class="label">用户id:</div> <div class="label">用户id:</div>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<div class="label">邮箱:</div> <div class="label">邮箱:</div>
<div class="input"><input class="form-control" :value="user.email" disabled /></div> <div class="input"><input class="form-control" :value="user.email" disabled /></div>
</div> </div>
<div class="form-group" style="display: block!important;margin-top: 10px;"> <div class="id-flex" style="margin-top: 10px;">
<div class="">用户内容是否可被有米计划使用</div> <div class="">用户内容是否可被有米计划使用</div>
<div class=""> <div class="">
<input type="radio" name="userPermission" value="-1" v-model="userPermission"/> 未设置 <input type="radio" name="userPermission" value="-1" v-model="userPermission"/> 未设置
...@@ -55,26 +55,25 @@ ...@@ -55,26 +55,25 @@
</div> </div>
<!------------------- 用户结束 作品开始 --------> <!------------------- 用户结束 作品开始 -------->
<div class="workinfo row" v-if="isWorks && canOpen" style="margin-top:20px;"> <div class="workinfo row" v-if="isWorks && canOpen && isAuth" style="margin-top:20px;">
<div>作品id:{{objectId}}</div>
<div class="col-md-12"> <div class="col-md-12">
<div v-if="isYoumi === 1" class="primary">此作品已参加有米计划</div> <div class="id-flex">
<div v-if="isYoumi === 0" class="danger">此作品未参加有米计划</div> <div>作品id:{{objectId}}</div>
<div><a href="https://www.mepai.me/mp/secret/youmibeixuan" target="_blank">跳转到备选库</a></div> <div v-if="isYoumi == 1" class="primary">(此作品已参加有米计划)</div>
<div v-if="inZone === false" class="form-group zone"> <div v-if="isYoumi == 0" class="danger">(此作品未参加有米计划)</div>
<div class="label">此作品未在有米计划备选公共库:</div> </div>
<div class="input">
<button class="btn btn-primary primary small" v-on:click="addZone">+添加</button> <div class="id-flex">
<div class="label">推荐作品到<a href="https://www.mepai.me/mp/secret/youmibeixuan" target="_blank">编辑备选库</a>:</div>
<div v-if="inZone === false" class="form-group zone">
<button class="btn btn-primary primary small" v-on:click="addZone">+推荐入库</button>
</div> </div>
</div> <div v-if="inZone === true" class="form-group zone">
<div v-if="inZone === true" class="form-group zone"> <button class="btn btn-danger danger small" v-on:click="removeZone">-已推入,点击移除</button>
<div class="label">此作品已在有米计划备选公共库:</div>
<div class="input">
<button class="btn btn-danger danger small" v-on:click="removeZone">-移除</button>
</div> </div>
</div> </div>
<div class="form-group"> <div class="id-flex">
<div class="label">该作品是否可被有米计划使用:</div> <div class="label">该作品是否可被有米计划使用:</div>
<div class="input"> <div class="input">
<input type="radio" name="permission" value="-1" v-model="permission"/> 未设置 <input type="radio" name="permission" value="-1" v-model="permission"/> 未设置
...@@ -93,18 +92,21 @@ ...@@ -93,18 +92,21 @@
</div> </div>
</div> </div>
<div class="form-group" style="display: flex;justify-items: center;justify-content: center"> <div class="form-group" style="display: flex;justify-items: center;justify-content: center">
<button class="btn btn-primary primary large" v-on:click="submitRemark">提交</button> <button class="btn btn-primary primary large" v-on:click="submitRemark">提交作品备注</button>
</div> </div>
</div> </div>
</div> </div>
<!------------------- 作品结束 文章开始 --------> <!------------------- 作品结束 文章开始 -------->
<div class="readinginfo row" v-if="isReading && canOpen" style="margin-top:20px"> <div class="readinginfo row" v-if="isReading && canOpen && isAuth" style="margin-top:20px">
<div>文章id:{{objectId}}</div>
<div class="col-md-12"> <div class="col-md-12">
<div v-if="isYoumi === 1" class="primary">此作品已参加有米计划</div> <div class="id-flex">
<div v-if="isYoumi === 0" class="danger">此作品未参加有米计划</div> <div>文章id:{{objectId}}</div>
<div v-if="isYoumi == 1" class="primary">(此文章已参加有米计划)</div>
<div v-if="isYoumi == 0" class="danger">(此文章未参加有米计划)</div>
</div>
<!--<div v-if="inZone === false" class="form-group zone"> <!--<div v-if="inZone === false" class="form-group zone">
<div class="label">此文章未在有米计划备选公共库:</div> <div class="label">此文章未在有米计划备选公共库:</div>
<div class="input"> <div class="input">
...@@ -117,7 +119,7 @@ ...@@ -117,7 +119,7 @@
<button class="btn btn-danger danger small" v-on:click="removeZone">-移除</button> <button class="btn btn-danger danger small" v-on:click="removeZone">-移除</button>
</div> </div>
</div>--> </div>-->
<div class="form-group"> <div class="id-flex">
<div class="label">该文章是否可被有米计划使用</div> <div class="label">该文章是否可被有米计划使用</div>
<div class="input"> <div class="input">
<input type="radio" name="permission" value="-1" v-model="permission"/> 未设置 <input type="radio" name="permission" value="-1" v-model="permission"/> 未设置
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment