Commit 1ebc50bc by 庄欣

基本完成

parent 51ec3e93
<html>
<head>
<meta charset="UTF-8"/>
<script src="./js/vue.js"></script>
<link rel="stylesheet" type="text/css" href="./css/min.css" />
<link rel="stylesheet" type="text/css" href="./css/main.css" />
</head>
<body>
<div v-if="showUiProp" id="___container">
<!------------------- 用户开始 -------->
<div class="userinfo row" v-if="isUserInfo === true">
<div class="col-md-12">
<div class="form-group">
<div class="label">用户id:</div>
<div class="input"><input class="form-control" :value="user.id" disabled/></div>
</div>
<div class="form-group">
<div class="label">手机:</div>
<div class="input"><input class="form-control" :value="user.mobile" disabled /></div>
</div>
<div class="form-group">
<div class="label">微信:</div>
<div class="input"><input class="form-control" :value="user.wx" disabled /></div>
</div>
<div class="form-group">
<div class="label">QQ:</div>
<div class="input"><input class="form-control" :value="user.qq" disabled /></div>
</div>
<div class="form-group">
<div class="label">邮箱:</div>
<div class="input"><input class="form-control" :value="user.email" disabled /></div>
</div>
<div class="form-group" style="height: 100px;display: block!important;margin-top: 20px;">
<div class="">用户内容是否可被有米计划使用</div>
<div class="">
<input type="radio" name="permission" value="-1" v-model="permission"/> 未设置
<input type="radio" name="permission" value="0" v-model="permission"/> 不可用
<input type="radio" name="permission" value="1" v-model="permission"/> 可用
</div>
</div>
<div class="form-group" style="display: block!important;">
<div class=""><label>备注:</label></div>
<div class="">
<textarea
class="form-control"
placeholder="备注"
name="remark"
v-model="remark"
rows="5"
cols="50"
></textarea>
</div>
</div>
<div style="display: flex;justify-content: center;justify-items: center">
<button class="btn btn-primary primary large" v-on:click="submitRemark">提交</button>
</div>
</div>
</div>
<!------------------- 用户结束 作品开始 -------->
<div class="workinfo row" v-if="isWorks == true">
<div class="col-md-12">
<mark v-if="isYoumi === 1" class="tertiary">此作品已参加有米计划</mark>
<mark v-if="isYoumi === 0" class="secondary">此作品未参加有米计划</mark>
<div v-if="inZone === false" class="form-group">
<div class="label">此作品未在有米计划备选公共库:</div>
<div class="input">
<button class="btn btn-primary primary small" v-on:click="removeZone">+添加</button>
</div>
</div>
<div v-if="inZone === true" class="form-group">
<div class="label">此作品已在有米计划备选公共库:</div>
<div class="input">
<button class="btn btn-danger danger small" v-on:click="addZone">-移除</button>
</div>
</div>
<div class="form-group">
<div class="label">该内容是否可被有米计划使用:</div>
<div class="input">
<input type="radio" name="permission" value="-1" v-model="permission"/> 未设置
<input type="radio" name="permission" value="0" v-model="permission"/> 不可用
<input type="radio" name="permission" value="1" v-model="permission"/> 可用
</div>
</div>
<div class="form-group">
<label>添加备注:</label>
<textarea class="form-control" rows="5" cols="40" placeholder="备注" name="remark" v-model="remark"></textarea>
</div>
<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>
</div>
</div>
</div>
<!------------------- 作品结束 文章开始 -------->
<div class="readinginfo row" v-if="isReading == true">
<div class="col-md-12">
<mark v-if="isYoumi === 1" class="tertiary">此作品已参加有米计划</mark>
<mark v-if="isYoumi === 0" class="secondary">此作品未参加有米计划</mark>
<div v-if="inZone === false" class="form-group">
<div class="label">此作品未在有米计划备选公共库:</div>
<div class="input">
<button class="btn btn-primary primary small" v-on:click="addZone">+添加</button>
</div>
</div>
<div v-if="inZone === true" class="form-group">
<div class="label">此作品已在有米计划备选公共库:</div>
<div class="input">
<button class="btn btn-danger danger small" v-on:click="removeZone">-移除</button>
</div>
</div>
<div class="form-group">
<div class="label">该内容是否可被有米计划使用</div>
<div class="input">
<input type="radio" name="permission" value="-1" v-model="permission"/> 未设置
<input type="radio" name="permission" value="0" v-model="permission"/> 不可用
<input type="radio" name="permission" value="1" v-model="permission"/> 可用
</div>
</div>
<div class="form-group">
<label>添加备注:</label>
<textarea class="form-control" rows="5" cols="40" placeholder="备注" name="remark" v-model="remark"></textarea>
</div>
<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>
</div>
</div>
</div>
<!------------------- 文章结束 -------->
</div>
</body>
<script>
var app = new Vue({
el: '#___container',
data: {
canOpen: false,
showUiProp: true,
token: "",
permission: -1,
remark: "",
isYoumi: 1,
user: {
id: "",
mobile: "",
wx: "",
qq: "",
email: "",
nickname: ""
},
objectId: null,
type: null,
isUserInfo: false,
isWorks: false,
isReading: true,
access_token: "",
inZone: false
}
});
</script>
</html>
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