|
@@ -1,43 +1,168 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
|
|
- <el-form-item label="隐患所属机构" prop="orgId">
|
|
|
|
|
- <el-input v-model="form.orgId" placeholder="请输入隐患所属机构" />
|
|
|
|
|
|
|
+ <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body @close="cancel">
|
|
|
|
|
+ <el-descriptions :column="2" class="contentArea">
|
|
|
|
|
+ <el-descriptions-item label="隐患所属机构">{{
|
|
|
|
|
+ data.orgName
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="来源任务">{{
|
|
|
|
|
+ data.srcTaskName
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="检查项">{{
|
|
|
|
|
+ data.checkItem
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="检查内容">
|
|
|
|
|
+ {{ data.checkContent }}
|
|
|
|
|
+ </el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="隐患描述">
|
|
|
|
|
+ {{ data.questionDesc }}</el-descriptions-item
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-descriptions-item label="提出人">
|
|
|
|
|
+ {{ data.submitorName }}</el-descriptions-item
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-descriptions-item label="发现日期">
|
|
|
|
|
+ {{ dayjs(data.submitTime).format("YYYY-MM-DD") }}</el-descriptions-item
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-descriptions-item label="整改期限">
|
|
|
|
|
+ {{
|
|
|
|
|
+ dayjs(data.reformDeadline).format("YYYY-MM-DD")
|
|
|
|
|
+ }}</el-descriptions-item
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-descriptions-item label="隐患图片">
|
|
|
|
|
+ <div class="imageList">
|
|
|
|
|
+ <el-image
|
|
|
|
|
+ style="width: 100px"
|
|
|
|
|
+ v-for="url in data.images"
|
|
|
|
|
+ :src="url"
|
|
|
|
|
+ :preview-src-list="data.images"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-image></div
|
|
|
|
|
+ ></el-descriptions-item>
|
|
|
|
|
+ </el-descriptions>
|
|
|
|
|
+ <el-descriptions :column="2" class="contentArea" v-if="data.confirm">
|
|
|
|
|
+ <el-descriptions-item label="确认结果">{{
|
|
|
|
|
+ data.confirm.executeStatus == 0 ? "确认" : "提出异议"
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="确认人">{{
|
|
|
|
|
+ data.confirm.executorName
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="描述">{{
|
|
|
|
|
+ data.confirm.description
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ </el-descriptions>
|
|
|
|
|
+ <el-descriptions :column="2" class="contentArea" v-if="data.confirmDissent">
|
|
|
|
|
+ <el-descriptions-item label="审核结果">{{
|
|
|
|
|
+ data.confirmDissent.executeStatus == 0 ? "同意" : "不同意"
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="审核人">{{
|
|
|
|
|
+ data.confirmDissent.executorName
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="描述">{{
|
|
|
|
|
+ data.confirmDissent.description
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ </el-descriptions>
|
|
|
|
|
+ <el-descriptions :column="2" class="contentArea" v-if="data.reform">
|
|
|
|
|
+ <el-descriptions-item label="整改时间">{{
|
|
|
|
|
+ dayjs(data.reform.executeTime).format("YYYY-MM-DD")
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="整改状态">{{
|
|
|
|
|
+ data.reform.executeStatus == 0 ? "已整改" : "未整改"
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="描述">{{
|
|
|
|
|
+ data.reform.description
|
|
|
|
|
+ }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="整改图片">
|
|
|
|
|
+ <div class="imageList">
|
|
|
|
|
+ <el-image
|
|
|
|
|
+ style="width: 100px; height: 100px"
|
|
|
|
|
+ v-for="url in data.reform.images"
|
|
|
|
|
+ :src="url"
|
|
|
|
|
+ :preview-src-list="data.reform.images"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-image></div
|
|
|
|
|
+ ></el-descriptions-item>
|
|
|
|
|
+ </el-descriptions>
|
|
|
|
|
+ <el-form
|
|
|
|
|
+ ref="confirmForm"
|
|
|
|
|
+ :model="confirmData"
|
|
|
|
|
+ label-width="100px"
|
|
|
|
|
+ class="form"
|
|
|
|
|
+ v-if="type == 'confirm'"
|
|
|
|
|
+ :rules="confirmRule"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-form-item label="确认结果" prop="status">
|
|
|
|
|
+ <el-radio-group v-model="confirmData.status">
|
|
|
|
|
+ <el-radio :label="0">确认</el-radio>
|
|
|
|
|
+ <el-radio :label="1">提出异议</el-radio>
|
|
|
|
|
+ </el-radio-group>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="隐患所属机构名称" prop="orgName">
|
|
|
|
|
- <el-input v-model="form.orgName" placeholder="请输入隐患所属机构名称" />
|
|
|
|
|
|
|
+ <el-form-item
|
|
|
|
|
+ label="异议内容"
|
|
|
|
|
+ prop="description"
|
|
|
|
|
+ v-if="confirmData.status == 1"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="confirmData.description"
|
|
|
|
|
+ maxlength="255"
|
|
|
|
|
+ placeHolder="请输入异议内容"
|
|
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="隐患所属机构path" prop="orgPath">
|
|
|
|
|
- <el-input v-model="form.orgPath" placeholder="请输入隐患所属机构path" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="来源任务id" prop="srcTaskId">
|
|
|
|
|
- <el-input v-model="form.srcTaskId" placeholder="请输入来源任务id" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="来源任务名称" prop="srcTaskName">
|
|
|
|
|
- <el-input v-model="form.srcTaskName" placeholder="请输入来源任务名称" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="检查内容">
|
|
|
|
|
- <editor v-model="form.checkContent" :min-height="192" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="隐患描述" prop="questionDesc">
|
|
|
|
|
- <el-input v-model="form.questionDesc" placeholder="请输入隐患描述" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="提出人id" prop="submitorId">
|
|
|
|
|
- <el-input v-model="form.submitorId" placeholder="请输入提出人id" />
|
|
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ <el-form
|
|
|
|
|
+ ref="confirmDissentForm"
|
|
|
|
|
+ :model="confirmDissentData"
|
|
|
|
|
+ label-width="100px"
|
|
|
|
|
+ class="form"
|
|
|
|
|
+ v-if="type == 'confirmDissent'"
|
|
|
|
|
+ :rules="confirmDissentRule"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-form-item label="审核结果" prop="status">
|
|
|
|
|
+ <el-radio-group v-model="confirmDissentData.status">
|
|
|
|
|
+ <el-radio :label="0">同意</el-radio>
|
|
|
|
|
+ <el-radio :label="1">不同意</el-radio>
|
|
|
|
|
+ </el-radio-group>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="提出人名称" prop="submitorName">
|
|
|
|
|
- <el-input v-model="form.submitorName" placeholder="请输入提出人名称" />
|
|
|
|
|
|
|
+ <el-form-item
|
|
|
|
|
+ label="原因"
|
|
|
|
|
+ prop="description"
|
|
|
|
|
+ v-if="confirmDissentData.status == 1"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="confirmDissentData.description"
|
|
|
|
|
+ maxlength="255"
|
|
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="发现时间" prop="submitTime">
|
|
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ <el-form
|
|
|
|
|
+ ref="reformForm"
|
|
|
|
|
+ :model="reformData"
|
|
|
|
|
+ label-width="100px"
|
|
|
|
|
+ class="form"
|
|
|
|
|
+ v-if="type == 'reform'"
|
|
|
|
|
+ :rules="reformRule"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-form-item label="整改时间" prop="reformDate">
|
|
|
<el-date-picker
|
|
<el-date-picker
|
|
|
- clearable
|
|
|
|
|
- v-model="form.submitTime"
|
|
|
|
|
|
|
+ v-model="reformData.reformDate"
|
|
|
type="date"
|
|
type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
|
|
- placeholder="请选择发现时间"
|
|
|
|
|
|
|
+ placeholder="选择日期"
|
|
|
|
|
+ :pickerOptions="pickerOptions"
|
|
|
>
|
|
>
|
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
+ <el-form-item label="整改描述" prop="description">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="reformData.description"
|
|
|
|
|
+ maxlength="255"
|
|
|
|
|
+ placeHolder="请输入整改描述"
|
|
|
|
|
+ ></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="整改图片" prop="images">
|
|
|
|
|
+ <imgUpload
|
|
|
|
|
+ type="more"
|
|
|
|
|
+ :value="reformData.images"
|
|
|
|
|
+ @input="imageListChanged"
|
|
|
|
|
+ ></imgUpload>
|
|
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
<div slot="footer" class="dialog-footer">
|
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
@@ -46,6 +171,14 @@
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
|
|
+import {
|
|
|
|
|
+ getQuestion,
|
|
|
|
|
+ confirm,
|
|
|
|
|
+ confirmDissent,
|
|
|
|
|
+ reform,
|
|
|
|
|
+} from "@/api/question/list.js";
|
|
|
|
|
+import dayjs from "dayjs";
|
|
|
|
|
+import imgUpload from "@/components/ImageUpload/index.vue";
|
|
|
export default {
|
|
export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
@@ -57,74 +190,197 @@ export default {
|
|
|
form: {},
|
|
form: {},
|
|
|
// 表单校验
|
|
// 表单校验
|
|
|
rules: {},
|
|
rules: {},
|
|
|
|
|
+ row: null,
|
|
|
|
|
+ type: null,
|
|
|
|
|
+ data: {},
|
|
|
|
|
+ confirmData: {
|
|
|
|
|
+ id: null,
|
|
|
|
|
+ status: 0,
|
|
|
|
|
+ description: null,
|
|
|
|
|
+ },
|
|
|
|
|
+ confirmDissentData: {
|
|
|
|
|
+ id: null,
|
|
|
|
|
+ status: 0,
|
|
|
|
|
+ description: null,
|
|
|
|
|
+ },
|
|
|
|
|
+ reformData: {
|
|
|
|
|
+ id: null,
|
|
|
|
|
+ reformDate: null,
|
|
|
|
|
+ description: null,
|
|
|
|
|
+ images: null,
|
|
|
|
|
+ },
|
|
|
|
|
+ confirmRule: {
|
|
|
|
|
+ description: [
|
|
|
|
|
+ { required: false, message: "请输入异议内容", trigger: "blur" },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ confirmDissentRule: {
|
|
|
|
|
+ description: [
|
|
|
|
|
+ { required: false, message: "请输入原因", trigger: "blur" },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ reformRule: {
|
|
|
|
|
+ reformDate: [
|
|
|
|
|
+ { required: true, message: "请选择整改日期", trigger: "blur" },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ pickerOptions: {
|
|
|
|
|
+ disabledDate(time) {
|
|
|
|
|
+ return time.getTime() > Date.now();
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
- methods:{
|
|
|
|
|
|
|
+ components: { imgUpload },
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ dayjs,
|
|
|
// 取消按钮
|
|
// 取消按钮
|
|
|
cancel() {
|
|
cancel() {
|
|
|
this.open = false;
|
|
this.open = false;
|
|
|
this.reset();
|
|
this.reset();
|
|
|
},
|
|
},
|
|
|
|
|
+ show(row, type) {
|
|
|
|
|
+ this.row = row;
|
|
|
|
|
+ this.type = type;
|
|
|
|
|
+ this.setTitle(type);
|
|
|
|
|
+ getQuestion(row.id).then((r) => {
|
|
|
|
|
+ this.data = r.data;
|
|
|
|
|
+ this.data.confirmDissent = r.data.flows.find((d) => d.executeStep == 1);
|
|
|
|
|
+ this.data.confirm = r.data.flows.find((d) => d.executeStep == 2);
|
|
|
|
|
+ this.data.reform = r.data.flows.find((d) => d.executeStep == 10);
|
|
|
|
|
+ this.open = true;
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ setTitle(type) {
|
|
|
|
|
+ switch (type) {
|
|
|
|
|
+ case "detail":
|
|
|
|
|
+ this.title = "详情";
|
|
|
|
|
+ break;
|
|
|
|
|
+ case "confirm":
|
|
|
|
|
+ this.title = "隐患确认";
|
|
|
|
|
+ break;
|
|
|
|
|
+ case "confirmDissent":
|
|
|
|
|
+ this.title = "异议审批";
|
|
|
|
|
+ break;
|
|
|
|
|
+ case "reform":
|
|
|
|
|
+ this.title = "隐患整改";
|
|
|
|
|
+ break;
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
// 表单重置
|
|
// 表单重置
|
|
|
reset() {
|
|
reset() {
|
|
|
- this.form = {
|
|
|
|
|
|
|
+ this.confirmData = {
|
|
|
|
|
+ id: null,
|
|
|
|
|
+ status: 0,
|
|
|
|
|
+ description: null,
|
|
|
|
|
+ };
|
|
|
|
|
+ this.confirmDissentData = {
|
|
|
id: null,
|
|
id: null,
|
|
|
- orgId: null,
|
|
|
|
|
- orgName: null,
|
|
|
|
|
- orgPath: null,
|
|
|
|
|
- srcType: null,
|
|
|
|
|
- srcTaskId: null,
|
|
|
|
|
- srcTaskName: null,
|
|
|
|
|
- checkContent: null,
|
|
|
|
|
- questionDesc: null,
|
|
|
|
|
- submitorId: null,
|
|
|
|
|
- submitorName: null,
|
|
|
|
|
- submitTime: null,
|
|
|
|
|
- confirmStatus: null,
|
|
|
|
|
- reformStatus: null,
|
|
|
|
|
- createTime: null,
|
|
|
|
|
- updateTime: null,
|
|
|
|
|
- createBy: null,
|
|
|
|
|
- updateBy: null
|
|
|
|
|
|
|
+ status: 0,
|
|
|
|
|
+ description: null,
|
|
|
};
|
|
};
|
|
|
- this.resetForm("form");
|
|
|
|
|
|
|
+ this.reformData = {
|
|
|
|
|
+ id: null,
|
|
|
|
|
+ reformDate: null,
|
|
|
|
|
+ description: null,
|
|
|
|
|
+ images: null,
|
|
|
|
|
+ };
|
|
|
|
|
+ this.resetForm("confirmForm");
|
|
|
|
|
+ this.resetForm("confirmDissentForm");
|
|
|
|
|
+ this.resetForm("reformForm");
|
|
|
|
|
+ },
|
|
|
|
|
+ imageListChanged(value) {
|
|
|
|
|
+ this.reformData.images = value;
|
|
|
},
|
|
},
|
|
|
/** 提交按钮 */
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
submitForm() {
|
|
|
- this.$refs["form"].validate(valid => {
|
|
|
|
|
- if (valid) {
|
|
|
|
|
- if (this.form.id != null) {
|
|
|
|
|
- updateQuestion(this.form).then(response => {
|
|
|
|
|
- this.$modal.msgSuccess("修改成功");
|
|
|
|
|
- this.open = false;
|
|
|
|
|
- this.getList();
|
|
|
|
|
- });
|
|
|
|
|
- } else {
|
|
|
|
|
- addQuestion(this.form).then(response => {
|
|
|
|
|
- this.$modal.msgSuccess("新增成功");
|
|
|
|
|
- this.open = false;
|
|
|
|
|
- this.getList();
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ if (this.type == "confirm") {
|
|
|
|
|
+ this.submitConfirm();
|
|
|
|
|
+ } else if (this.type == "confirmDissent") {
|
|
|
|
|
+ this.submitConfirmDissent();
|
|
|
|
|
+ } else if (this.type === "reform") {
|
|
|
|
|
+ this.submitReform();
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ submitConfirm() {
|
|
|
|
|
+ this.$refs["confirmForm"].validate((valid) => {
|
|
|
|
|
+ if (!valid) {
|
|
|
|
|
+ return;
|
|
|
}
|
|
}
|
|
|
|
|
+ let data = { ...this.confirmData, id: this.data.id };
|
|
|
|
|
+ confirm(data).then((r) => {
|
|
|
|
|
+ if (r.data) {
|
|
|
|
|
+ this.$message.info("确认成功");
|
|
|
|
|
+ this.$emit("success");
|
|
|
|
|
+ this.open = false;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
- /** 新增按钮操作 */
|
|
|
|
|
- handleAdd() {
|
|
|
|
|
- this.reset();
|
|
|
|
|
- this.open = true;
|
|
|
|
|
- this.title = "添加隐患问题清单";
|
|
|
|
|
|
|
+ submitConfirmDissent() {
|
|
|
|
|
+ this.$refs["confirmDissentForm"].validate((valid) => {
|
|
|
|
|
+ if (!valid) {
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ let data = { ...this.confirmDissentData, id: this.data.id };
|
|
|
|
|
+ confirmDissent(data).then((r) => {
|
|
|
|
|
+ if (r.data) {
|
|
|
|
|
+ this.$message.info("异议审批成功");
|
|
|
|
|
+ this.$emit("success");
|
|
|
|
|
+ this.open = false;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
},
|
|
},
|
|
|
- /** 修改按钮操作 */
|
|
|
|
|
- handleUpdate(row) {
|
|
|
|
|
- this.reset();
|
|
|
|
|
- const id = row.id || this.ids
|
|
|
|
|
- getQuestion(id).then(response => {
|
|
|
|
|
- this.form = response.data;
|
|
|
|
|
- this.open = true;
|
|
|
|
|
- this.title = "修改隐患问题清单";
|
|
|
|
|
|
|
+ submitReform() {
|
|
|
|
|
+ this.$refs["reformForm"].validate((valid) => {
|
|
|
|
|
+ if (!valid) {
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ let data = { ...this.reformData, id: this.data.id };
|
|
|
|
|
+ reform(data).then((r) => {
|
|
|
|
|
+ if (r.data) {
|
|
|
|
|
+ this.$message.info("整改成功");
|
|
|
|
|
+ this.$emit("success");
|
|
|
|
|
+ this.open = false;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
- }
|
|
|
|
|
|
|
+ // handleConfirmStatusChange(value) {
|
|
|
|
|
+ // if (value == 1) {
|
|
|
|
|
+ // this.confirmRule["description"].required = true;
|
|
|
|
|
+ // } else {
|
|
|
|
|
+ // this.confirmRule["description"].required = false;
|
|
|
|
|
+ // }
|
|
|
|
|
+ // },
|
|
|
|
|
+ // handleConfirmDissentStatusChange(value) {
|
|
|
|
|
+ // if (value == 1) {
|
|
|
|
|
+ // this.confirmDissentRule["description"].required = true;
|
|
|
|
|
+ // } else {
|
|
|
|
|
+ // this.confirmRule["description"].required = false;
|
|
|
|
|
+ // }
|
|
|
|
|
+ // },
|
|
|
|
|
+ },
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
|
+.contentArea {
|
|
|
|
|
+ border-bottom: 1px solid #606266;
|
|
|
|
|
+ padding-bottom: 20px;
|
|
|
|
|
+
|
|
|
|
|
+ ::v-deep .el-descriptions-item__label {
|
|
|
|
|
+ width: 100px;
|
|
|
|
|
+ text-align: right;
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+.form {
|
|
|
|
|
+ padding-top: 20px;
|
|
|
|
|
+}
|
|
|
|
|
+.imageList div {
|
|
|
|
|
+ margin-left: 5px;
|
|
|
|
|
+ margin-right: 5px;
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|