|
|
@@ -3,128 +3,448 @@
|
|
|
<div class="page-top-title-box">
|
|
|
<p class="page-top-title-name-p">{{newData.id?'编辑':'申购'}}</p>
|
|
|
<p class="page-top-title-out-p" @click="backPage">返回</p>
|
|
|
+ <p class="page-top-title-save-p" @click="submitForm">保存</p>
|
|
|
+ <p class="page-top-title-add-p" @click="submitForm">提交</p>
|
|
|
</div>
|
|
|
- <div class="content-box">
|
|
|
- <div class="content-box-t">
|
|
|
- <el-form class="add-form-box" :model="newData" ref="form" :rules="rules" label-width="164px">
|
|
|
- <div class="content-box-t-t">申购信息</div>
|
|
|
- <div class="content-box-t-m">
|
|
|
- <el-form-item label="实验室：" prop="subId">
|
|
|
- <el-select v-model="newData.subId" placeholder="请选择实验室" style="width: 350px">
|
|
|
- <el-option v-for="item in subOptions" :key="item.subId" :label="item.subName" :value="item.subId"/>
|
|
|
+ <div class="content-box scrollbar-box">
|
|
|
+ <el-form :model="newData" ref="form" :rules="rules">
|
|
|
+ <div class="title-max-big-box">
|
|
|
+ <p class="title-p">申购信息</p>
|
|
|
+ </div>
|
|
|
+ <div class="form-item-box">
|
|
|
+ <el-form-item label="实验室：" prop="data1" label-width="150px">
|
|
|
+ <el-select
|
|
|
+ style="width:350px;"
|
|
|
+ v-model="newData.data1"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ reserve-keyword
|
|
|
+ @change="subChange"
|
|
|
+ placeholder="请搜索选择实验室"
|
|
|
+ :remote-method="subSelectList">
|
|
|
+ <el-option
|
|
|
+ v-for="item in subOptions"
|
|
|
+ :key="item.subId"
|
|
|
+ :label="item.subName"
|
|
|
+ :value="item.subId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="申购人：" prop="data2" label-width="150px">
|
|
|
+ <el-select
|
|
|
+ style="width:350px;"
|
|
|
+ v-model="newData.data2"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ reserve-keyword
|
|
|
+ @change="userChange"
|
|
|
+ placeholder="请搜索选择归属人"
|
|
|
+ :remote-method="userSelectList">
|
|
|
+ <el-option
|
|
|
+ v-for="item in userOptions"
|
|
|
+ :key="item.userId"
|
|
|
+ :label="item.userName"
|
|
|
+ :value="item.userId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <div class="form-check-max-box">
|
|
|
+ <div class="form-check-box" @click="checkButton">
|
|
|
+ <div class="form-check" :class="newData.data3?'form-check-a':''">
|
|
|
+ <p></p>
|
|
|
+ </div>
|
|
|
+ <p class="form-check-title">课题组</p>
|
|
|
+ </div>
|
|
|
+ <el-form-item label="" prop="data4" v-if="newData.data3">
|
|
|
+ <el-select
|
|
|
+ style="width:350px;"
|
|
|
+ v-model="newData.data4"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ reserve-keyword
|
|
|
+ @change="researchGroupChange"
|
|
|
+ placeholder="请搜索选择课题组"
|
|
|
+ :remote-method="researchGroupSelectList">
|
|
|
+ <el-option
|
|
|
+ v-for="item in researchGroupOptions"
|
|
|
+ :key="item.researchGroupId"
|
|
|
+ :label="item.researchGroupName"
|
|
|
+ :value="item.researchGroupId">
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="申购人：" prop="name">
|
|
|
- <el-input v-model="newData.deviceName" placeholder="回显当前账号姓名-联系电话" style="width:350px;"></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-flex-max-box">
|
|
|
+ <div class="form-left-max-box">
|
|
|
+ <el-form-item label="用途：" prop="data6" label-width="150px">
|
|
|
+ <el-input
|
|
|
+ v-model="newData.data6"
|
|
|
+ placeholder="请输入"
|
|
|
+ class="item-examples-demo"
|
|
|
+ style="width:350px;height:100px;"
|
|
|
+ maxLength='50' type="textarea" resize="none"
|
|
|
+ show-word-limit :autosize="{ minRows: 4, maxRows: 4}">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
- <div class="research-selete">
|
|
|
- <img src="@/assets/ZDimages/chemicalManage/icon_6.png">
|
|
|
- <i>课题组</i>
|
|
|
- <el-select v-model="newData.subId" placeholder="回显所属课题组" style="width: 350px">
|
|
|
- <el-option v-for="item in subOptions" :key="item.subId" :label="item.subName" :value="item.subId"/>
|
|
|
+ </div>
|
|
|
+ <div class="form-right-max-box">
|
|
|
+ <el-form-item label="导师：" prop="data7" label-width="150px">
|
|
|
+ <el-select
|
|
|
+ style="width:825px;"
|
|
|
+ v-model="newData.data7"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ reserve-keyword
|
|
|
+ @change="userChange"
|
|
|
+ placeholder="请搜索选择归属人"
|
|
|
+ :remote-method="userSelectList">
|
|
|
+ <el-option
|
|
|
+ v-for="item in userOptions"
|
|
|
+ :key="item.userId"
|
|
|
+ :label="item.userName"
|
|
|
+ :value="item.userId">
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <div class="form-text-box">
|
|
|
+ <div>
|
|
|
+ <p>液体已存储量：</p>
|
|
|
+ <p>{{subData.subData1}}</p>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <p>固体已存储量：</p>
|
|
|
+ <p>{{subData.subData2}}</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="content-box-t-b">
|
|
|
- <el-form-item label="用途：">
|
|
|
- <el-input type="textarea" v-model="newData.deviceName" placeholder="请输入用途" :rows="4"style="width:350px;"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <div class="content-box-t-b-r">
|
|
|
- <el-form-item label="导师：">
|
|
|
- <el-input v-model="newData.deviceName" placeholder="回显所属导师-联系电话" style="width:825px;"></el-input>
|
|
|
+ </div>
|
|
|
+ <p class="border-p"></p>
|
|
|
+ <div class="title-max-big-box">
|
|
|
+ <p class="title-p">化学品信息</p>
|
|
|
+ <div class="num-max-big-box">
|
|
|
+ <p>本次申购量</p>
|
|
|
+ <p>液体:</p>
|
|
|
+ <p>固体:</p>
|
|
|
+ </div>
|
|
|
+ <p class="add-item-button page-submit-common-style-button" @click="addButton">+ 添加化学品</p>
|
|
|
+ </div>
|
|
|
+ <div class="for-table-box">
|
|
|
+ <el-table class="table-box" border :data="newData.dataList">
|
|
|
+ <el-table-column label="名称" prop="name" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="CAS" prop="content" width="150" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="类别" prop="content" width="150" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="纯度" prop="content" width="150" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="规格" prop="content" width="240" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input-number
|
|
|
+ class="table-date-input-right-border"
|
|
|
+ v-model="scope.row.rowData3"
|
|
|
+ style="width:120px;"
|
|
|
+ :controls="false"
|
|
|
+ :min="1" :max="9999">
|
|
|
+ </el-input-number>
|
|
|
+ <el-select
|
|
|
+ class="table-date-input-left-border"
|
|
|
+ v-model="scope.row.rowData4"
|
|
|
+ style="width:94px;">
|
|
|
+ <el-option label="ml" value="ml"></el-option>
|
|
|
+ <el-option label="g" value="g"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="单位" prop="content" width="120" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-select
|
|
|
+ class="table-date"
|
|
|
+ v-model="scope.row.rowData5"
|
|
|
+ style="width:94px;">
|
|
|
+ <el-option label="瓶" value="ml"></el-option>
|
|
|
+ <el-option label="袋" value="g"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="数量" prop="content" width="120" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input-number
|
|
|
+ class="table-date"
|
|
|
+ v-model="scope.row.rowData6"
|
|
|
+ style="width:94px;"
|
|
|
+ :controls="false"
|
|
|
+ :min="1" :max="200">
|
|
|
+ </el-input-number>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" prop="content" width="80" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="table-button-box">
|
|
|
+ <p class="table-button-null"></p>
|
|
|
+ <p class="table-button-p"
|
|
|
+ @click="delItem(scope.row,scope.$index)"
|
|
|
+ v-hasPermiRouter="['demo:demo:del']"
|
|
|
+ >删除</p>
|
|
|
+ <p class="table-button-null"></p>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <el-dialog class="savePending-dialog"
|
|
|
+ :modal-append-to-body="false"
|
|
|
+ :close-on-click-modal="false" :close-on-press-escape="false"
|
|
|
+ title="添加化学品"
|
|
|
+ :visible.sync="savePendingDialogType"
|
|
|
+ v-if="savePendingDialogType"
|
|
|
+ width="800px" height="482px"
|
|
|
+ append-to-body>
|
|
|
+ <div style="height:300px;overflow: hidden">
|
|
|
+ <div>
|
|
|
+ <el-form :model="newData" ref="dialogForm" :rules="dialogRules">
|
|
|
+ <div style="display: flex;margin:120px 0;">
|
|
|
+ <el-form-item label="化学品：" prop="dialogData1" label-width="80px">
|
|
|
+ <el-select
|
|
|
+ style="width:500px;"
|
|
|
+ v-model="dialogForm.dialogData1"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ reserve-keyword
|
|
|
+ @change="chemicalsChange"
|
|
|
+ placeholder="请选择化学品"
|
|
|
+ :remote-method="chemicalsSelectList">
|
|
|
+ <el-option
|
|
|
+ v-for="item in chemicalsOptions"
|
|
|
+ :key="item.chemicalsId"
|
|
|
+ :label="item.chemicalsName"
|
|
|
+ :value="item.chemicalsId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <div class="content-box-t-b-r-b"><p>液体已存储量：6666ml（上限100000ml）</p><p>固体已存储量：1000g（上限100000g）</p></div>
|
|
|
+ <p class="page-save-common-style-button" style="margin-left:20px;width:100px;" @click="addItemButton">新增化学品</p>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </el-form>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="line"></div>
|
|
|
- <div class="content-box-b">
|
|
|
- <div class="content-box-b-t"><p>化学品信息</p></div>
|
|
|
+ <div slot="footer" class="dialog-footer dialog-footer-box">
|
|
|
+ <p class="dialog-footer-button-null"></p>
|
|
|
+ <p class="dialog-footer-button-info" @click="dialogOut">取消</p>
|
|
|
+ <p class="dialog-footer-button-primary" @click="dialogSubmit">确定</p>
|
|
|
+ <p class="dialog-footer-button-null"></p>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="page-bottom-button-box">
|
|
|
- <p class="page-bottom-button-null-p"></p>
|
|
|
- <p class="page-bottom-button-cancel-p" @click="backPage" >取消</p>
|
|
|
- <p class="page-bottom-button-submit-p" @click="submitForm">提交审核</p>
|
|
|
- <p class="page-bottom-button-submit-p" style="margin-left:0px;" @click="submitForm" >保存</p>
|
|
|
- <p class="page-bottom-button-null-p"></p>
|
|
|
- </div>
|
|
|
+ </el-dialog>
|
|
|
+ <add-chemicals ref="addChemicals"></add-chemicals>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import { systemBuildingGetTreeList,laboratorySubRelInfoGetListByFloor } from "@/api/commonality/permission";
|
|
|
+ import addChemicals from "@/views/chemicalManage/components/addChemicals.vue";
|
|
|
export default {
|
|
|
name: 'addPage',
|
|
|
+ components: {
|
|
|
+ addChemicals
|
|
|
+ },
|
|
|
props:{
|
|
|
propsData:{},
|
|
|
- },
|
|
|
- components: {
|
|
|
-
|
|
|
},
|
|
|
data(){
|
|
|
return{
|
|
|
- newData:{},
|
|
|
+ //添加化学品弹窗
|
|
|
+ savePendingDialogType:false,
|
|
|
+ dialogForm:{},
|
|
|
+ dialogRules:{
|
|
|
+ dialogData1: [
|
|
|
+ { required: true, message: "请搜索选择化学品", trigger: "blur" },
|
|
|
+ { required: true, message: "请搜索选择化学品", validator: this.spaceJudgment, trigger: "blur" }
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ // 化学品列表
|
|
|
+ chemicalsOptions:[],
|
|
|
+ // 实验室列表
|
|
|
subOptions:[],
|
|
|
+ // 人员列表
|
|
|
+ userOptions:[],
|
|
|
+ // 课题组列表
|
|
|
+ researchGroupOptions:[],
|
|
|
+ newData:{
|
|
|
+ data1:'',
|
|
|
+ data2:'',
|
|
|
+ data3:false,
|
|
|
+ data4:'',
|
|
|
+ data5:'',
|
|
|
+ data6:'',
|
|
|
+ dataList:[{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},],
|
|
|
+ },
|
|
|
rules:{
|
|
|
- subId: [
|
|
|
- { required: true, message: "请选择实验室", trigger: "blur" },
|
|
|
+ data1: [
|
|
|
+ { required: true, message: "请搜索选择实验室", trigger: "blur" },
|
|
|
+ { required: true, message: "请搜索选择实验室", validator: this.spaceJudgment, trigger: "blur" }
|
|
|
+ ],
|
|
|
+ data2: [
|
|
|
+ { required: true, message: "请搜索选择归属人", trigger: "blur" },
|
|
|
+ { required: true, message: "请搜索选择归属人", validator: this.spaceJudgment, trigger: "blur" }
|
|
|
+ ],
|
|
|
+ data4: [
|
|
|
+ { required: true, message: "请搜索选择课题组", trigger: "blur" },
|
|
|
+ { required: true, message: "请搜索选择课题组", validator: this.spaceJudgment, trigger: "blur" }
|
|
|
],
|
|
|
- name: [
|
|
|
- { required: true, message: "请输入申购人", trigger: "blur" },
|
|
|
+ data7: [
|
|
|
+ { required: true, message: "请搜索选择导师", trigger: "blur" },
|
|
|
+ { required: true, message: "请搜索选择导师", validator: this.spaceJudgment, trigger: "blur" }
|
|
|
],
|
|
|
},
|
|
|
-
|
|
|
+ subData:{
|
|
|
+ subData1:'6666ml（上限100000ml）',
|
|
|
+ subData2:'1000g（上限100000g）',
|
|
|
+ },
|
|
|
}
|
|
|
},
|
|
|
created(){
|
|
|
- //this.initialize();
|
|
|
+
|
|
|
},
|
|
|
mounted(){
|
|
|
|
|
|
},
|
|
|
methods:{
|
|
|
- radioFun(){
|
|
|
- this.$set(this.newData,'state',!this.newData.state)
|
|
|
- },
|
|
|
- initialize(){
|
|
|
- //编辑
|
|
|
- if(this.propsData.id){
|
|
|
- this.$set(this,'newData',{
|
|
|
- id:this.propsData.id,
|
|
|
- });
|
|
|
-
|
|
|
- }else{
|
|
|
- this.$set(this,'newData',{
|
|
|
- deviceName:'',
|
|
|
- deviceNo:'',
|
|
|
- typeId:'',
|
|
|
- typeKey:'',
|
|
|
- typeName:'',
|
|
|
- attributeId:'',
|
|
|
- code:'',
|
|
|
- state:true,
|
|
|
- address:[],
|
|
|
- subId:'',
|
|
|
- remark:'',
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
// 返回按钮
|
|
|
backPage(){
|
|
|
- this.$parent.tableButton('out','');
|
|
|
+ this.$parent.tableButton('out');
|
|
|
+ },
|
|
|
+ //添加化学品
|
|
|
+ addButton(){
|
|
|
+ this.$set(this,'savePendingDialogType',true);
|
|
|
+ },
|
|
|
+ //关闭弹窗
|
|
|
+ dialogOut(){
|
|
|
+ this.$set(this,'savePendingDialogType',false);
|
|
|
+ },
|
|
|
+ //弹窗提交
|
|
|
+ dialogSubmit(){
|
|
|
+ this.$refs["dialogForm"].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.newData.dataList.push({});
|
|
|
+ this.$set(this,'savePendingDialogType',false);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //新增化学品
|
|
|
+ addItemButton(){
|
|
|
+ this.$refs.addChemicals.addChemicalsOpen('1');
|
|
|
+ },
|
|
|
+ //化学品添加成功
|
|
|
+ submitSuccessful(){
|
|
|
+ console.log('添加成功')
|
|
|
},
|
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
|
- this.$refs["form"].validate(maxValid => {
|
|
|
- this.$refs.forElFormItem.$refs["form"].validate(valid => {
|
|
|
- if (valid) {
|
|
|
+ this.$refs["form"].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
|
|
|
- }
|
|
|
- })
|
|
|
+ }
|
|
|
})
|
|
|
},
|
|
|
+ //删除化学品
|
|
|
+ delItem(row,index){
|
|
|
+ console.log('row=>',row)
|
|
|
+ console.log('index=>',index)
|
|
|
+ let self = this;
|
|
|
+ this.$confirm('是否确认删除?', "警告", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }).then(function() {
|
|
|
+ }).then(() => {
|
|
|
+ self.newData.dataList.splice(index,1);
|
|
|
+ }).catch(() => {});
|
|
|
+ },
|
|
|
+ //选中人员
|
|
|
+ userChange(val){
|
|
|
+ let self = this;
|
|
|
+ // console.log(val)
|
|
|
+ // for(let i=0;i<self.optionsUser.length;i++){
|
|
|
+ // if(self.optionsUser[i].userId == val){
|
|
|
+ // this.$set(this,'shadeName',self.optionsUser[i].userName);
|
|
|
+ // this.$set(this,'shadeMobile',self.optionsUser[i].mobile);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ //搜索人员
|
|
|
+ userSelectList(query){
|
|
|
+ if (query !== '' && query.length>1) {
|
|
|
+ // systemUserSelectUser({"userName":query,'userType':'1'}).then(response => {
|
|
|
+ // this.$set(this,'userOptions',response.data);
|
|
|
+ // });
|
|
|
+ } else {
|
|
|
+ this.$set(this,'subOptions',[]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选中实验室
|
|
|
+ subChange(val){
|
|
|
+ let self = this;
|
|
|
+ // console.log(val)
|
|
|
+ // for(let i=0;i<self.optionsUser.length;i++){
|
|
|
+ // if(self.optionsUser[i].userId == val){
|
|
|
+ // this.$set(this,'shadeName',self.optionsUser[i].userName);
|
|
|
+ // this.$set(this,'shadeMobile',self.optionsUser[i].mobile);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ //搜索实验室
|
|
|
+ subSelectList(query){
|
|
|
+ if (query !== '' && query.length>1) {
|
|
|
+ // systemUserSelectUser({"userName":query,'userType':'1'}).then(response => {
|
|
|
+ // this.$set(this,'userOptions',response.data);
|
|
|
+ // });
|
|
|
+ } else {
|
|
|
+ this.$set(this,'subOptions',[]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选中化学品
|
|
|
+ chemicalsChange(val){
|
|
|
+ let self = this;
|
|
|
+ // console.log(val)
|
|
|
+ // for(let i=0;i<self.optionsUser.length;i++){
|
|
|
+ // if(self.optionsUser[i].userId == val){
|
|
|
+ // this.$set(this,'shadeName',self.optionsUser[i].userName);
|
|
|
+ // this.$set(this,'shadeMobile',self.optionsUser[i].mobile);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ //搜索化学品
|
|
|
+ chemicalsSelectList(query){
|
|
|
+ if (query !== '' && query.length>1) {
|
|
|
+ // systemUserSelectUser({"userName":query,'userType':'1'}).then(response => {
|
|
|
+ // this.$set(this,'userOptions',response.data);
|
|
|
+ // });
|
|
|
+ } else {
|
|
|
+ this.$set(this,'chemicalsOptions',[]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //课题组开关
|
|
|
+ checkButton(){
|
|
|
+ this.$set(this.newData,'data3',!this.newData.data3);
|
|
|
+ },
|
|
|
+ //选中课题组
|
|
|
+ researchGroupChange(val){
|
|
|
+ let self = this;
|
|
|
+ // console.log(val)
|
|
|
+ // for(let i=0;i<self.optionsUser.length;i++){
|
|
|
+ // if(self.optionsUser[i].userId == val){
|
|
|
+ // this.$set(this,'shadeName',self.optionsUser[i].userName);
|
|
|
+ // this.$set(this,'shadeMobile',self.optionsUser[i].mobile);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ //搜索课题组
|
|
|
+ researchGroupSelectList(query){
|
|
|
+ if (query !== '' && query.length>1) {
|
|
|
+ // systemUserSelectUser({"userName":query,'userType':'1'}).then(response => {
|
|
|
+ // this.$set(this,'userOptions',response.data);
|
|
|
+ // });
|
|
|
+ } else {
|
|
|
+ this.$set(this,'researchGroupOptions',[]);
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
|
@@ -132,78 +452,169 @@
|
|
|
<style scoped lang="scss">
|
|
|
.purchaseRegister-addPage{
|
|
|
.content-box{
|
|
|
- .content-box-t{
|
|
|
- width: 100%;
|
|
|
- padding: 34px 100px 40px 0px;
|
|
|
- box-sizing: border-box;
|
|
|
- .content-box-t-t{
|
|
|
- padding-left: 80px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: 16px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #333333;
|
|
|
- line-height: 24px;
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
- .content-box-t-m{
|
|
|
+ flex:1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .title-max-big-box{
|
|
|
+ display: flex;
|
|
|
+ height:80px;
|
|
|
+ padding:0 80px;
|
|
|
+ .title-p{
|
|
|
+ flex:1;
|
|
|
+ line-height:80px;
|
|
|
+ font-size:16px;
|
|
|
+ }
|
|
|
+ .num-max-big-box{
|
|
|
display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- margin-bottom: 10px;
|
|
|
- .research-selete{
|
|
|
+ margin:20px 30px;
|
|
|
+ line-height:40px;
|
|
|
+ border:1px solid #A9A9A9;
|
|
|
+ border-radius:4px;
|
|
|
+ overflow: hidden;
|
|
|
+ p{
|
|
|
+ font-size:16px;
|
|
|
+ text-align: center;
|
|
|
+ width:120px;
|
|
|
+ }
|
|
|
+ p:nth-child(1){
|
|
|
+ background-color: #F5F5F5;
|
|
|
+ }
|
|
|
+ p:nth-child(2){
|
|
|
+
|
|
|
+ }
|
|
|
+ p:nth-child(3){
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .add-item-button{
|
|
|
+ width:120px;
|
|
|
+ margin:20px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .form-item-box{
|
|
|
+ display: flex;
|
|
|
+ .form-check-max-box{
|
|
|
+ display: flex;
|
|
|
+ .form-check-box{
|
|
|
+ width:125px;
|
|
|
display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- margin-bottom: 20px;
|
|
|
- >img{
|
|
|
- width: 18px;
|
|
|
+ cursor: pointer;
|
|
|
+ .form-check{
|
|
|
+ width:18px;
|
|
|
height: 18px;
|
|
|
- margin-left: 32px;
|
|
|
+ border-radius:50%;
|
|
|
+ border:1px solid #999;
|
|
|
+ margin:11px 11px 11px 36px;
|
|
|
+ p{
|
|
|
+ width:12px;
|
|
|
+ height:12px;
|
|
|
+ margin:2px;
|
|
|
+ border-radius:50%;
|
|
|
+ }
|
|
|
}
|
|
|
- >i{
|
|
|
- width: 48px;
|
|
|
- font-size: 16px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #333333;
|
|
|
- line-height: 24px;
|
|
|
- margin-left: 10px;
|
|
|
- margin-right: 16px;
|
|
|
- font-style: normal;
|
|
|
+ .form-check-a{
|
|
|
+ border:1px solid #0183FA;
|
|
|
+ p{
|
|
|
+ background-color: #0183FA;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .form-check-title{
|
|
|
+ line-height:40px;
|
|
|
+ font-size:14px;
|
|
|
+ color:#333;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .content-box-t-b{
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- .content-box-t-b-r{
|
|
|
- .content-box-t-b-r-b{
|
|
|
+ }
|
|
|
+ .form-flex-max-box{
|
|
|
+ display: flex;
|
|
|
+ .form-left-max-box{
|
|
|
+
|
|
|
+ }
|
|
|
+ .form-right-max-box{
|
|
|
+ .form-text-box{
|
|
|
+ display: flex;
|
|
|
+ div{
|
|
|
display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- >p{
|
|
|
- font-size: 16px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #333333;
|
|
|
- line-height: 24px;
|
|
|
+ p{
|
|
|
+ font-size:14px;
|
|
|
+ line-height:40px;
|
|
|
}
|
|
|
- >p:nth-of-type(1){
|
|
|
- margin-left: 35px;
|
|
|
+ p:nth-child(1){
|
|
|
+ width:138px;
|
|
|
+ text-align: right;
|
|
|
+ margin-right:12px;
|
|
|
}
|
|
|
- >p:nth-of-type(2){
|
|
|
- margin-left: 146px;
|
|
|
+ p:nth-child(2){
|
|
|
+ width:350px;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
- .line{
|
|
|
- width: 1579px;
|
|
|
- height: 20px;
|
|
|
- background: #F5F5F5;
|
|
|
+ .border-p{
|
|
|
+ border-top:20px solid #F5F5F5;
|
|
|
+ }
|
|
|
+ .for-table-box{
|
|
|
+ padding:0 80px 40px;
|
|
|
+ ::v-deep .el-table__empty-text {
|
|
|
+ position: relative; /* 确保伪元素在正常流中 */
|
|
|
+ background: #fff; /* 设置背景颜色 */
|
|
|
+ }
|
|
|
+ ::v-deep .el-table__empty-text::before {
|
|
|
+ content: "请添加化学品"; /* 设置要显示的文本内容 */
|
|
|
+ color: #999; /* 设置文本颜色 */
|
|
|
+ font-size: 14px; /* 设置文本大小 */
|
|
|
+ text-align: center; /* 水平居中 */
|
|
|
+ z-index: -1; /* 将伪元素置于最后，不影响布局 */
|
|
|
+ }
|
|
|
+ .table-date{
|
|
|
+ height:26px;
|
|
|
+ ::v-deep input{
|
|
|
+ display: block;
|
|
|
+ height:26px!important;
|
|
|
+ }
|
|
|
+ ::v-deep .el-input__icon{
|
|
|
+ line-height:26px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .table-date-padding{
|
|
|
+ width:146px;
|
|
|
+ height:26px;
|
|
|
+ ::v-deep input{
|
|
|
+ display: block;
|
|
|
+ height:26px!important;
|
|
|
+ padding:0 35px;
|
|
|
+ }
|
|
|
+ ::v-deep .el-input__icon{
|
|
|
+ line-height:26px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .table-date-input-right-border{
|
|
|
+ height:26px;
|
|
|
+ ::v-deep input{
|
|
|
+ display: block;
|
|
|
+ height:26px!important;
|
|
|
+ border-top-right-radius: 0;
|
|
|
+ border-bottom-right-radius: 0;
|
|
|
+ }
|
|
|
+ ::v-deep .el-input__icon{
|
|
|
+ line-height:26px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .table-date-input-left-border{
|
|
|
+ height:26px;
|
|
|
+ ::v-deep input{
|
|
|
+ display: block;
|
|
|
+ height:26px!important;
|
|
|
+ border-left:none;
|
|
|
+ border-top-left-radius: 0;
|
|
|
+ border-bottom-left-radius: 0;
|
|
|
+ }
|
|
|
+ ::v-deep .el-input__icon{
|
|
|
+ line-height:26px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
dedsudiyu
